﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

em {
/* font-style: italic;*/
}

body, html {
background: #ffffff;
font-family:arial,verdana;
margin:0 auto;
text-align:center;
font-size: 100%;
}

.clear {
display: block;
width: 100%;
height: auto;
clear:both;
}


#wrapper {
display:block;
margin:0 auto;
text-align:center;

background: #d5e9f1;
width: 960px;
height: auto;
margin-top: 30px;
margin-bottom: 4px;
}

#logo {
width: 270px;
height: 210px;
float:left;
}

#menu {
float: right; 
position:relative;
top: 145px; 
right: 170px; 
width:510px;
}

#homepage {
width: 960px;
height: 650px;
background: url('hp.jpg') no-repeat 560px 200px;
}


#aboutpage {
width: 960px;
height: 650px;
background: url('ap.jpg') no-repeat 560px 200px;
color: #037c9a;
}

#prepage {
width: 960px;
height: 650px;
background: url('pre.jpg') no-repeat 560px 200px;
color: #037c9a;
}


#pregnancypage {
width: 960px;
height: 650px;
background: url('pregnancy.jpg') no-repeat top right;
color: #037c9a;
}

#postpage {
width: 960px;
height: 650px;
background: url('post.jpg') no-repeat top right;
color: #037c9a;
}


#faqpage {
width: 960px;
height: auto;
background: url('faq.jpg') no-repeat top right;
color: #037c9a;
}


#contactpage {
width: 960px;
height: 650px;
background: url('contact.jpg') no-repeat top right;
color: #037c9a;
}

.homepagecontent {
height: 320px;
font-family: verdana;
font-size: 16px;
line-height: 22px;
}

.homepagecontent p {
float:left;
width: 440px;
text-align: left;
position:relative;
left:50px;

}

strong {
font-weight: bolder;
}


#homepage {
color: #641a35;
}


#homepage a, #contactpage a {
color: #5e102c;
font-weight: bold;
}


#homepage a:hover, #contactpage a:hover {
color: #666666;
}




.style1 a {
font-weight: bold;
color: #037c9a;
}


#aboutpage a:hover {

}

.aboutpagecontent {
height: 320px;
font-family: verdana;
font-size: 16px;
line-height: 18px;
position:relative;
left:50px;
}

.aboutpagecontent h1 {
font-size:17px;
font-weight: bold; 
text-align:left;

}

.aboutpagecontent p {
text-align:left;
font-size: 12px;
width: 600px;
float:left;
}






.faqpagecontent {
height: 320px;
font-family: verdana;
font-size: 16px;
line-height: 18px;
position:relative;
left:50px;
}


.faqpagecontent h1 {
font-size:25px;
font-weight: bold; 
text-align:left;
}

.faqpagecontent h2 {
font-size:17px;
font-weight: bold; 
text-align:left;
}

.faqpagecontent p {
text-align:left;
font-size: 12px;
width: 600px;
float:left;
line-height: 15px;
}


#bottom-faq
{
width: 960px;
height: 100px;
background: #99e9f1;
}


#bottom
{
width: 960px;
height: 100px;
background: url('bottom.jpg');
}



#bottom p {
color: #5e102c;
font-size:12px;
text-align:left;
}

#bottom p.bleft {
float: left;
position:relative;
top:15px;
left: 80px;
width: 440px;
}

#bottom p.bright {
width: 360px;
float: right;
position:relative;
top:15px;
right: 15px;
}

#bottom strong {
color: #5e102c;
font-size:15px;
font-weight: bold;
}

 
#nav {display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { text-decoration: none; display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none;}
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { height: 24px; }

#nav li a {background-color: #ffffff; } 
#nav *:hover { background-color: none; }
#nav a { border-right: 2px solid #d5e9f1; color: #611430; font-size: 12px; font-weight: bold;padding: 6px 13px 6px 12px; line-height: 1; }
#nav li.hover a { background-color: #641934; color:#ffffff;}
#nav ul { left:-20px;top: 25px;}
#nav ul li a { border-right: 2px solid #d5e9f1;background-color: #642f42; }
#nav ul a.hover { background-color: #642f42; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

#nav a.act { background-color: #641934; color:#fff;}


.copy {
font-size:0.6em;
margin-bottom: 30px;
color:#cccccc;
}
.copy a {color:#cccccc;}
.copy a:hover {color:#999999;}
