@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	background-color: #f3f3f3;
}

#body_bg {
	background:#f3f3f3 repeat-y center url(../images/layout/bg.gif);
}

#container_site {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #FFF; 
	padding: 0 8px 0 8px;
	margin-bottom: 0px;
height: 88px;
}

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	clear:both;
}


#footer {
	clear:both;
	padding: 0 10px 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top:30px;
	font-size: 11px;
	line-height:17px;
	background-color:#d0e0ef;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.SKterms {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 50px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left;
	padding-top:25px;
	color: #000;
	background: #f3f3f3 no-repeat top url(../images/layout/footer_bg1.gif);	
}

.SKterms_noframe {
	padding-top:25px;
	color: #000;
	background: #b0b0b0;
}



.threeColumnContainer {

	width: 955px; 
}


/* TWO COLUMNS */
.threeColumnContainer .half_one {
float:left;
	top: 0; 
	left: 0; 
	width:310px;
width:465px;
}
.threeColumnContainer .half_two {
float:right;
padding-left: 10px;
	top: 0; 
	right: 0; 
	width:465px;
border-left:1px solid #CCC;
}


/* THREE COLUMNS */
.threeColumnContainer .thirds_one {
float:left;
	top: 0; 
	left: 0; 
	width:300px;
}
.threeColumnContainer .thirds_two {
	margin: 0 320px 0 320px; 
}
.threeColumnContainer .thirds_three {
float:right;
	top: 0; 
	right: 0px; 
	width:300px;
}


/*
.threeColumnContainer {
	position: relative; 
	width: 950px; 
}

.threeColumnContainer .first {
	position: absolute; 
	top: 0; 
	left: 0; 
	width:310px;
width:470px;
border:1px solid #000;
}
.threeColumnContainer .second {
/*	margin: 0 320px; */
/*	margin: 0 320px 0 0; */
/*	margin: 0 0 0 0; */
/*
margin: 0 470px 0 470px;
border:1px solid #000;
}


.threeColumnContainer .third {
	position: absolute; 
	top: 0; 
	right: 0; 
	width:470px;
border:1px solid #000;
}
*/

.threeColumnContainer .half_one .content, .threeColumnContainer .half_two .content, .threeColumnContainer .thirds_one .content, .threeColumnContainer .thirds_two 
.content, .threeColumnContainer .thirds_three .content { 
	padding: 0 10px 0 10px;
}



/*------------ MY MAIN STYLE --------------*/

#splash_mother_wrapper { background:#FFF no-repeat left top url(../images/layout/splash_Mother.jpg); }
#splash_mother_wrapper_hover { background:#FFF no-repeat left top url(../images/layout/splash_Mother_hover.jpg); }
#splash_prof_wrapper { background:#FFF no-repeat left top url(../images/layout/splash_Prof.jpg); }
#splash_prof_wrapper_hover { background:#FFF no-repeat left top url(../images/layout/splash_Prof_hover.jpg); }

#splash_mother {
	float:left;
	width:334px; /* 394 */
	height: 204px; /* 470 */
	padding: 266px 30px 30px 30px;
	cursor: pointer;

	margin-top:20px;
	margin-left: 50px;
	color: #333;
	background: no-repeat left top url(../images/layout/splash_Mother.jpg);
}
#splash_mother:hover {
	background:#FFF no-repeat left top url(../images/layout/splash_Mother_hover.jpg);
}


#splash_prof {
	float:right;
	width:334px;  /* 394 */
	height: 204px; /* 470 */
	padding: 266px 30px 30px 30px;
	cursor: pointer;
	
	margin-top:20px;
	margin-right: 50px;
	color: #333;
	background: no-repeat left top url(../images/layout/splash_Prof.jpg);
}
#splash_prof:hover {
	background:#FFF no-repeat left top url(../images/layout/splash_Prof_hover.jpg);
}

#splash_mother a, #splash_prof a {
	font-size: 13px;
	color: #369;
}


#topnav {
	width:975px;
	height: 66px;
        padding-left: 15px;
}

.mother #topnav {
	background:#FFF repeat-x center url(../images/layout/topnav_women_bg.gif);
}
.prof #topnav {
	background:#FFF repeat-x center url(../images/layout/topnav_prof_bg.gif);
}
.far #topnav {
    background:#FFF repeat-x center url(../images/layout/topnav_far_bg.gif);
}


.mother #Homepage #topnav  {
    background:#FFF repeat-x center url(../images/layout/topnav_womenHomepage_bg.gif);
}

.prof #Homepage #topnav {
    background:#FFF repeat-x center url(../images/layout/topnav_profHomepage_bg.gif);
}



