/* LAYOUT CSS
-------------------------------------------------------------------------
*/

body {
	background-color:			#F9F7D5;
	font: 						normal 12px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#000;
	text-align:					center; /* center content */
	margin:						0;
}
div#pageWrap {
	width:						900px;
	height:						100%;
	margin:						0 auto;
	padding:					0;
	position:					relative;
	text-align:					left;
}
div#menu {
	position:					relative;
	display:					block;
	width:						900px;
	height:						40px;
	margin-top:					25px;
	clear:						both;
}
#header {
	width:						100%;
	height:						100px;
}
#address {
	border-left:#CCC 1px dashed;
	padding-left:4px;
	color:#000;
	margin: 30px 20px 0pt 0pt;
	float: right;
}
#header h1 a {
	display:					block;
	width:						417px;
	height:						120px;
	overflow:					hidden;
	margin-left:				25px;
	margin-top:					15px;
}
div#contentWrap {
	width:						100%;
	margin-top:					10px;
}
div#content {
	width:						665px;
	float:						right;
}
div#main {
}
div#main h3 {
	margin: 0;
}
.intros {
	margin-top:					15px;
	display:					block;
	width: 						225px;
	height: 					auto;
	float: 						left;
	color:						#FFF;
}
.intros .inside {
	padding: 					15px;
	padding-top:				0px;
	margin-top:					0;
	border-right: 				1px solid #3a4f71;
}
.intros span a {
	float:						right;
}
/***Start Footer*****/
div#leftColumn {
	width:						198px;
	float:						left;
}
div#footer {
	display:					block;
	width:						100%;
	height:						40px;
	background:					#BECD96;
	margin-top:					25px;
	margin-bottom:				25px;
}
div#footer #credits {
	font-size:					10px;
	color: 						#414141;
	margin:						3px 0 0 2px;
	float:						left;
}
div#footer #credits a{
	color:						#414141;
}
#bottomLinks {
	float:						right;
	margin:						7px 0 0 0;
	width:						495px;
}
#bottomLinks ul li {
	display: 					inline;
	list-style-type: 			none;
	padding-right: 				5px;
}
#bottomLinks ul li a {
	font-size:					11px;
	color:						#fff;
	text-decoration:			underline;
}
/***End Footer*****/
/* LEFT COLUMN MENU 
-----------------------------------------------------------------------------*/
/* Vert Menu Styles */
.sidemenu{
width: 198px;
}
.sidemenu h3{
	margin:0;
}
.sidemenu .menuheader{ 
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom:#597BAE 1px solid;
color:#000;
background: url(../images/titlebar.png) repeat-x center left;
padding: 5px 0 0px 10px;
height: 25px;
cursor: pointer;
}
.sidemenu .openheader{ /*expanded*/
background-image: url(../images/titlebar-active.png);
color: #597BAE;
text-decoration:underline;
}
.vertMenu, .vertMenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 198px; /*WIDTH OF MAIN MENU ITEMS*/
}

.vertMenu li{
position: relative;
}

.vertMenu li a{
background-image: url(../images/titlebar.png);
background-repeat:repeat-x;
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom:#770000 1px solid;
color: #fff;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.vertMenu li ul{ 
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}

.vertMenu li ul li{
float: left;
}

.vertMenu li ul a{
width: 180px; 
background-image: url(../images/titlebar-active.png);
background-repeat:repeat-x;
color: #770000;
}

.vertMenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;
}

.vertMenu li a:hover{
	background-color:#FFF;
/*background-image: url(../images/titlebar-active.png)repeat-x;
background-repeat:repeat-x;*/
	color: #999;
}

/* Holly Hack for IE \*/
* html .vertMenu li { float: left; height: 1%; }
* html .vertMenu li a { height: 1%; }
/* End */
/* End Vert Menu Styles */

