﻿/*  =GENERAL/GLOBAL STYLES
------------------------------------------------------- */
	body {
		margin: 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		
	}

	#center {
		text-align:center;
		width:751px;
	}	

	form {
		margin: 0;
	}
	
	a:link, a:visited {
   	text-decoration: none;
		color: #006699;
   }
   
   a:hover, a:active {
   	text-decoration: underline;
		color: #24A2DD;
   }

	/* header styles */
	a.home_subhead:link, a.home_subhead:visited {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #18977E;
		padding: 10px 0 5px 0;
		margin: 0;
		font-weight: bold;
	}

	a.home_subhead:hover, a.home_subhead:active {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #24A2DD;
		padding: 10px 0 5px 0;
		margin: 0;
		font-weight: bold;
		text-decoration: none;
	}

	.btnformat {
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background: #3F5673;
	color: #FEFFE0;
	width: 60px;	
	}

	/* main list style */
	#recentposts ul, #welcomesection ul, #drView ul, #newsletterBox ul, #todaysNews ul, #rotatingContent2 ul, #rotatingContent3 ul, #rotatingContent4 ul {
		margin: 0 0 0 17px;
		padding: 0;
		list-style-image: url(/images/icon_arrow_blue.gif);
	}

	#welcomesection li a, #drView li a, #newsletterBox li a, #todaysNews li a, #rotatingContent2 li a, #rotatingContent3 li a, #rotatingContent4 li a {
		list-style-type: none;
	}

	/* main header style */
	#homeContent h1, #mainContent h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 125%;
		color: #DB921F; /*#18977E;*/
		padding: 10px 0 5px 0;
		margin: 0;
		font-weight: bold;
	}

	#homeContent h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 100%;
		color: #DB921F; /*#18977E;*/
		padding: 10px 0 5px 0;
		margin: 0;
		font-weight: bold;
	}
	
	/* automatically clears floats */
	.clearfix:after {
 		content: "."; 
 		display: block; 
 		height: 0; 
 		clear: both; 
 		visibility: hidden;
	}
	
	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/*  =HEADER AREA CONTAINER
------------------------------------------------------- */
	#homeHeader {
		width: 751px;
		margin-left: 17px;
   }

	
	

	
/*  =CONTENT AREA CONTAINER DIVS
------------------------------------------------------- */
	/* CONTENT CONTAINER */
	#homeContent {
		width: 751px;
		margin-left: 0px;
	}
	
	/* CONTENT CONTAINER */
	#mainContent {
		width: 751px;
		margin-left: 0px;
	}
	
	/* CONTAINER FOR FIRST TWO COLUMNS */
	#contentContainer1 {
		width: 480px;
		float: right;
		font-size:75%;
	}

	#contentContainer1 h1 {
		font-size:200%;
	}
	
	#contentContainer1 h2 {
		font-size:130%;
	}

	/* MAIN DHTML AREA */
	#rotatingContent1 {
		width: 440px;
		float: left;
	}
	
	/* FIRST COLUMN */
	#contentBlock2 {
		width: 192px;
		float: left;
	}
	
	/* SECOND COLUMN */
	#contentBlock3 {
		width: 237px;
		float: left;
		border:1px;
		/*border-style:solid;*/
	}
	#sectionunderrotator {
		width: 425px;
		float: left;
		border:1px;
		/*border-style:solid;*/
	}
	
	/* THIRD COLUMN */
	#contentContainer2 {
		float: left;
		width: 260px;
		margin-left: 0px;
		
	}
	
	/* BOTTOM CONTENT (SHORTCUTS/HEALTH MALL) */
	#contentContainer3 {
		width: 751px;
		clear: left;
		padding-top: 10px;
		font-size: 70%;
	}
	
	/*--------------------------------------------------
  BEGIN Slideshow styles
  --------------------------------------------------*/
#slideshow {
 font-size: 130%;
 position:relative;
 float: left;
 width:440px;
 height:292px;
 overflow:hidden;
}

#slideshow a:link {
 text-decoration:none;
}

#slideshow a:hover {
 text-decoration:underline;
}

#slideshow .slide {
 position:absolute;
 width:440px;
 height:292px;
 background:#eee;
 opacity:0.99; /* Fix Firefox opacity flicker problem */
}

#slideshow #slide1 {
	z-index: 1;
}

#slideshow .slide_nn {
 top:200px;
 left:20px;
}

#slideshow .slidelinks_container {
 position:absolute;
 width:440px;
 height:292px;
 opacity:0.99; /* Fix Firefox opacity flicker problem */
 z-index: 2;
}