#topnav ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding:0; 
}

#topnav li {
	float: left;
	height: 37px;
}

#topnav li a {
	float: left;
	margin-top: 8px;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	padding: 6px 15px 6px 15px;
}
#topnav li a:hover { 
	background-color: #eee;	
}


.articleContainer {
    float:left;
   padding:20px;
    padding-right:10px;
}

.article {
    margin-right:250px;
	width: 700px;

}
.rightnav {
    float:right;
    width:230px;
}

.rightnav .section {
    margin-top: 15px;
    border: 1px solid #50959c;
}

.rightnav .section .heading {
    padding:3px 8px 3px 8px;
    font-weight: bold;
    color: #fff;
    background-color: #50959c;
}

.rightnav .content { padding:8px; }

.pregResource_bottom {
    margin-top:40px;
}

.rightnav .content ul {
    list-style-type:none;
    padding:0;
    margin:0;
}

.rightnav .content li {
    padding:0 0 5px 0;
}


.rightnav .resourcesSection {
    float:left;
    width: 233px;
    background:#d5e5f6;
    clear:both;
margin-bottom:10px;
background:#d5e5f6 repeat-y center url(../images/layout/rightSection_bg.gif); 
}

.rightnav .resourcesSectionTop {
    width: 233px;
    background:#FFF no-repeat top url(../images/layout/rightSectionTop_bg.gif);
}
.rightnav .resourcesSectionTop img {
    margin:7px 9px 0 9px;
    border-bottom:4px solid #fff;
}

.rightnav .resourcesSectionContent {
    margin: 10px 15px 10px 15px;
}
.rightnav .resourcesSectionContent ul {
    margin: 5px 0 0 0px;
    list-style-type:none;
}
.rightnav .resourcesSectionContent li {
    padding: 4px 0 3px 0;
    line-height: 12px;
}


.rightnav .resourcesSectionBottom {
    width: 233px;
    height:10px;
    background:#FFF no-repeat top url(../images/layout/rightSectionBottom_bg.gif);
}


.motherBox, .profBox, #motherBox, #profBox {
    float:left;
    width:990px;
    height: 280px; /* 266px; */
    background:#e6f5e1 repeat-x top center url(../images/layout/blue_bg.gif);
}
.motherBox, #motherBox { background:#e6f5e1 repeat-x top center url(../images/layout/green_bg_v1.gif); }
.profBox, #profBox { background:#d7e8f9 repeat-x top center url(../images/layout/blue_bg.gif); }

.motherBox_welcome, .profBox_welcome {
    float:left;
    width:660px;
}

.motherBox_newThisMonth, .profBox_newThisMonth {
	float:right;
	padding:50px 30px 20px 30px;
	width: 228px;	/* real width 288 */
	height: 210px;  /* real height 280 */
	background:#e6f5e1 repeat-x top url(../images/layout/newThisMonth.gif);
}

.profBox_newThisMonth {	background:#d7e8f9 repeat-x top url(../images/layout/newThisMonth_blue.gif); }

.pregnancyResources {
	float:left;
	width: 670px;
}

.pregnancyResourceItem {
	float:left;
	width: 210px;
	padding: 0 5px 0 5px;
	margin-bottom:10px;
}

.pregnancyResourceItem img {
	float:left;
	border:1px solid #AAA;
}
.pregnancyResourceItem .content {
clear:left;
padding: 3px 12px 0 2px ;
}


.moreResources {
	padding-top:30px;
	margin-left: 675px; 
}

.moreResources ul {
	padding:0;
	padding-left:10px;
	margin:10px 0 0 8px;
}

.moreResources li {
	padding: 1px 0 1px 0;
}






















#footer {
	clear:both;
	padding: 20px 0px 20px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 11px;
	line-height:17px;
	background-color: #d0e0ef;
}
#footer_bg {
	background: #d0e0ef repeat-y left url(../images/layout/bg_footer.gif);;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



#left {
	float:left;
	width:255px;
	margin:0;
	padding: 0 10px 0 20px;
}

#left ul, #middle ul {
	margin: 10px 0;
	padding:0;
	list-style-type: none;
}

#left ul li, #middle ul li {
	padding: 3px 0 3px 18px;
	background: no-repeat left url(../images/layout/bullet_news.gif);
}
#left ul li a, #middle ul li a { text-decoration: none; }


#right {
	float:right;
	width:360px;
	margin:0;	
	padding: 0 20px 0 10px;
}

#middle {
	margin:0 400px 0 305px;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	margin:0; 
	padding:0;
	background:transparent;
}