/*   BIRCHWOOD MIDWIFERY STYLESHEET  */

html, body  /*, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, td */ { margin: 0; padding: 0; } 

html { 
        background-image: url(images/pagebg.gif);
        background-repeat: repeat-x;
        background-color: #D4DFEE;
        font-family: 'Myriad Web', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
        color: #5C8533;
}

body {
	position: relative;
	padding: 0 48px 0 0;
	text-align: left;
	background-image: url(images/birchleaves.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        border: 1px solid #D4E0F0;
}

a { color: #5C8533; } 
a:visited { color: #719C46; }

div#branding {
        position: absolute;
	/* border: 1px solid blue; */
	text-align: right;
        top: 62px;
        right: 48px;
        z-index: 100;
}

div#wholecontent {       /* contains navigation, contenttext and column2 */
	position: relative;
	width: 100%;
}

div#navigation {
    margin-top: 240px;
	width: 182px;
	padding: 1em 0;
	float: left;
    text-align: right;
}
* html div#navigation {
	margin-top: 335px;     /* IE bug fix  */
}

div#navigation a { color: #000; text-decoration: none; }
div#navigation a:hover, div#navigation a:active { text-decoration: underline; }

div#navigation li {
        padding-right: 10px;
        list-style-type: none;
        margin-bottom: 6px;
        font-size: 0.95em;
        color: black;
}
li.resources {
        border-bottom: 1px solid #B3C1DE;
        padding-bottom: 7px;
}

div#greenbox {          /* contains just contenttext and column2 */
	border: 3px solid #719C46;
	margin-left: 182px;
        margin-top: 93px;
        padding: 0; 
        background-image: url(images/contentbg.gif);
        background-repeat: repeat-x;
        background-position: left 73px;
        background-color: #F2F5FA;
}

div#contenttext {	
	padding: 1em 2em 1em 1em;
	position: relative; 
	margin-right: 287px;
        background-image: url(images/birchleaves2.jpg);
        background-position: left -73px;
        background-repeat: no-repeat;
        line-height: 150%;
        border-right: 1px dotted #719C46;
}

#headerbar {
	background-color: #DBD46B;
    height: 73px;
}
* html #headerbar {
	margin-left: -3px;   /*   IE bug fix  */
}

h1 {
	font-weight: normal;
        font-size: 1.7em;
        margin: 0;
        padding: 20px 0 20px 16px;
}

h2, h3, h4 { margin-bottom: -0.5em; }


div.footer {
	background-color: #DBD46B;
        margin: 0;
        clear: both;
        height: 72px;
        padding-right: 287px;
}
* html div.footer {
	margin-right: 2px;   /*   IE bug fix  */
}
div.footer p {
        padding: 18px;
        font-size: 1.1em;
}

div#column2 {
	float: right; 
	width: 287px;
	/* border: 1px solid red; */
        border-left: 1px dotted #719C46;
        color: #3A67A9;
 	text-align: center;
	margin-top: 1px;
}
p.names {
        text-align: right;
        padding-right: 12px;
        margin-top: 0; padding-top: 14px;
	margin-bottom: 9px; 
        font-variant: small-caps;
        font-size: 1.1em;
        letter-spacing: 2px;
        min-height: 73px;
        height: 73px;
        color: #5C8533;
}
p.names span.cpm { font-variant: normal; letter-spacing: 0; font-size: 15px; }

* html p.names {
	height: 58px;    	/* works around IE 5/6 lack of min-height   */	
    background-color: #DBD46B;
    padding-top: 14px;
}
p.quote {
	background-image: url(images/quotationmarks.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	padding-top: 3px;
	font-style: italic;
	text-align: left;
	margin-left: 22px;
	margin-right: 22px;
	margin-bottom: 0;
	line-height: 140%;
}
p.byline {
	text-align: right;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 5px;
}
p.caption {
        font-size: 1.1em;
}
p.caption, p#copyright, div.footer p {
	font-variant: small-caps;
    letter-spacing: 1px;
}

p#copyright {
	clear: both;
	margin-left: 185px;
}
p#copyright, p#copyright a {
        color: #6C99DB;
}

div.box { 
background-color: #DBD46B; 
border: 3px solid #719C46;
padding: 20px 20px 5px 20px;
margin-top: 13px;
}
div.box p { margin-top: 0; padding-top: 0; }