/* Start of CMSMS style sheet 'preg_supp' */
.searchhilite{
background-color:#FFE2A2;
}

body{
	margin: 0px;
	padding:0px;
    background: #f1f5ff;
	font-family:Arial, Helvetica, sans-serif;
	color:#626060;
	TEXT-ALIGN: center;

}

#root{
	width: 800px;    
    margin-right: auto;
    margin-left: auto;
    position: relative;
	TEXT-ALIGN: left;
	
}

#rootContent{
	margin-left:8px;
	margin-right:5px;
	margin-top:20px;	
	margin-bottom:0px;	
	
}

#topNavPurple #topCap{
	background-image:url(images/pregnancy_sup/top_Nav_tcap.gif);
	background-repeat:no-repeat;
	background-position:bottom center;			
	height:12px;
	width:800px;
	font-size:0px;
}

#topNavPurple #mid{
	background-image:url(images/pregnancy_sup/top_Nav_mid.gif);
	background-repeat:repeat-y;
	width:800px;
	font-size:.675em;
	text-align:right;
}

#topNavPurple #botCap{
	background-image:url(images/pregnancy_sup/top_Nav_bcap.gif);
	background-repeat:no-repeat;			
	height:27px;
	width:800px;
	font-size:0px;
}


#topSubNavBanner{
	height:220px;
	width:735px;
	height:220px;
	font-size:0px;
}


#root .boxContent{
	background-image:url(images/pregnancy_sup/root_bg_box.gif);
	background-repeat:repeat-y;
	width:800px;
	padding-left:33px;
}

#root .boxContentJoin{
	background-image:url(images/pregnancy_sup/root_bg_join.gif);
	background-repeat:none;
	width:800px;
	height:41px;
	font-size:0px;

}

#root #boxFooterJoin{
	background-image:url(images/pregnancy_sup/root_bg_footer_join.gif);
	background-repeat:none;
	width:800px;
	height:20px;
	font-size:0px;

}

#footer{
	background-image:url(images/pregnancy_sup/footer_content_bg.gif);
	background-repeat:repeat-y;
	width:800px;
	margin:0px;
	padding:0px;
	
}
#footer #content{
	padding-left:30px;
	padding-right:30px;
	margin:0px;
	font-size:.85em;
}

#root #footer_botCap{
	background-image:url(images/pregnancy_sup/root_footer_bcap.gif);
	background-repeat:none;
	width:800px;
	height:20px;
	margin-bottom:15px;
	font-size:0px;

}






#root .boxTopCap{
	background-image:url(images/pregnancy_sup/root_bg_tcap.gif);
	background-repeat:no-repeat;			
	height:18px;
	width:800px;
	font-size:0px;
}

#leftCol{
	width:216;
	float:left;
}

#rightCol{
	/*should really be 519 but I needed to make the 2 yellow boxes the same size*/
	width:540;
	margin-left:-13px;
	float:left;
	
}

#rootContentBox{
	margin-left:3px;
}


#rc_top_cap{
	background-image:url(images/pregnancy_sup/rc_top_cap.gif);
	background-repeat:no-repeat;			
	height:19px;
	width:519px;
	font-size:0px;
}


#rc_top_cap_mid{
	background-image:url(images/pregnancy_sup/rc_top_cap_mid.gif);
	background-repeat:repeat-y;			
	width:519px;
	padding-left:15px;
	color:#fff;
	padding-bottom:5px;
}


#rc_bot_cap{
	background-image:url(images/pregnancy_sup/rc_bot_cap.gif);
	background-repeat:no-repeat;			
	height:24px;
	width:519px;
	font-size:0px;
}

.spacer{
	font-size:0px;
}

#preg_help_logo{
	position:absolute; 
	left:55px;
}

#flower{
	position:absolute;
	background-image:url(images/pregnancy_sup/flowers.gif);
	background-repeat:repeat-y;			
	width:182px;
	height:207px;	
	color:#fff;
	padding-bottom:5px;
	right:23px;
}

#flowerPos{
	position:relative;
	top:9px;
	right:0px;
	z-index:1;	
}

#rc_mid{
	position:relative;
	z-index:2;
	background-image:url(images/pregnancy_sup/rc_mid_bg.gif);
	background-repeat:repeat-y;				
	width:519px;	
}

#rc_mid .content{
	position:relative;
	height:auto;
	min-height:355px;
	z-index:3;
	padding-top:12px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	font-size:.75em;
	font-weight:lighter;
	color:#333;
}