/* Start BMI CALC **/
#bmi_Calculator {
/*	border-left:#d3d3d3 1px solid;
	border-right:#d3d3d3 1px solid;
*/	
	padding-left: 0px;
	padding-top:0px;
	padding-bottom: 5px;
	text-align:center;
	width: 198px;
}
#bmiCalc {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 198px;
}
#bmicalc_Inside {
	/*background-color: #FFF; /*#E3F2CE*/
	background-image: url(../images/bmiInsideBg.png);
	background-repeat:repeat-x;
	padding-bottom:4px;
	border-bottom:#d3d3d3 1px solid;
	font-size:12.5px;
}
#bmiCalc .bmiCalc_Results {
	padding-top: 8px;
	padding-right: 0pt;
	padding-bottom: 8px;
	padding-left: 2pt;
	text-align: left;
	width:196px;
	font-weight:bold;
	color:#FFF;
	background-color: #770000;
}
#bmiCalc .bmiCalc_Results #bmi_Display{
	background-color:#FFC; 
	height:20px; 
	width:70px;
	font-size:18px;
	color:#060;
}
#bmiCalc_btn {
	text-align:center;
	padding-left:0px;
	width: 198px;
	height: 28px;
}
#btnSelect {
	background-color: #E8E8E8;
	border: solid #CFCFCF;
	color: #444;
	padding: 2px;
}
/* End BMI CALC **/
div#quickLinks {
	width:						230px;
	height:						30px;
	background:					url(../images/leftMenu_bg.png) 0px 0px no-repeat;
}
div#quickLinks h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
}
/* TOP MAIN MENU 
-----------------------------------------------------------------------------*/
#nav, #nav ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
	display:					block;
	height:						40px;
	background:					#BECD96;
}
#nav a {
	display: 					block;
	color:						#000;
	font-weight:				bold;
	text-decoration:			none;
}
#nav li {
	float: 						left;
	width: 						auto;
	line-height:				40px;
	height:						auto;
	/*background:					#770000 url(../images/menuSep.png) 100% 10px no-repeat;*/
	border-right:				 #999 1px solid;
	text-align:					center;
	padding:					0 31px;
	margin:						0;
}
#nav li ul {
	position: 					absolute;
	width: 						15.1em;
	left: 						-999em;
	margin:						0 0 0 -31px;
	background:					none;
}
#nav li ul li {
	text-align:					left;
	padding:					0;
	margin:						0;
	width:						15em;
	line-height:				1.2em;
	background:					url(../images/currentRight.png) 100% 0px repeat-x;
	border-bottom:				1px solid #909bab;
	border-left:				1px solid #909bab;
	border-right:				1px solid #909bab;
}
/* LAST ITEM OF THE LIST
--------------------------------------------*/
#nav li ul li a {
	color:						#770000;
	padding:					0.5em 1em;
	font-weight:				normal;
}
#nav li.last {
	padding: 0;
	background: 				none;
}
#nav li.last a {
	padding: 	                0;
	background: 				none;
	padding:					0 25px;
}
#nav li.last ul {
	/*padding:					0 0 0 -25px;*/
}
/* MAIN MENU - HOVER STYLE
--------------------------------------------*/
div#nav li:hover, div#nav li.sfhover {
	position: 					static;
}
#nav li a:hover, #nav li.sfhover a, #nav li:hover a, #nav li.sfhover {
	color:						#fff;
}
#nav li.sfhover ul li a {
	color:						#000;
}
#nav li:hover ul li a {
	color:						#fff;
}
#nav li:hover ul li a:hover {
	color:						#000;
}
#nav li:hover ul {
	left: 						auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 						auto;
}
#nav li.current a:hover {
	color:						#770000;
}
/**********************************/
#p1 #i1, #p1 #i1 a,
#p2 #i2, #p2 #i2 a,
#p3 #i3, #p3 #i3 a,
#p4 #i4, #p4 #i4 a,
#p5 #i5, #p5 #i5 a,
#p6 #i6, #p6 #i6 a
{
	color:						#fff;
	background:					url(../images/currentRight.png) 100% 0px repeat-x;
}
#p6 #i6 ul li:hover, 
#p6 #i6 ul li:hover a {
	background: 				#FFD;
	color:						#770000;
}
/**********************************/
#nav li ul li:hover {
background: 				#FFD;
	color:					#770000;
}
#nav li ul li.sfhover, 
#nav li.current ul li:hover, 
#nav li.current ul li.sfhover, 
#nav li.current ul li:hover a, 
#nav li.current ul li a:hover, 
#nav li.current ul li.sfhover a {
	color:						#770000;
	/*background:					url(../images/currentRight.png) 100% 0px repeat-x;*/
}
/* SUBMENU ON THE LEFT COLUMNS 
-----------------------------------------------------------------------------*/
#subMenu {
	/* padding-bottom:			20px; */
	width:						230px;
	background:					#FFF url(../images/quickLinksBack.jpg) 0px 0px repeat-y;
}
div#subMenu h3, div#leftMenu h3 {
	line-height:				30px;
	padding-left:				10px;
}
div#subMenu h3 {
	background:					url(../images/quickLinks.png) 0px 0px repeat-y;
}
#subMenu ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
}
#subMenu li {
	border-bottom: 				1px solid #90bade;
	margin:						0;
	width:						198px;
}
#subMenu li a {
	font-size:					11px;
	display: 					block;
	padding: 					5px 5px 5px 0.5em;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	background-color: 			#2175bc;
	color: 						#fff;
	text-decoration: 			none;
}
/* html > body #subMenu li a { width: 168px; } */

