/*
    Stylesheet for top-level pages in
    supportedlives.co.uk
*/

body { background-color: #cccccc;
       color: #0c0c66;
       font-family: sans-serif;
       font-style: normal;
       font-variant: normal;
       font-weight: normal;
       font-stretch: normal;
       font-size: medium;
       text-align: left;
       margin: 0;
       padding: 0;
       max-width: 800px }


div { position: static;
      background-color: #ffffcc;
      margin: 10px;
      padding: 10px;
      border-style: double;
      border-color: #fcaf00 }

div.main   { width: 70%;
             margin-top: 0;
             float: right }

div.header { min-height: 80px }

div.footer { width: 100%;
	     background-color: #cccccc;
             border-bottom-style: none;
	     border-right-style: none;
	     border-left-style: none;
	     float: right }


span { float: none }

span.emailaddress { font-weight: bold }


h1 { font-size: x-large;
     font-weight: bold;
     margin-left: 0;
     margin-right: 0;
     margin-top: 0;
     margin-bottom: 1em;
     text-align: left }
	 
h2 { margin-top: 2em;
     margin-bottom: 1em;
     margin-left: 0;
     margin-right: 0;
     font-size: large;
     font-weight: bold }
	 
	 
h2.gallery { margin-top: 0;
             margin-left: 0;
	     margin-right: 1em;
	     margin-bottom: 1em;
	     text-align: center }

h3 { margin-top: 1.5em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-size: medium;
     font-weight: bold;
     clear: both }

h3.side { margin-top: 2em;
          font-size: large;
          clear: none }

h4 { margin-top: 1em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-size: medium;
     font-style: italic }

h4.nospace { margin-top: 0 }

h5 { margin-top: 1em;
     margin-left: 0;
     margin-right: 0;
     margin-bottom: 0;
     font-size: small;
     font-weight: bold }

	 
p { margin-top: 1em;
    margin-left: 3em;
    margin-right: 0;
    margin-bottom: 0 }

p.quote { margin-left: 5em;
          margin-right: 2em;
          font-style: italic }

p.feature { margin-top: 2em;
            margin-bottom: 2em;
            text-align: center;
            font-size: large;
            font-weight: bold }

p.gallerypic { margin-left: 1em;
               margin-right: 1em;
               text-align: center }

p.highlight { margin-top: 2em;
              margin-bottom: 2em;
              padding: 1em;
              border: solid;
              background-color: #fcaf00;
              font-size: large;
              font-weight: bold }

p.update { margin-top: 0.5em;
           text-align: right;
           font-style: italic;
           font-size: x-small }

p.header { margin-top: 0;
	   margin-left: 242px;
	   margin-right: 1em;
           font-size: large;
	   font-weight: bold }

p.footer { margin-bottom: 1em;
	   margin-left: 0;
	   margin-right: 0;
           text-align: center }


table { margin-top: 1em;
        margin-left: 3em;
        margin-right: 1em;
        margin-bottom: 1em }

td { vertical-align: top;
     text-align: left;
     padding: 0.5em }


th { font-weight: bold;
     vertical-align: top;
     text-align: left;
     padding: 0.5em }


img { margin-top: 0;
      margin-bottom: 0.5em;
      margin-right: 0.5em;
      border-style: none;
      float: left;}

img.char { margin: 0;
           float: none }

img.logo { margin-bottom: 0;
           margin-right: 5px }


ul { margin-left: 3em;
     margin-right: 0;
     margin-top: 0.5em;
     margin-bottom: 0.5em }

ul.sub { margin-top: 0;
         margin-bottom: 0; }

ul.unmarked {list-style-type: none;
             margin-left: 0 }

li { margin-top: 0.5em }

li.links { margin-top: 1em }

li.important { margin-bottom: 0.5em;
               font-weight: bold }

li.unmarked { margin-left: 3em;
              text-indent: -3em }

hr { margin-top: 1em;
     margin-bottom: 1em;
     margin-left: 1em;
     margin-right: 1em }

hr.break { clear: both }


em { font-style: italic }
strong { font-weight: bold}



div.left   { margin-right: 75% }

p.picture { margin-left: 2em;
            margin-right: 2em;
	    margin-bottom: 1em;
            font-style: italic;
	    text-align: center }

p.picplusexp { margin-top: 2em;
               clear: both }

p.margin { margin-left: 1em;
           margin-top: 0;
           text-align: left;
	   font-size: small }