/* Slide links */
#slideshow .slidelinks_container ul {
 position:absolute;
 left:0px;
 top:216px;
 margin:0;
 padding:7px 0 0 0;
 height:50px;
 width:440px;
 font-size:70%;
 list-style-type: none;
}
#slideshow .slidelinks_container ul li {
 margin:0;
 padding:0;
 line-height:15px; /* Three lines to fill entire div */
 list-style-type: none;
}
#slideshow img {
 margin-right: 3px;
}
#slideshow .slidelinks_container ul li a {
 /* now in HTML file */
}
#slideshow #slideshowcontrols {
 position:absolute;
 left:0;
 top:271px;
 color:#fff;
 padding:0 15px;
 width:410px;
 height:21px;
 text-transform: uppercase;
 z-index: 3;
}
#slideshow #slideshowcontrols a {
 text-decoration:none;
 font-weight:bold;
 font-size:70%;
}
#slideshow #slideshowcontrols a.activeslide {
 background:#333;
}
#slideshow #slideshowcontrolsleft {
 float:left;
 width:100px;
 margin-top:4px;
}
* html #slideshow #slideshowcontrolsleft {
 padding-top:0px;
}
#slideshow #slideshowcontrolsmiddle {
 float:left;
 width:200px;
 text-align:center;
}
#slideshow #slideshowcontrolsmiddle a {
 padding:0 1px;
 color:#fff;
}
#slideshow #slideshowcontrolsright {
 float:left;
 width:100px;
 text-align:right;
 margin-top:4px;
}
* html #slideshow #slideshowcontrolsright {
 padding-top:0px;
}
#slideshow #slideshowcontrolsprevious {
 padding-left:8px;
 background: url(/images/arrow-left-white.gif) 0% 50% no-repeat;
}
#slideshow #slideshowcontrolsnext {
 padding-right:8px;
 background: url(/images/arrow-right-white.gif) right 50% no-repeat;
}

/*--------------------------------------------------
  Graphics and text positions for individual slides
  --------------------------------------------------*/
#slideshow #slide1 {
 /* now in HTML file */
}
/*--------------------------------------------------*/
#slideshow #slide2 {
 /* now in HTML file */
}
/*--------------------------------------------------*/
#slideshow #slide3 {
 /* now in HTML file */
}
/*--------------------------------------------------*/
#slideshow #slide4 {
 /* now in HTML file */
}
/*--------------------------------------------------*/
#slideshow #slide5 {
 /* now in HTML file */
}
/*--------------------------------------------------*/