#lc_mem_log_box, .grey_box{
	margin-top:10px;


}

.topCap{
font-size:0px;
}


#lc_mem_log_box .topCap, .grey_box .topCap{
	background-image:url(images/pregnancy_sup/lc_mem_log_tcap.gif);
	background-repeat:no-repeat;			
	height:9px;
	width:216px;

}





/*
you can position an element relative to another element and layer it, as not
to interfere with other elements by placing a absolutely postioned element
within a relatively positioned one.
*/
.topCapBotPos{
	position:relative;
	top:-17px;	
}

.topCapBot{
	background-image:url(images/pregnancy_sup/lc_mem_log_tcap_bot.gif);
	background-repeat:no-repeat;
	background-position:bottom;					
	height:17px;
	width:216px;
	font-size:0px;
	padding-left:0px;
	position:absolute;
	
}

.topCapHeadText{
	background-color:#7d7d7d;
	border-bottom: 1px solid #666;
	width:198px;	
	color:#fff;
	margin-left:8px;	
	font-size:.6em;
}



#lc_mem_log_box .mid, .grey_box .mid{
	background-image:url(images/pregnancy_sup/lc_mem_log_mid.gif);
	background-repeat:repeat-y;			
	width:187px; /*216*/
	padding-left:15px;
	padding-right: 29px;
	padding-top:5px;	
}

#lc_search_box .mid{
padding-top:8px;
padding-bottom:5px;
}

#lc_mem_log_box .mid2{
	background-image:url(images/pregnancy_sup/lc_mem_log_mid2.gif);
	background-repeat:repeat-y;			
	width:216px;	
	padding-top:5px;
	font-size:.75em;	
	font-weight:lighter;
}

#lc_mem_log_box .mid2 .content{
	padding:0px;
	padding-left:15px;
	padding-right:15px;	
}


#lc_mem_log_box .join, .grey_box .join{
	background-image:url(images/pregnancy_sup/lc_grey_box_bot_cap.gif);
	background-repeat:no-repeat;			
	height:16px;
	width:216px;
	font-size:0px;
}

#lc_mem_log_box .join{
	background-image:url(images/pregnancy_sup/lc_grey_box_bot_cap.gif); //lc_mem_log_join.gif
}



#lc_mem_log_box .botCap{
	background-image:url(images/pregnancy_sup/lc_mem_log_bcap.gif);
	background-repeat:no-repeat;			
	height:31px;
	width:216px;
	font-size:0px;
}


#lc_mem_log_but_pos, #lc_srch_but_pos{
	position:relative;
	left:149px;
	top:-45px;
	
}
#lc_mem_log_but, #lc_srch_but{
	position:absolute;
	height:49px;
	width:29px;
	color:#000066;
}



.purpleLine, purpleUnderLine{
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	border-bottom:1px solid #d7ccdc;
}
.purpleUnderLine{
	margin-top:0px;
	margin-top:3px;
	border-bottom:1px solid #c4b1c4;
}




/* splash page styles */
#logo_Splash {
	padding: 0 0 0 60px;
}

#boxContent{
	background-image:url(images/pregnancy_sup/root_bg_box.gif);
	background-repeat:repeat-y;
/*	width:800px;*/
	width:690px;
	padding: 25px 55px 25px 55px;
	
}

#box_splashLeft {
	width: 323px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	background-image: url(images/pregnancy_sup/bg_splashBoxTile.jpg);
	background-repeat: repeat-y;
}

#box_splashRight {
	width: 323px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	background-image: url(images/pregnancy_sup/bg_splashBoxTile.jpg);
	background-repeat: repeat-y;
}

#box_splash_content {
/*	width: 323px;*/
	width: 289px;
/*	background-image: url(images/pregnancy_sup/bg_splash.gif);*/
	background-image: url(images/pregnancy_sup/bg_splashBoxTop.jpg);
	background-repeat: no-repeat;
	padding: 17px;
/*	border: 1px solid #33FF00;*/
	height: 187px;
}

#box_splash_content p {
	font-size: 18px;
}

#box_splash_button {
	height: 52px;
/*	width: 323px;*/
	width: 143px;
	background-image: url(images/pregnancy_sup/bg_splashBoxBottom.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-left: 180px;
}

