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

/* THESE ARE HACKS FOR NON COMPLIANT BROWSERS - PUT IN SEPARATE STYLE SHEET */
/* Hide from IE5/Mac */ * html #footer { height: 1%; } /* End hide from IE5/Mac */
/* Hide from IE5/Mac */ * html #healthcenter-banner { height: 1%; } /* End hide from IE5/Mac */
/* Hide from IE5/Mac */ * html #message { height: 1%; } /* End hide from IE5/Mac */

body {margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; background:#fff; }

/* ---------------------------------------------------------------- layout structure */
#wrap {min-width: 850px; max-width:850px; width:850px; margin:0 auto; padding:0px 4px; background:#ffffff; background-image:url(wrapper-bkgrnd.jpg); background-repeat:repeat-y; }

#content { float: right; width: 78%;  color:#3C3026; }
#sidebar {float:left; width: 22%; }

/* gutters */
#content .gutter { padding: 3px; background-color:#FFFFFF}
#sidebar .gutter { padding: 3px; background-color:#FFFFFF }

/* content quadrants */
#content #top-wrap { float: left; width:99%; }
#content #top-left { float:left; width:53%; }
#content #top-right { float: right; width:45%; }


#content #bottom-wrap { float: left; width:99%; }
#content #bottom-left { border:1px solid #dddddd; float: left; width:47%; margin:5px 5px 0px 0px; padding:3px; }
#content #bottom-noborder { float: left; width:47%; margin:0px 5px 0px 0px; padding:6px 0px 0px 0px; }
#content #bottom-right { float: right; width:49%; margin:0px 5px 0px 0px; padding:6px 0px 0px 0px; }

#content .callouts { padding:0em 0em 1em 0em; margin:0em 0em; font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#3C3026; font-size:12px; font-weight:normal; line-height:1.5em; }

/* image formating for health center home page */
.image-healthcenter-lrg { margin:2px 0px 6px 0px; }
.image-tools { float:left; margin:5px 3px 3px 0px; border:1px solid #ffffff; }
.image-story { float:left; margin:6px 6px 1px 0px; border:1px solid #ffffff; }
.image-callout { float:left; margin:6px 6px 3px 0px; border:1px solid #cccccc; }



#footer {clear:both; background: #ffffff; border-bottom: 1px solid #b99c6b; border-top: 1px solid #b99c6b; padding-top:3px; padding-bottom:3px; text-align:center; height:1%; }

#copyright {clear:both; background: #ffffff; padding-top:3px; padding-bottom:3px; text-align:center; font-size: 10px;}



/* ---------------------------------------------------------------- healthcenter-banner content - including banner */
#healthcenter-banner { border-bottom: 3px solid #002F5D; background: #fff url(img/healthcenter-banner-bg.gif) repeat-x top left;  }
#healthcenter-banner .img { float:left; }
#healthcenter-banner h1 { margin:0 0; padding:10px; font-family: Georgia, serif; font-size:16px; color: #374c0e;}

#utility-links { float:right; font-size:11px; text-decoration:none; margin-top:5px; margin-right:5px; margin-bottom:5px; margin-left:5px; }

/* text resize buttons in healthcenter-banner */
#text-small { float:right; text-align:center; display:block; margin:12px 2px 5px 2px; font-size:10px; }
#text-small a { color: #ffffff; background-color: #dddddd; text-decoration: none; padding:2px 3px; font-weight:bold;}
#text-small a:hover { color: #ffffff; text-decoration:none; background-color:#b47020; }

#text-med { float:right; text-align:center; display:block; margin:8px 2px 5px 2px; font-size:12px;}
#text-med a { color: #ffffff; background-color: #dddddd; text-decoration: none;  padding:2px 4px; font-weight:bold;}
#text-med a:hover { color: #ffffff; text-decoration:none; background-color:#b47020; }

#text-large { float:right; text-align:center; display:block; margin:4px 2px 5px 2px;  font-size:16px; }
#text-large a { color: #ffffff; background-color: #dddddd; text-decoration: none;  padding:2px 4px; font-weight:bold;}
#text-large a:hover { color: #ffffff; text-decoration:none; background-color:#b47020; }


/* ---------------------------------------------------------------- CONTENT TYPOGRAPHY */
/* standard WPS blue link styles with gold underline hover */
a:link    {color:#002f5d; font-weight:normal; text-decoration:underline; }
a:visited {color:#002f5d; font-weight:normal; text-decoration:underline;}
a:hover   {color:#b47020; font-weight:normal; text-decoration:underline;}
a:active  {color:#002f5d; font-weight:normal; text-decoration:underline;}

#disclaimer {font-size:11px; float:left; color:#777777; padding:10px 10px; width:96%; border-top:1px solid #dddddd; margin-top:10px;}

.header-block-green {background-color:#A9B35D; margin: 0px 0px 0px 0px; padding:.1em 0em .2em .2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#002f5d; font-size:13px; font-weight:bold; }

.header-block-greenwhi {background-color:#A9B35D; margin: 0px 0px 0px 0px; padding:.1em 0em .2em .2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; font-weight:bold; }
.header-block-navy {background-color:#002f5d; margin: 1px 0px 0px 0px; padding:.1em 0em .2em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; font-weight:bold; }

.header-block-ltgrey {background-color:#dddddd; margin: 1px 0px 0px 0px; padding:.1em 0em .2em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#002f5d; font-size:16px; font-weight:bold; }

.header-block-dkgrey {background-color:#777777; margin: 1px 0px 0px 0px; padding:.1em 0em .2em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; font-weight:bold; }

.callout-story { padding:.5em .0em; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#ac703d; font-size:13px; font-weight:bold; margin:0;}

.callout-substory { padding:.5em 0em 0em 0em; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ac703d; font-size:12px; font-weight:normal; }

#content p { padding:0em 0em 1em 0em; margin:.5em 0em; font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:1.5em; }

.boxed-out-left {float:left; border:1px #dddddd solid; padding:4px; margin:4px; width:270px; }
.boxed-out-right {float:right; border:1px #dddddd solid; padding:4px; margin:4px; width:270px; }

.boxed-out { padding:10px; margin:10px auto; border:1px #dddddd solid; }

.story-lists ul { font-family:Verdana, Arial, Helvetica, sans-serif; }
.story-lists li { padding-bottom:.5em; margin-left:-10px; color:#444444; }

.title-carmel { font-family: Arial, Verdana, Helvetica,sans-serif; font-size: 16px; font-weight:bold; color: #B47020; line-height: 24px; padding-top:10px; }
	
.subhead_carmel { font-family: Arial, Verdana, Helvetica,sans-serif; font-size: 13px; font-weight:bold; color: #B47020;
	}

.subhead_cranberry { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #730027;
	}



/*  ------------------------------------------------ Health Encyclopedia area  */

/* Layout of Health Encyclopedia search options and typography */
#encyclopedia { padding: 3px 5px 5px 5px; background: #ffffff; margin: 1.5em 0em 1em 0em; width:270px; border:1px solid #ccc;}

#encyclopedia h2 { position:relative; float:right; margin: -1em 0em 2em 0em; background: #ffffff; color: #3C3026; /*brown*/ font: bold 13px Verdana, Helvetica, sans-serif; padding:0em 1em; }

#encyclopedia h3 { font-size:12px; font-weight:bold; color:#ac703d; font-family:Verdana, Trebuchet, Arial, Helvetica, sans-serif; padding:0em; margin:1em 0em 1em 0em; }

#encyclopedia p { font-size: 10px; padding:10px; }

/* BROWSE... alphabetical letter links  */

.alphalinks { margin:0px auto; width:250px; height:36px; background-color:#dddddd; }

.alphalinks a { display: inline; display: block; float:left; font: 11px Arial; color:#AC703D; text-decoration: none!important; background-color: #ffffff; margin: 0px 1px 0px 1px; width:13px; text-align:center; }

.alphalinks a:hover { color: #ffffff !important; text-decoration:none!important; background-color:#AC703D; }

/* SEARCH... form style */
#encyclopedia form { margin: 0px 0px 0px 0px; width:250px; padding: 0px 0px 0px 10px; }

/* TOPICS AND TOOLS... links and box for healthwise topics and tools, with logo  */
#topics-tools { width:auto; margin:0em 0em 0em 0em; padding:4px 5px 10px 5px; height:6em; }

#topics-tools .columnleft { float:left; width:45%; margin:0 0; }

#topics-tools .columnright { float:right; width:45%; margin:0 0; }

#topics-tools a { font-size:11px; line-height:1.5em; }

/*  ------------------------------------------------ Styles for bulleted lists  */

  
/* CLASS STYLE PDF bullet for lists */
.pdflist { 
	list-style-image: url(pdficon.gif);
	background-position: bottom;
	line-height:180%;
	font-size:12px;
	/* background-position: no-repeat 0 50% bottom left; */
 }
 
 
 /* CLASS STYLE  bullet for ORANGE ARROW BULLETED LISTS */
.arroworange { 
	list-style-image: url(arrow_orange.gif);
	background-position: no-repeat 0 50% bottom left;
	font-size:12px; line-height:140%;
	/* background-position: no-repeat 0 50% bottom left; */
 }
	
	.arroworange li { 
padding-bottom:.5em;
font-size:12px;
	/* background-position: no-repeat 0 50% bottom left; */
 }
  
/* Single use: bulleted lists with arrows standard indent*/
#arrowlist { 
 list-style-image: url(arrow.gif);
	background-position: bottom;
	line-height:180%;
	font-size:12px;
 }
 
	
	 /* CLASS STYLE  bullet for ORANGE heatlth tools BULLETED LISTS */
.healthtool { 
	list-style-image: url(../images/hw_actionset.gif);
	background-position: no-repeat 0 50% bottom left;
	font-size:12px; line-height:150%;
	/* background-position: no-repeat 0 50% bottom left; */
 }
	

	
	
/*  ---------------------------------------- style applied to actionset - decision set callout image  */	
.actionset 
{float:left; margin:5px 10px 10px 5px; }


/*  ------------------------------------------------ Styles for Story areas  */

#story { float: left; width:90%; padding:20px 20px 0px 20px; margin:0px 0px;  }
#story p { padding:0em 0em 1em 0em; margin:0em 0em .5em 0em; font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#3C3026; font-size: 11px; font-weight:normal; line-height:2em; }
.story-title-block {background-color:#ac703d; margin: 1px 0px 0px 0px; padding:0em 0em .2em .5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; font-weight:bold; }
.story-subtitle { padding:.5em 0em 0em 0em; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#ac703d; font-size:13px; font-weight:bold; margin:0;} /*a9b35d green  ac703d dark orange   #3C3026 brown */
.image-story-right { float:right; margin:0px 0px 10px 10px; }
.image-story-left { float:left; margin:0px 10px 0px 0px; }



/*  ------------------------------------------------ horizontal navigation - below banner line  */
#main-nav { font-size: 11px; color: #000; text-align: center; padding: 0; width: 100%; voice-family: "\"}\""; voice-family: inherit; margin:0 0; }

#main-nav ul { margin: 0; float: left; font: bold 11px Verdana; list-style: none; diplay:block; background-color: #a9b35d; /*changed 5781AE to a9b35d*/ color: #FFF; padding: 0; width: 100%; border-top-color:#fff; border-top: 1px solid; }

#main-nav li { display: inline; } 
/* a is the link hover state */

#main-nav li a { float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none; padding: 5px 11px; background-color: #a9b35d; /* color theme*/ border-right:1px solid #fff; }

#main-nav li a:hover { color: #fff; text-decoration:none; background-color:#AC703D; border-right: 1px solid #fff; }

#main-nav #current a { /*currently selected tab*/ background-color: #002f5d; /* color theme*/ color: white; margin-top:-1px; border-top:1px solid #002f5d; border-right:1px solid #ffffff; border-bottom:1px solid #002f5d; }


/*  ------------------------------------------------ Side bar - left column */
#sub-nav { width: 180px; float: left; background-color:#EFEFE4; padding-top: 1px; /* so IE 5 will play nice */ padding-bottom:1px; /* so IE 5 will play nice */ }
#sub-nav ul { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;/* border: 5px solid #dddddd; */ }
/* SUB NAVIGATION FOR LEFT NAV */
#sub-nav li { padding-left: 0px; padding-right: 0px; font-weight: bold; display: block; list-style-type: none;border-bottom: 1px #fff solid; }
#sub-nav a {display: block;padding: 5px 0px 5px 5px;color: #020202; background-color:#EFEFE4;text-decoration: none;font-weight: normal;}
#sub-nav a:hover {color: #b47020; text-decoration:underline; background-color: #fff;}
/* ACTIVE status for vertical heading use on healthcenter HOME page */
#sub-nav li a#active {color: #ffffff; background-color:#002f5d; /* #a9b35d; */background-color:#a9b35d;font-weight:bold;text-decoration: none;}
#sub-nav li a:hover#active {color: #ffffff; background-color:#002f5d;font-weight:bold;text-decoration: none;}
/* CURRENT status for vertical heading use on healthcenter secondary pages */
#sub-nav li a#current {color: #ffffff;background-color:#002f5d; /* #a9b35d; */font-weight:bold;text-decoration: none;}
#sub-nav li a:hover#current {color: #ffffff;background-color:#a9b35d; /* #a9b35d; */font-weight:bold;text-decoration: none;}


/*  ------------------------------------------------ Table styles */
.datatable {
 	border: 1px solid #dddddd;
 	border-collapse: collapse;
 	}
	
.datatable td {
 	border: 1px solid #dddddd;
 	padding: 4px;
 	}
	
.datatable th {
 	border: 1px solid #dddddd;
 	background-color: #F6F6F6;
 	font-weight: bold;
 	text-align: center;
 	padding-left: 4px;
 	color: #B47020;
 	}
	
.datatable caption {
 	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #730027;
 	text-align: left;
 	padding-top: 10px;
 	padding-bottom: 8px;
 	}
	
.datatable td.left {
	border-left-color: #B47020;
	border-left-width: 1px;
	border-left-style: solid;
	}
.datatable th.left {
	border-left-color: #B47020;
	border-left-width: 1px;
	border-left-style: solid;
	}
	
tr.altrow {
	background-color: #F6F6F6;
  	}
	
tr.altrowyel {
	background-color: #E8E2BF;
  	}