#slideshow .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#slideshow .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#slideshow .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#slideshow .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#slideshow .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#slideshow .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#slideshow .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#slideshow .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#slideshow .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#slideshow .hide { visibility:hidden; }
#slideshow .show { visibility:visible !important;display:block !important; }

	

	
	
	/*  =DOCTOR'S VIEW DIVS & STYLES
------------------------------------------------------- */
	#eventscontent {
		
	}
	#drView {
		margin-left: 5px;
		width: 245px;
		height: 130px;
		margin-top: 0px;
		font-size: 70%;
		overflow: hidden;
		background: url(/images/specialbg.gif) no-repeat right top;
		margin-bottom:5px;
		
	}
	#poem {
		margin-left: 5px;
		width: 260px;
		height: 210px;
		margin-top: 10px;
		font-size: 70%;
		overflow: hidden;
	}
	#welcomesection {
		margin-left: 12px;
		width: 450px;
		height: 250px;
		margin-top: 10px;
		overflow: hidden;
		font-size: 102%;
	}
	#healthTopics {
		font-size: 70%;
	}
	
	#healthTopics h1 {
		margin: 0;
		margin-left: 10px;
	}
	.welcometitle {
		font-size: 115%;
		font-weight: bold;
		line-height: 30px;
	}

	#messagebot {
		float: right;
		text-align:right;
	}
	.messagetext {

	}
	.messagefrom {
		font-weight: bold;
	}
	.messagedate {

	}
	.messagelinks {
		margin-left:15px;
	}
	
	#drPhoto {
		float: left;
		margin-right: 20px;
		color: #18977E;
		text-align: center;
	}
	
	#drView ul {
		margin-left: 10px;
		margin-right: 10px;
	}
	#welcomesection ul {
		margin-left: 10px;
	}
	
	/*  =TODAY'S NEWS DIVS & STYLES
------------------------------------------------------- */
	#todaysNews {
		margin-left: 5px;
		width: 237px;
		/*height:150px;*/
		/*background: url(/images/graphic_dash_dark.gif) top repeat-x;*/
		margin-bottom: 10px;
		font-size: 70%;
	}

	#todaysNews ul {
		font-size: 90%;
	}

	#recentposts {
		margin-left: 12px;
		width: 400px;
		/*background: url(/images/bg_rotatingContent2.jpg) no-repeat right top;*/
		/*background: url(/images/graphic_dash_dark.gif) top repeat-x;*/
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 90%;
	}	

	#todaysNews h1 {
		font-size: 130%;
		padding-left: 4px;
	}
	
	.alertBox {
		float: right;
	}
	
	.alertListItem {
		list-style-image: url(/images/icon_arrow_orange.gif);
	}
	
	.alertListItem a:link, .alertListItem a:visited {
		color: #F44003;
	}
	
	.alertListItem a:hover, .alertListItem a:active {
		color: #24A2DD;
	}
	
	.staticLink {
		margin-left: 20px;
		font-weight: bold;
	}
	
	/*  =MAGAZINE DIVS & STYLES
------------------------------------------------------- */
	
	#magazineBox {
		margin-left: 11px;
		width: 237px;
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 65%;
	}
	
	*html #magazineBox {
		margin-top: 21px;
	}
	
	#magazineBox h1 {
		margin-top: -10px;
		color: #006699;
	}
	
	.magazineBox_top {
		width: 237px;
		height: 9px;
		background: url(/images/messagetopbg.gif) no-repeat;
	}
	
	.magazineBox_bottom {
		width: 237px;
		height: 9px;
		background: url(/images/messagebotbg.gif) no-repeat;
	}

	#magCover {
		position: relative;
		top: -25px;
		float: right;
		margin-bottom: -25px;
		}
		
	.magazine {
		height: 96px;
		vertical-align: top;
		color: #006699;
		background: url(/images/messagemidbg.gif) repeat-y;
		border-left: 1px solid #A2D2E8;
		border-right: 1px solid #A2D2E8;
		padding: 5px 5px 5px 10px;
	}
	
	* html .magazine {
		height: 86px;
	}


	.quicklinks_top {
		width: 237px;
		height: 9px;
		background: url(/images/qltopbg.gif) no-repeat;
	}
	
	.quicklinks_bottom {
		width: 237px;
		height: 9px;
		background: url(/images/qlbotbg.gif) no-repeat;
	}

			
	.quicklinks {
		height: 96px;
		vertical-align: top;
		color: #006699;
		background: url(/images/qlmidbg.gif) no-repeat;
		border-left: 1px solid #A2D2E8;
		border-right: 1px solid #A2D2E8;
		padding: 5px 5px 25px 10px;
	}

	/*  =THREE ROTATING CONTENT & SYMPTOM CHECKER DIVS & STYLES
------------------------------------------------------- */
	#rotatingContent2 {
		float: left;
		width: 180px;
		margin-left: 5px;
		background: url(/images/bg_rotatingContent2.jpg) no-repeat right top;
		font-size: 70%;
	}
		
	#rotatingContent3 {
		width: 180px;
		float: left;
		margin: 10px 0 10px 5px;
		background: url(/images/graphic_dash_dark.gif) top repeat-x;
		font-size: 70%;
	}
	
	#symptomChecker {
		width: 100px;
		float: right;
		text-align: center;
		background: url(/images/bg_symptom_checker.gif) no-repeat top;
		font-size: 70%;
		margin-bottom: 10px;
	}
	
	#symptomChecker h1 {
		font-size: 100%;
		color: #006699;
		text-transform: uppercase;
	}
	
	#rotatingContent4 {
		width: 245px;
		height:120px;
		float: left;
		margin-top: 10px;
		margin-left: 5px;
		/*margin: 0px 0 10px 5px;*/
		background: url(/images/specialbg.gif) no-repeat right top;
		/*background: url(/images/graphic_dash_dark.gif) top repeat-x;*/
		font-size: 70%;
	}
	
	*html #rotatingContent4 {
		float: none;
	}
	
	*html #rotatingContent4 {
		margin: 0px 0 6px 5px;
	}
	
	#rc4_image {
		float: right;
		padding: 15px 10px 0 5px;
	}
	
	#rotatingContent2 h1, #rotatingContent3 h1, #rotatingContent4 h1 {
		padding-left: 4px;
	}

	#messageboard_lines {
		width: 100%;
		background: url(/images/graphic_dash_light.gif) repeat-x;
		margin-top: 10px;
		padding-top: 0px;

	}

	#messageboard td {
		
		
	}
	
	/*  =SHORTCUTS DIVS & STYLES
------------------------------------------------------- */
	#shortcuts {
		width: 430px;
		float: left;
		margin: 3px;
		color: #006699;
	}
	
	#shortcuts h1 {
		padding: 0 0 3px 5px;
		color: #006699;
		text-transform: uppercase;
	}
	
	#shortcuts_healthmall_bg {
		clear: left;
		background: url(/images/shortcuts_healthmall_bg.gif) repeat-y;
		margin-bottom: none;
		padding-bottom: none;
	}
	
	#shortcuts ul {
		margin: 0 0 0 17px;
		padding: 0;
		list-style-image: url(/images/icon_arrow_white.gif);
	}
	
	#shortcuts ul li {
		margin-top: 3px;
	}
	
	*html #shortcuts ul a {
		margin-left: -5px;
		text-indent: 5px;
	}
	
	.shortcutsColumn {
		float: left;
		vertical-align: top;
		padding-right: 15px;
	}
	
	.shortcutsColumnWide {
		float: left;
		width: 31%;
		vertical-align: top;
	}
	
	/*  =HEALTH MALL DIVS & STYLES
------------------------------------------------------- */
	#healthMall {
		width: 292px;
		float: left;
		color: #006699;
		margin: 3px 0 0 13px;
		padding-left: 5px;
	}
	
	*html #healthMall {
		width: 280px;
		float: left;
		color: #006699;
		margin: 3px 0 0 7px;
	}
	
	#healthMall h1 {
		padding: 0 0 3px 5px;
		color: #006699;
		text-transform: uppercase;
		float: left;
	}
	
	#healthMall ul li {
		margin-top: 3px;
	}

	.healthMallText {
		float: left;
		border-left: 1px dashed #76B3D0;
		text-transform: uppercase;
		padding-left: 5px;
		padding-top: 2px;
		margin-left: 5px;
		height: 18px;
	}
	
	.healthMallText a:link, .healthMallText a:visited, .healthMallText a:hover, .healthMallText a:active {
		text-decoration: underline;
	}
	
	#healthMall ul {
		margin: 0 0 0 19px;
		padding: 0 5px 0 0;
		list-style-image: url(/images/icon_arrow_blue.gif);
	}
	
	*html #healthMall ul {
		margin: 0 0 0 15px;
		padding: 0 5px 0 0;
		list-style-image: url(/images/icon_arrow_blue.gif);
	}

	#healthMall ul li {
		line-height: 11px;
		padding-bottom: 3px;
	}
	
	*html #healthMall li {
		padding-left: 5px;		
	}

	*html #healthMall ul a {
		margin-left: -5px;
		text-indent: 5px;
	}
	
	.healthMallColumn { 
		float: left;
		width: 49%;
		vertical-align: top;
	}
	
	.healthMallClear {
		clear: both;
	}	

	/*  =FOOTER DIVS & STYLES
------------------------------------------------------- */
	#homeFooter {
		width: 751px;
		height: 60px
		/*background: url(/images/graphic_dash_light.gif) top repeat-x;*/
	}
	
	#linksFooter {
		height:20px;
		background: #CD6607;
		font-size: 66%;
		padding-top:5px;
		font-weight: bold;
		margin-bottom: 1px;
		text-align:center;
	}

	
	#botFooter {
		height:30px;
		background: #3F5673;
		font-size: 65%;
		font-weight: bold;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		color: #FEFFE0;
		
	}

	#botlinksFooter {
		text-align:right;
		float:right;
		width:50%;
	}
	
	#toplinks {
		text-align:right;
		float:right;
		color: #3F5673;
		font-size: 70%;
		vertical-align:bottom;
		width:100%;
		white-space: nowrap;
	}

	#botcopyrightFooter {
		color: #FEFFE0;
		float:left;
		width:50%;
	}	
	
		

	#homeFooter span {
		color: #FEFFE0;	
		padding: 5px;
	}

	#homeFooter a {
   		padding: 0 2px 0 2px;
		color: #FFFFFF;
	}
	
	#botFooter a {
   		color: #FEFFE0;
	}
	
	#homeFooter img {
		padding: 0 5px 0 5px;
	}
	
	#footerBottom {
		width: 100%;
		background: url(/images/graphic_dash_light.gif) repeat-x;
		margin-top: 10px;
		padding-top: 10px;
	}
	
	#affiliatesFooterLinks {
		float: left;
	}
	
	#footerLogos {
		float: right;
	}
	
	#homeDisclaimer {
		float: left;
		margin-top: 12px;
	}
	
	.footerSubhead {
		color: #18977E;
		font-weight: bold;
	}

	#healthMall ul {
		margin: 0 0 0 19px;
		padding: 0 5px 0 0;
		list-style-image: url(/images/icon_arrow_blue.gif);
	}
	
	*html #healthMall ul {
		margin: 0 0 0 15px;
		padding: 0 5px 0 0;
		list-style-image: url(/images/icon_arrow_blue.gif);
	}

	#main {
		width:751px;
		text-align:left;
	}

	.photocaptions {
		font-size:78%;
	}
