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

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
	background-image: url(/health/images/headerBGfade.jpg);
	background-position:top;
	background-repeat: repeat-x;
}

#container {
	margin: 0px;
	padding:inherit;
	width: 100%;
	clear:both; display:block;
}

#testimonials {
	font-style: italic;
	line-height: 18px;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.6em;
}

#header {
	position: relative;
	margin: auto;
	padding:inherit;
	width: 1000px;
	height: 110px;
}

#navGraphic {
	position: relative;
	margin: auto;
	padding: inherit;
	background-image: url(/health/images/headerNav.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 33px;
}

#nav {text-align: left; margin:auto;}

#nav a {	position: relative;
  			height: 33px;
			width: 1000px;
			top: 0px; 
			text-decoration: none;
			font-size:1.1em;
			font-weight:normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align:left;
			margin:auto;
}
			
#nav a i { font-style:normal; visibility: hidden;}

a#HHS, a#ES, a#About, a#Contact {top: 8px;}
a#HHS {left: 0px;}
a#ES {left: 10px;}
a#About {left: 260px;}
a#Contact {left: 300px;}

#subNavHeader {
	padding-top: 3px;
	position: relative;
	margin: auto;
	clear: none;
	background-image: url(/health/images/subNavHeader_BG.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width: 1000px;
	height: 49px;
}
#subNavHeader div {
	margin-left: 24px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	text-align: left;
	color: #999;
	font-size: 1.2em;
	font-style:italic;
	font-variant: small-caps;
	letter-spacing: 1px;
}
#subNavHeader a {
	text-decoration:none;
	color:#666;
}

#pageSubnav {
	list-style-type: disc;
	font-size: 1.2em;
	line-height: 24px;
	margin-left: -10px;
	color: #FFF;
}
#pageSubnav li a {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 1.2em;
}
#pageSubnav li a:hover {
	color:#333;
	text-decoration: underline;
}

#homeRotator {
	position: relative;
	margin: auto;
	clear: none;
	padding-top: 3px;
	width: 1000px;
	height: 400px;
	background-image:url(/health/images/homeRotatorBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#descriptor {
	position:relative;
	text-align: left;
	color: #fff;
	float:left;
	top: 3px;
	left: 3px;
	width: 304px;
	height: 376px;
	padding: 14px;
}

#descriptor h2 {font-variant:small-caps; color:#FFF;}
h2, h3 {font-variant: small-caps; color:#444;}
.sideNav {color: #FFF;}
	
.details {
	padding-right: 10px;
	font-size: 1.0em;
	line-height: 1.4em;
	word-spacing: 1px;
	font-weight: bold;
	color: #FFF;
}

.topParagraph {
	font-size: 1.5em;
	line-height: 1.5em;
	word-spacing: 1px;
	font-weight:bold;
}

#featOptions {
	font-size: 0.8em;
	font-weight:lighter;
	position:absolute;
	bottom: 22px;
}
#featOptions div {padding-bottom: 10px;}

.carouselSelectors {
	text-decoration:none;
	font-weight:bold;
	background-color:#c1ce69;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	margin: 3px;
}


#imgRotator {
	position: relative;
	float:right;
	top: 3px;
	right: 3px;
	width: 666px;
	height: 394px;
}

/* column container container */
#fixed {
	position: relative;
	padding-top: 3px;
   	margin: auto;
   	width:1000px;   /* you can use px, em or % */
   	text-align:left;
	font-size: 62.5%;
	color: #6d6f71;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-image: url(/health/images/dw_3colBG);
	background-repeat: repeat-y;
}
/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1, .col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 3px 0;	/* (padding: top right bottom left) no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	/* background:#e7e7e7;		right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
}
.threecol .colleft {
	right:46%;			/* width of the middle column */
}
.threecol .col1 {
	width:309px;			/* width of center column content (column width minus padding on either side) */
	left:106%;			/* 100% plus left padding of center column */
	line-height: 1.7em;
}
.threecol .col2 {
	width:295px;			/* Width of left column content (column width minus padding on either side) */
	left:42%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	line-height: 1.7em;
}
.threecol .col3 {
	width:292px;			/* Width of right column content (column width minus padding on either side) */
	left:80%;			/* Please make note of the brackets here:
						(100% - left column width) plus 
						(center column left and right padding) plus 
						(left column left and right padding) plus (right column left padding) */
}

/* END THREE-COLUMN STYLES */

.colmask2 {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
	background:url(../health/images/lftCol_BG.jpg) repeat-y;
}
.leftmenu .colright {
 	float:left;
    width:200%;
	position:relative;
	left:328px;
    background:#fafafa;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
}
.leftmenu .col1 {
	width: 641px;
	margin:0 3px 0 200px;
	padding: 14px;
	position:relative;
	right:100%;
	overflow:hidden;
	background-color:#fafafa;
	border-left: 3px solid #fff;
}
.leftmenu .col2 {
	float:left;
    width:280px;
	padding-left:24px;
	padding-right:24px;
	padding-top: 14px;
	padding-bottom: 4px;
    position:relative;
    right:328px;
	background:url(../health/images/lftCol_topBG.jpg) top no-repeat;
	color:#FFF;
}
/* END TWO-COLUMN STYLES */

.colImgs {padding: 4px;}

.colheader {border-bottom: solid 1px #6d6f71; font-size: 1.6em; font-weight: bold; padding-top: 10px; color:#444;}

p, ul, ol {font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif; font-size: 1.2em; line-height:14pt; color:#444;}

.spacer {
	height: 3px;
	width: 100%;
	clear: both;
	float: left;
}

#footer {
	position: relative;
	clear: both;
   	margin: auto;
   	width: 1000px;   
	background-color: #d0df5e;
}
#footer .spacer {
	height: 4px;
	width: 100%;
	clear: both;
	float: left;
	background-color: #d0df5e;
	margin-bottom: 2px;
}
#footer div {
	background-color: #abbd26;
	text-align: center;
	font-size: 0.9em;
	height: 24px;
	color: #FFF;
}
#footer div a {
	color: #fff;
	text-decoration: none;
}

#copyright {
	padding-top: 3px;
   	margin:0 auto;
   	width:1000px;   /* you can use px, em or % */
   	text-align:center;
	color: #abbd26;
	font-size: 0.6em;
	font-weight: bold;
	padding-bottom: 16px;
}