/*
Title: Sara Stewart Communications master styles for screen media
Created by: Alex Magill - www.alexmagill.com
Version: 1
Updated: 24,09,2005
*/

body {
 margin: 0;
 padding: 0;
 font-family: Arial, sans-serif;
 text-align: center;
 line-height: 1.3em;
 background: #043347 url(pagesp.jpg) repeat-y 50% 0;
 font-size: x-small; /* ----- forIE5 Win ---- */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
 }

html>body { /* ---- play nice with Opera ----- */
 font-size: small;
 }
 
ul, ol, dl {
 position: relative;
 }

#window {
 margin: 0;
 padding: 0;
 background: url(topback.jpg) repeat-x 0 0;
 }

/* ------[ common elements ]------------------ */

H1 {
 font-size: 180%;
 font-weight: normal;
 }
 
a {
 color: #3E8D47;
 }
 
a:active, a:hover {
 color: #3E8D47;
 background-color: #BFF3B7;
 }
 
 
p {
 padding: 0;
 margin: 0 0 1.3em 0;
 }

/* ------[ set up for when you don't want space after an element, eg a para with a list after it ]--------------- */
 
.noreturn {
 margin: 0;
 }

/* ------[ header and wrapper ]--------------- */

#wrap {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 750px;
 min-height: 100%;
 height: 100%; /* ----- forIE5 Win ---- */
 voice-family: "\"}\"";
 voice-family: inherit;
 height: auto;
 }

html>body #wrap { /* ---- play nice with Opera ----- */
 height: auto;
 }

/* ------[ pushes the text-version of the title out of the way so that the graphical one can be used, good for non-css savy or text only broswers ]-------- */

#header {
 height: 125px;
 font-family: Arial, sans-serif;
 text-align: left;
 background: transparent url(headerbg.jpg) no-repeat left top;
 color: #fff;
 }

#header h1 {
 position: absolute;
 text-indent: -9000px;
 }

/* ------[ contact details ]-------- */

#contact {
 position: absolute;
 margin: 0 0 0 600px;
 padding: 82px 0 0 0;
 font-size: 70%
 }
 
#contact p {
 margin: 0;
 line-height: 1em;
 white-space: nowrap;
 }

#contact a {
 color: #fff;
 text-decoration: none;
 background-color: transparent;
 }
 
/* ------[ links menu / right column ]-------- */

#menu {
 position: absolute;
 left: 0;
 top: 111px;
 margin: 0;
 padding: 0;
 left: 0;
 width: 160px;
 }

#menu ul {
 margin: 0;
 padding: 0;
 }
 
#menu li {
 margin: 4px 0;
 padding: 0;
 list-style: none;
 text-align: right;
 font-size: 90%;
 }
 
#menu a, #menu a:active, #menu a:hover {
 padding: 4px 12px 4px 15px;
 color: #fff;
 font-family: Arial, sans-serif;
 text-decoration: none;
 background-color: transparent;
 }
 
#menu a:active, #menu a:hover {
 color: #BCCEDD;
 background: url(menulink.jpg) repeat-y right top;
 }
 
a#here {
 background: url(menuhere.jpg) repeat-y right top;
 }

/* ------[ body content / middle column ]----- */

#content {
 margin: 0 160px 0 160px;
 padding: 0 10px 20px 10px;
 text-align: left;
 }
 
/* ------[ h2 and h2-intro tag, intro is just h2 but with roman rather than bold text starting each section with an intro rather than a heading is, potentially, preferable ]----- */ 

h2 {
 font-size: 120%;
 font-weight: bold;
 line-height: 1.3em;
 color: #1D5C8D;
 padding: 0;
 margin: 0 0 1.3em 0;
 }
 
#intro {
 font-weight: normal;
 }
 
#content H3 {
 font-size: 110%;
 font-weight: bold;
 color: #1D5C8D;
 margin: 0 0 0.5em 0;
 padding: 0;
 }

#content H4 {
 font-size: 100%;
 font-weight: bold;
 color: #1D5C8D;
 margin: 0;
 padding: 0;
 }

#content ul {
 list-style: none;
 margin: 0 0 1.3em 0;
 padding: 0;
 }

.bullet li {
 background-image: url(bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 4px;
 line-height: 1.3em;
 padding: 0 0 0 16px;
 }
 
#content strong, #content b {
  font-weight: bold;
  font-style: normal;
  padding: 0;
  margin: 0;
  }
  
 #content em, #content i {
  font-weight: normal;
  font-style: italic;
  padding: 0;
  margin: 0;
  }

.pdf {
 padding-left: 25px;
 background: url(pdf.gif) no-repeat 0 0;
 }

.doc {
 padding-left: 25px;
 background: url(doc.gif) no-repeat 0 0;
 }
 
/* ------[ side-bar / right column ]---------- */

#sidebar {
 position: absolute;
 top: 125px;
 right: 0;
 width: 160px;
 text-align: left;
 }
 
#sidebar H3 {
 font-size: 120%;
 font-weight: normal;
 color: #1D5C8D;
 margin: 0 20px 0 10px;
 }
 
#sidebar p {
 font-size: 90%;
 margin: 0 20px 1.3em 10px;
 }
 
 /* ------[ footer ]--------------------------- */
 
 
#footer {
 position: absolute;
 bottom: 0;
 font-size: 70%;
 color: #fff;
 margin: 0;
 }
 
#footer p {
 padding: 0 0 0 10px;
 }