@charset "UTF-8"; /* Natural Pregnancy: #4A8B9A; Midwives: #85933D; Birth at home: #8D596F; Birth stories: #4A8B9A; Resources: #C67F31; 
FAQ: #B0A44F; About us: #8C6239*/ 

* {margin: 0;padding:0;}
/* LAYOUT STYLES */ 

html, body { padding: 0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #8d597e;  }
p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; margin: 1em; padding-right: 2.5em;} 
h1 {font-size: 2em; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 15px 0;}
h1.naturalPregnancy {color: #4A8B9A;}
h1.midwives {color: #85933D;}
h1.birthAtHome {color: #8D596F;}
h1.birthStories {color: #4A8B9A;}
h1.resources {color: #C67F31;}
h1.faqs {color: #B0A44F;}
h1.aboutUs {color: #8C6239;}
h2, h3, h4 {text-align: left; font-family: Georgia; font-weight: normal; color: #4a8b9a; }
h2{ font-size: 0.75em; margin: 1em 1.5em 0 0; color:#3a2410; font-weight: bold;}
h3 { font-size: 1em; margin: 0 1.8em 0.5em 0;}
h5 {color: #3a2410;}  
dl {font-family: Georgia; font-size: 0.85em;}
dt {font-weight: bold; margin: 1em 0 0.5em 0; font-style: italic; }
img {border: none;}
.floatRight {float: right;}
.floatLeft {float: left;} 
.clear {clear: both;}    
ul {padding-right: 2.5em;} 
ul li ul {}
ul li ul li {font-size: 1.2em;}
blockquote { padding-left: 30px;
}
#centerAll{width: 927px; margin: 0 auto;}

#wrapper { width:927px; background: url(../images/backgroundLng.png) repeat-y;}
#wrapperTop{ background: url(../images/background.png) no-repeat;}

/* Header Navigation */
#headerNavigation { width:927px; position: absolute; top: 48px; text-align:left; }
#logoNav img {position: absolute; top: -16px; right: 16px; border: none;}
.navList {height: 35px; background-color:#924d7d; background-image:url(../images/navBackground2.gif); background-repeat:repeat-x;}
.navList li {display:inline; }
.navList li a {font-size:13px; color:#FFFFFF; text-decoration:none; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

.navDivider {padding: 0 7px 0 12px; vertical-align:middle;}
#naturalPregnancyNav a:hover {color: #BDE2EB; }
#naturalPregnancyNavCurrent a {color: #BDE2EB; }
#midwivesNav a:hover {color: #AFBA6D; }
#midwivesNavCurrent a {color: #AFBA6D; }
#birthAtHomeNav a:hover {color: #E7B2C9; }
#birthAtHomeNavCurrent a {color: #E7B2C9; }
#birthStoriesNav a:hover {color: #BDE2EB; }
#birthStoriesNavCurrent a {color: #BDE2EB; }
#resourcesNav a:hover {color: #FDC689; }
#resourcesNavCurrent a {color: #FDC689; }
#faqsNav a:hover {color: #E8DC74; }
#faqsNavCurrent a {color: #E8DC74; }
#aboutUsNav a:hover {color: #CDB2A2; }
#aboutUsNavCurrent a {color: #CDB2A2; }
#blogNav a:hover {color: #E7B2C9; }
#blogNavCurrent a {color: #E7B2C9; }






/* Left Navigation */

#leftColumn {float: left; width: 19%; left: 0;}
#leftNavText, #leftNavBg {list-style: none; position: absolute; top: 100px; width: 150px; line-height:14px; margin: 0; padding: 14px 0 0 0;}
#leftNavBg .twoLine {height: 29px;}
#leftNavText li,#leftNavBg li {font-size: 13px; margin: -12px 0 20px 10px; padding: 6px 0 6px 8px; width: 100%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#leftNavBg li { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;}
#leftNavBg li.active {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#leftNavText li a {text-decoration: none; }


#leftNavText li a#regFormBtn {
	display: block;
	clear: both;
	outline: none;
	border: none;
}




#midwives #leftNavBg li { background-color: #96a645; filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; } 
#midwives #leftNavBg li.active {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#midwives #leftNavText li a { color: #737f34; }
#midwives #leftNavText li a:hover, #midwives #leftNavText li.active a  {color: #fff;}

#birthAtHome #leftNavBg li { background-color: #8d596f; filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; }
#birthAtHome #leftNavBg li.active {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#birthAtHome #leftNavText li a { color: #6f4858; }
#birthAtHome #leftNavText li a:hover, #birthAtHome #leftNavText li.active a  {color: #fff;}

#birthStories #leftNavBg li,#naturalPregnancy #leftNavBg li { background-color: #8eb1aa; }
#birthStories #leftNavBg li.active,#naturalPregnancy #leftNavBg li.active {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#birthStories #leftNavText li a,#naturalPregnancy #leftNavText li a { color: #4a869a; }
#birthStories #leftNavText li a:hover, #birthStories #leftNavText li.active a,#naturalPregnancy #leftNavText li a:hover, #naturalPregnancy #leftNavText li.active a  {color: #fff;}     

#resources #leftNavBg li { background-color: #e6ac6c; filter:alpha(opacity=55); -moz-opacity:.55 opacity:.55;}
#resources #leftNavBg li.active {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#resources #leftNavText li a { color: #c67f31; }
#resources #leftNavText li a:hover, #resources #leftNavText li.active a  {color: #fff;}

#faqs #leftNavBg li { background-color: #c7ba5a; }
#faqs #leftNavBg li.active {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#faqs #leftNavText li a { color: #8c8340; }
#faqs #leftNavText li a:hover, #faqs #leftNavText li.active a  {color: #fff;}

#aboutUs #leftNavBg li { background-color: #a4835f; }
#aboutUs #leftNavBg li.active {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}
#aboutUs #leftNavText li a { color: #907354; }
#aboutUs #leftNavText li a:hover, #aboutUs #leftNavText li.active a  {color: #fff;}




/* Main Content Area */    
#mainArea { width:927px; float: right; margin: 120px 0 0 0; padding: 0 0 2em 0; background: url(../images/mainAreaBg.png) no-repeat bottom; min-height: 30em;}    

#rightColumn {float: right; width: 740px; }
#rightColumn p a {color: #924d7d;}
#rightColumn a {color: #3a2410;}
#rightColumn p, #rightColumn ul, #rightColumn dl { font-family:Georgia, Arial; font-size:0.85em; margin: 1em 0.2em; color: #3a2410; }
#rightColumn ul {padding-left: 2em;}    
#rightColumn ul li ul {margin-top: 0;margin-bottom: 0;}
#rightColumn ul li ul li {font-size: 1.2em;}

#rightColumn img {float: right;}   
p.hr {background: url(../images/hrBg.gif) repeat-x bottom left; height: 0.8em; width: 31.5em; margin: 0; padding: 0;}    

#rightColumn .imageRight { float: right; margin: 5px; margin: 20px 30px 30px 20px !important; margin: 20px 16px 30px 20px; width: 1px;}    
#rightColumn .imageLeft { float: left; margin: 1em; margin: 0.2em 1em 2em 0; width: 1px;}

#rightColumn img {float: left;}
#rightColumn h4 {color: #c67f31;}
.imagenofloat {clear: both;}

.caption {margin: 0.5em 0; width: 97.5% !important; width: 100%; text-align: left; font-family: Verdana; font-size: .6em; background-color: #dfdac5; color: #333333; padding: 0.5em;}

p.storyLink {clear: both;}
p.storyLink a {text-decoration: none; margin: 0 0.5em 0 0; color: #3a2410;}
p.thumb a {line-height: 63px;}
p.storyLink a:hover { text-decoration: underline;} 
p.storyLink img {vertical-align: middle; margin: 0 0.5em 0 0; border: none;}

table#photoGrid {margin: 0; padding: 0;}
table#photoGrid td {border: 0px #3a2410 solid; padding: 0.2em 0.25em;}
table#photoGrid tr.text {text-align:center;}
table#photoGrid tr.text h5{font-size: 1em; color: #3a2410; font-family: Georgia; margin: 0; padding: 0;}


ol.formFields {margin: 1em 0;  padding: 0; list-style: none;}
ol.formFields li {margin: 0; padding: 0;} 
ol.formFields label {font-weight: bold; display: block; margin-bottom: 0.5em; font-size: 0.75em; color: #3a2410;}
#dateField {border: 1px solid #82b1aa;}
#dueDate, #dueDateRange { font-style: italic; font-weight: bold; white-space: nowrap;}
#formSubmit {background-color: #8eb1aa; color:#3a2410; cursor: pointer; border: 1px solid #82b1aa; margin-top: 0.5em;}
#showCal {background: transparent url(../images/calPopImg.jpg) bottom no-repeat; width: 25px; height: 25px; margin: 0; padding: 0; cursor: pointer;}
#showCal span {display: none;}                                 
span.inputFormat {font-weight: normal; font-size:0.75em; color: #3a2410;}
#cal2Container { position:absolute; left: 35em; top: 20em; z-index:1; display: none;}
#dueDateResults p.disclaimer {font-size: .65em; font-style: italics; width: 60%;}

#rightColumn dl.pressRelease { margin-bottom: 3em; font-family: Verdana; font-size: 0.75em;}
#rightColumn dl.eventList { margin-bottom: 3em; font-family: Verdana; font-size: 0.75em;} 
#rightColumn dl.booksList dt {font-style: normal; font-weight: normal;} 
#rightColumn dl.linkList { margin-bottom: 2em; font-family:  Georgia, "Times New Roman", Times, serif; font-size: 0.75em;} 
#rightColumn dl.linkList dt {font-style: normal; font-weight: normal;} 
#rightColumn dl.faqs dt {cursor: pointer;}
#rightColumn dl.faqs dd.faqDd {margin-bottom: 1em; display: none;} 

#rightColumn ul.form {margin: 0; padding: 0;}
#rightColumn ul.form li {list-style: none; margin: 0.5em 0; padding: 0;}
#rightColumn ul.form input, #rightColumn ul.form textarea {border: 1px solid #9c9187;}
#rightColumn ul.form li label {margin: 0 1em 0 0;}  
#rightColumn ul.form li.selectOne input {margin: 0 0.25em 0 1em; border: none;}
#rightColumn ul.form input.submitForm {background-color: #8eb1aa; color:#3a2410; cursor: pointer;}


ul.spaced li {margin-top: 1em;}

#footer { text-align: center; background: url(../images/footerNavBg.png) no-repeat bottom; height: 37px; margin: 0; padding: 0; width: 927px;}
#footerText {height: 1em; position: relative; top: -32px; width: 927px; float: left;}  
#footerText p {color: #626c34; font-size: .7em; text-align: center;}
#footerText a {color: #626c34; text-decoration: none;}
#footerText a:hover {color: #fff;}

#popArea {background: url(../images/popAreaBg.png) no-repeat #efeed8 !important; background: url(../images/popAreaSolidBg.png) no-repeat #efeed8; width: 31.5em; margin: 0; padding: 0; border: 1px solid #efeed8; text-align: center;}
#popArea img {margin: 2.2em 0 0 0;}
#popArea p {width: 36.8em; margin: 0 auto 1em auto; text-align: left;}
#popArea h3 {margin: 1em 1em 0 1em;}
#popArea h4 {margin: 0 1em .5em 1em;}

#popFooter {background: url(../images/popFooterBg.png) no-repeat top #fff; width: 31.7em !important; width: 31.5em; height: 28px; margin: 0 0 1em 0; padding: 0;  text-align: right;}
#popFooter a {text-decoration: none; color: #626c34;}
#popFooter p {float: right; position: relative; bottom: .4em; font-size: 0.7em}
#popFooter a:hover {text-decoration: underline; }

/* added later */   
.indent1 {padding-left: 3em;
}