/*.btn_enterSite {
	width: 125px;
	height: 49px;
	background-image: url(images/pregnancy_sup/but_enterSite.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 100px 0 0 0;
}*/

.btn_enterSite {
	width: 125px;
	height: 49px;
	background-image: url(images/pregnancy_sup/but_enterSiteFull.gif);
	background-repeat: no-repeat;
	background-position: 0 -54px;
	display: block;
	text-indent: -9999px;
	margin: 100px 0 0 0;
	outline: none;
}

.btn_enterSite:hover {
	background-position: 0 0;
}

h1.txt_members {
	width: 120px;
	height: 25px;
	background-image: url(images/pregnancy_sup/txt_members.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

h1.txt_genpub {
	width: 196px;
	height: 31px;
	background-image: url(images/pregnancy_sup/txt_genpub.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

#splashLogin {
	margin: 0;
	padding: 0;
/*	border: 1px solid #33FF33;*/
}

#splashLogin td{
	font-size: 12px;
}

#splashLogin .smallFont {
	font-size: 10px;
}

#splashLogin .inputText {
	width: 131px;
	margin-right: 15px;
}



.yellowBox{
	width:262px;
	float:left;
}

.yellowBox .topCap{
	background-image:url(images/pregnancy_sup/yellowBoxTopCap.gif);
	background-repeat:no-repeat;			
	height:18px;
	font-size:0px;
}
.yellowBox .botCap{
	background-image:url(images/pregnancy_sup/yellowBoxBotCap.gif);
	background-repeat:no-repeat;			
	height:22px;
	font-size:0px;
}

.yellowBox .topCapContent, .yellowBox .topCapContentLeft{
	background-image:url(images/pregnancy_sup/yellowBoxTopCapBg.gif);
	background-repeat:repeat-y;	
	padding:0px;		
	padding-bottom:3px;
	
}

.yellowBox .topCapContent{	
	padding-left:100px;	
}	

.yellowBox .topCapContentLeft{	
	padding-left:30px;		
}		



.yellowBox .mid{
	background-image:url(images/pregnancy_sup/yellowBoxBg.gif);
	background-repeat:repeat-y;	
}
.yellowBox .mid .content{
	font-size:.75em;
	font-weight:lighter;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:110px;
	padding-right:10px;
	min-height:75px;
}


.yellowBox .mid .content_left{
	font-size:.75em;
	font-weight:lighter;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:30px;
	width:135px;
	min-height:75px;
}



.float_img_pos{
	position:relative;	
	top:-163px;
	left:20px;
	z-index:4;	
}

.float_img_pos_right{
	position:relative;	
	top:-163px;
	left:160px;
	z-index:4;	
}



#think_lady, #pregWoman{
	background-repeat:no-repeat;			
	height:157px;
	width:83px;
	font-size:0px;	
	position:absolute;
	
}

#pregWoman{
	background-image:url(images/pregnancy_sup/pregWoman.png);
	background-repeat:no-repeat;			
}
#think_lady{
	background-image:url(images/pregnancy_sup/think_lady.png);
	background-repeat:no-repeat;			
}

.rightPos .gen_but_pos{
	position:relative;	
	top:-36px;
	width:109px;
	left:30px;
}


.gen_but_pos{
	position:relative;	
	top:-36px;
	width:109px;
	left:120px;
}

/*List Styles----------------------------------------------------------------------------*/
#topNavPurple ul
{
	margin:0px;
	margin-right: 55px;	
	padding:0px;
    list-style-type: none;
}
#topNavPurple ul li
{
    display: inline;
    margin-left: 15px;
}


.plainList ul{
	margin:0px;
	margin-left: -30px;	
	padding:0px;
}

.plainList ul li
{
    display: inline;
    margin-left: 30px;
	
}

.nobullets li{
	background-image: none;
}

ul{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:1.0em;
	padding-bottom:1.0em;
}

li{ 
	background-image:url(images/pregnancy_sup/dot.gif);
	list-style-position:inherit;
	background-repeat:no-repeat;
	background-position:5px 5px;
	padding-left:20px;
	padding-bottom:5px;
	list-style-type: none;
}
li li{
	background-image:none;
	list-style-type:circle;
	padding-left:0px;
}



/*end list Styles----------------------------------------------------------------------------*/

/*
This menu system complies with w3c standards.
on slow connections there will be a slight flicker on hover in  < IE 6
The image rollover must have a 10px border between each image to 
accomodate for the 10px border from the top. This border pushes exposes the image
in Mozilla 1.0 if this space isn't there
*/



