@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: #000;
	background: repeat-x top url(../women/images/layout/bg.gif);
}

#body_bg {
}

#container_site {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 20px auto 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. */
}
#container_site .shadow-top-left {
	background: transparent url(../women/images/layout/bg_shadow-top-left.gif) no-repeat top left;
}
#container_site .shadow-top-right {
	background: transparent url(../women/images/layout/bg_shadow-top-right.gif) no-repeat top right;
}


#main-width {
width: 970px;
margin: 0 10px;
}

#header {
	padding: 10px 8px 0 8px;
	margin: 0 10px 0 10px;
	height: 90px;
background: #fff  url(../women/images/layout/bg_shadow-top.gif) repeat-x top;
}

#header #SKlogo {
	float:left; 
	padding: 12px 15px 5px 0;
	padding: 12px 5px 5px 0;
}

#header #motherisklogo {
	float:left;
	/*padding: 15px 10px 10px 40px;*/
	padding: 15px 0 10px 0;
	display: inline;

}

#header #telephone {
	float:right; 
	padding:8px 10px 0px 15px;
	
}

#header #mother-prof-toggle {
	float:left;
	/*padding: 20px 0 0 140px;*/
	padding: 20px 0 0 5px;
	display: inline;

	
}

#header #mother-prof-toggle .prof {
	padding: 0 0 0 10px;	
}

#header #mother-prof-toggle img { border: 0; }

#header #SDM {
	float:right;
	width: 200px;
	margin-top: 12px; 
	text-align: center;	
}

#SDM span {
clear: right;
display: block; 
font-size: 10px; 
text-align: center; 
margin: 0; 
padding: 0 0 2px 0;
white-space: nowrap;
/*font-weight: bold;*/
}

#header #SDM a img {
border: none;
}

#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: 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:350px;
	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;
}





.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;
}
.SKterms p { font-size: 10px; }
.SKterms_noframe {
	padding-top:25px;
	color: #000;
	background: #b0b0b0;
}



.threeColumnContainer {
	float:left;
	width: 680px; /* 745px; */ 

}


/* TWO COLUMNS */
.threeColumnContainer .half_one {
	float:left;
	top: 0; 
	left: 0; 
	width:310px;
}
.threeColumnContainer .half_two {
	float:right;
	padding-left: 10px;
	top: 0; 
	right: 0; 
	width:310px;
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;
}
*/

.currentStudies {
	float:left; 
	width: 680px;
	margin-top:20px;
	clear:left;
}


.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 {
	height: 30px;
        padding-left: 15px;
}

.mother #topnav {


    	background:#FFF repeat-x top url(../women/images/layout/bg_topnav_women.gif);
/*
	background-color: #5ca6ab;
*/
/*
background-color: #efefef;
*/
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
}
.prof #topnav {
/*
	background:#FFF repeat-x center url(../prof_new/images/layout/bg_topnav_women.gif);
*/
    	background:#FFF repeat-x top url(../women/images/layout/bg_topnav_women.gif);
}
.far #topnav {
    background:#FFF repeat-x center url(../images/layout/topnav_far_bg.gif);
}



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

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

#topnav li a {
	float: left;
	margin-top: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
/*
	padding: 6px 15px 6px 15px;
*/
}

#topnav li a img { border: 0; }

#topnav li a:hover { 
	background-color: #77b7bb;	
}


.articleContainer, .articleContainer_homepage {
    	float:left;	
	background: #fff;
}

.article {
	margin-right:245px; 
	padding: 20px 20px 20px 20px; 
	clear:left;
}

.rightnav {
    float:right;
    width:240px;
    margin-top:15px; 
  margin-bottom: 20px;
}

#homepage .rightnav { margin-top: 0px; }

.rightnav .section, .rightnav .section_tab {
	float:left;
	width: 230px;
    margin-top: 15px;
	padding: 0px;
	background-color: #fff;
    border: 1px solid #c6e1e4;
}

.rightnav .section h1, .rightnav .section_tab h1 {
	font-size: 13px;
	padding:0 0 5px 0;	
    	font-weight: bold;
	color: #01686f;
	line-height: 20px;
	border-bottom: 1px solid #c6e1e4;

	background:#fff repeat-x top center url(../women/images/layout/bg_h1_rightnav.gif);
	padding: 5px;
}
.rightnav .section_tab {
	padding:0; 
 	width: 220px;
	margin-bottom: 20px;
	border:0;
}
.rightnav .section_tab .content {
    	border: 1px solid #c6e1e4;
	border-top:0;

}

.rightnav .content { 
	float:left;
/*
	width:200px;
*/	
	padding: 10px; 
}

.rightnav_resourcesList ul {
	margin:0;
	padding:10px 0 0 5px;
	list-style-type:none;

}

.rightnav_resourcesList li {
	margin:0;
	padding:3px 0 3px 18px;
background: no-repeat left url(../images/layout/bullet_news.gif);;
}

ul.tabNavigation  {
	float:left;
	width: 220px;
	list-style-type: none;
	margin:0;
	padding:0;
background:#fff repeat-x bottom  url(../women/images/layout/bg_tabNavigation.gif);
}

ul.tabNavigation li {
	float:left;
}

/* full path needed for IE6 */
.section_tab .tabs ul.tabNavigation li a {
	float:left;
	font-weight: bold;
	margin-right: 3px;
	text-decoration: none;
	padding:7px;
	background-color: #DDECEE;
	border:1px solid #c6e1e4;
	border-bottom: 0;
background:#fff repeat-x top center url(../women/images/layout/bg_h1_rightnav.gif);
color: #fff;
}

ul.tabNavigation li a:link { color: #fff; }

/* full path needed for IE6 */
.section_tab .tabs ul.tabNavigation li a.selected {
	background-color: #fff;
	color: #00636a;
	background-image: none;
}
.section_tab .tabs ul.tabNavigation li a:hover {
	background-color: #a1cacf;
	background-image: none;
}
.tabs #first, .tabs #second, .tabs #third {
	float: left;
} 




.motherBox, .profBox, #motherBox, #profBox {
    float:left;
    width:990px;
    height: 280px; /* 266px; */
}

.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;
}

table.display {
    margin-bottom:10px;
    background-color: #CCC;
}

table.display td  {
        background-color: white;
        vertical-align:top;
}

table.display td.label {
        vertical-align:top;
        text-align:right;
        white-space:nowrap;
        background-color: #f3f3f3;
}

table.display th  {
    font-weight: bold;
        background-color: #E1E1E1;
}

table.display td.subheader, table.display td.subheading {
    font-size: 11px;
    font-weight: bold;
color: #666666;
    background-color: #fff;
}