#subMenu li.current a, #subMenu li a:hover {
	border-left: 				10px solid #333;
	border-right: 				10px solid #363636;
	background-color: 			#5A5A5A;
	color: 						#fff;
}
#subMenu li ul, #subNav li ul {
	margin:						0;
	padding:					0;
	width:						100%;
}
#subMenu li ul li, #subNav li ul li {
	border-bottom:				0;
}
#subMenu li ul li a {
	width:						158px;
	padding-left:				15px;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	border-bottom:				none;
	background:					#2175bc url(../images/squareArrow1.png) 0.4em 9px no-repeat;
}
html > body #subMenu li ul li a { /* width: 158px; */
}
#subNav li ul li a:hover {
	background:					#153156 url(../images/squareArrow.png) 0.4em 9px no-repeat;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
}
/* CLASS STYLES
-----------------------------------------------------------------------------*/

img {
	border:						0;
}
.element {
	padding:					5px 40px 0 10px;
}
.clr {
	clear:						both;
	font-size: 0px;
	height: 0;
	line-height: 0;
}
.inside {
	margin-top:					15px;
	padding:					0 10px;
	color:#000;
}
.inside h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* HOME PAGE
-----------------------------------------------------------------------------*/

#sections, ul#sections {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -10px;
	padding: 0;
	background: none;
}
#sections li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 224px;
	height: 135px;
	color: #FFF;
	font-size: 11px;
	border-right: 1px solid #999;
}
#sections li span a {
	text-align: right;
	float: right;
	margin-top: 12px;
}
#sections li h3 {
	line-height: 2em;
	color:#FFF;
	font-weight:bold;
}
#sections li a {
	text-decoration: none;
	color: #FFF;
}
#sections li {
	background: url(../images/MainMiddleBg.png) 0px 0px repeat-x;
}
/**Start First Section**/
#sections li.first {
	background: url(../images/MainLeftBg.png) 0px 0px no-repeat;
}
#sections li.first p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
#sections li.first p:hover{
	color: #640000;
}
/**End First Section**/
/**Start Tween Section**/
#sections li.tween {
	background: url(../images/MainMiddleBg.png) 0px 0px repeat-x;
}
#sections li.tween p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
#sections li.tween p:hover{
	color: #640000;
}
/**End Tween Section**/
/**Start Last Section**/
#sections li.last {
	background: url(../images/MainRightBg.png) 0px 0px no-repeat;
	border-right: 0 none;
	width: 225px;
}
#sections li.last p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
#sections li.last p:hover{
	color: #640000;
}

/**End Last Section**/
#sections li:hover, #sections li.shover {
	background-position: 0px -135px;
}
#sections li:hover a.main, #sections li.shover a.main, #sections li a:hover{
	color: #640000;
}