#topSubNavSys{		
	position:relative;
	top:-35px;
	left:200px;

}

#topSubNavSys ul{

	position:absolute;
	margin:0px;	
	padding:0px;
	height:35px;	

}

#topSubNavSys ul li
{
    display: inline;
	width:96px;

}

#topSubNavSys li {
    list-style:none;
    display:inline;
}


#topSubNavSys a {
    text-align:center;
	color:#896389;
	cursor:pointer;
	
	width:96px;
    text-decoration:none;
    background:url("images/pregnancy_sup/tab_2.gif") no-repeat;
    float:left;
	height:35px;

	font-size:12px;	
	font-weight:bold;
	margin-left: 5px;
	padding-top:10px;
}

#topSubNavSys a:hover { 
    background-position:0 -45px;
	color:#663366;
}

#topSubNavSys a:active{
    background-position:0 -90px;
	color:#663366;
}


/*hyperlink Styles----------------------------------------------------------------------------*/
#topNavPurple a
{
    
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#topNavPurple a:hover
{
    text-decoration:underline;
}


.gen_but_pos a .ROText
{    
	text-align:center;
	width:109px;
	/*inset -29px from top of bottom of rollover graphic less padding of 5 px = -24px*/
	left:0px;
	top:5px;
	position:absolute;
	color:#fff;
	text-transform:uppercase;
	
}

.gen_but_pos a{
	cursor:pointer;
	text-transform:uppercase;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.6em;
	position:absolute;
}

.gen_but_pos a:hover{
	text-decoration:underline;
	color:#fff;
}

a{
	color:#895e9c;
}
a:hover{
	color:#000;
}

#footer a{
	text-decoration:none;
	color:#fff;
}


#footer a:hover{
	text-decoration:underline;
	color:#fdd783;
}


/*end hyperlink----------------------------------------------------------------------------*/

/*font Styles----------------------------------------------------------------------------*/


#footer #content .bodytextsmall{
	color:#fff;
	
}

#rootContentBox .bodytextreg{
	color:#333;
}


#lc_mem_log_box .mid2{
	color:#333;
}

#footer p, #footer a{
	margin:0px;
	padding:0px;
} 

p{
	padding:0px;
	font-size:12px;
}
span{
	font-size:12px;
}

span span{
	font-size:12px;
}
span span span{
	font-size:12px;
}

h1{
	font-family:FuturaBT Light, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	font-weight:lighter;
	text-transform:uppercase;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

h2{
	font-family:FuturaBT Light, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}
#rc_top_cap_mid h2{
	margin-left:5px;
	background-color: #896389;
	width:300px;
}

h3{
	font-family:FuturaBT Light, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.4em;
	margin:0px;
	padding:0px;
}

.topCapHeadText h3{
	padding-left:10px;
	padding-bottom:5px;
}

h4{
	font-family:FuturaBT Light, Helvetica-Narrow, Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.25em;
	margin:0px;
	padding:0px;	
	color:#895e9c;
}

strong, b{
font-weight:bold;
}

#lc_mem_log_box .mediumFont, .grey_box .mediumFont{
	font-size:.7em;
	color:#000;
}
#lc_mem_log_box .smallFont, .grey_box .smallFont{
 font-size:.55em;
}

/*end font----------------------------------------------------------------------------*/


/*
WYSIWYG styles////////////////////////////////////////////////////////////////////////////////*/
/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextlarge{
	font-family:Arial, Helvetica, sans-serif;
	/*
	font-size:1.2em;
	*/
	font-size:110%;
	
	font-weight:bold;
	font-style:italic;
	color:#68596f;

}
.bodytextreg{
	font-family:Arial, Helvetica, sans-serif;
	
	/*font-size:1.0em;*/
	font-size:100%;
	/*inherit the font size from the outer div*/
	color:#333;
}

.bodytextsmall{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:.8em;*/
	fontsize:80%;
	color:#000;	
}

/*
colors
*/

.lightPurple{
	color:#896389;
} 

.darkPurple{
	color:#68596f;
}

.offBlack{
	color:#333333;
}

.red{
	color:#ff0000;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	border: none;
	padding: 2px 4px 2px 4px;
	margin: 0;
}

/****END WYSIWYG styles*/

#NewsPostDetailDate {
font-size: 10px;
}
/* End of 'preg_supp' */