﻿body 
{
	margin: 0;
	padding: 0;
	background-color: #6c6c9e;
	background-image: url(../images/pg_bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

a, a:link, a:visited, a:hover 
{
	color: #6c6c9e;
}

img { behavior: url("includes/pngbehavior.htc"); }
#divMap img, #divMap2 img { behavior: none; }
#divMap_Header, #divMap_Header a, #divMap_Header a:hover, 
#divMap_Header a:visited, #divMap_Header a:link 
{ 
	background-color: #FF9933; 
	color: #FFFFFF; 
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}
#divMap, #divMap2 { z-index: 5; }
.loc_map_sm, .loc_map_sm #divMap, .loc_map_sm #divMap2 { display: block; width: 475px; height: 400px; position: relative; }
.loc_map_lg, .loc_map_lg #divMap, .loc_map_lg #divMap2 { display: block; width: 100%; height: 100%; }
#divMap_Container.loc_map_sm { position: relative; }
#divMap_Container.loc_map_lg { position: absolute; top: 0px; left: 0px; width: 80%; height: 80% }

h1 
{
	color: #7979A5;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.purple_italic 
{
	color:#6c6c9e;
	font-style: italic;
	font-weight: bold;
}

.purple_bold 
{
	color:#6c6c9e;
	font-weight: bold;
}

.orange_italic 
{
	color:#FF9933;
	font-style: italic;
	font-weight: bold;
}

.clear 
{
	clear: both;
}

.client_msg { margin-top: 20px; margin-bottom: 20px; }
.client_msg img[align="left"] { margin-right: 10px; }
.client_msg img[align="right"] { margin-left: 10px; }

#wrapper 
{
	width: 800px;
	height: 600px;
	margin: 0 auto;
}

#pgHeader, #pgMenu, #pgContent 
{
	display: inline;
}

#menu_top 
{
	display:block;
	float:right;
	margin-top: 3px;
}

#menu_top a, #menu_top a:visited, 
#menu_top a:hover, #menu_top a:link 
{
	font-size: 9px;
	margin-right: 20px;
	color: #ff9933;
	text-decoration: none;
}

#staff_section { display:inline; width: 100%; }

.staff_boxA2, .staff_boxB2 
{
	display: block;
	float: left;
	width: 45%;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.staff_boxA, .staff_boxB 
{
	display: block;
	padding: 5px;
	padding-top: 10px;
	line-height: 15px;
	clear: both;
}
.staff_boxA b, .staff_boxB b { font-size: 12px; }
.staff_img 
{
	border: solid 1px #000000;
	margin-right: 20px;
}

.staff_em 
{
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
}

.staff_ph 
{
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 0px 2px;
}

.program_box 
{
	display: block;
	margin: 15px;
	padding: 5px;
	background-color: #F5DE9B;
	border: solid 1px #FF9933;
}
.program_title 
{
	font-size: 14px;
	font-weight:bold;
	text-decoration: underline;
	font-style: italic;
	text-align: center;
	width: 100%;
}

.stats_header 
{
	width: 100%;
	background-color: #FF9933;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	padding: 1px;
}

.stats_left 
{
	line-height: 20px;
	width: 80%;
	float: left;
}

.stats_right 
{
	line-height: 20px;
	width: 15%;
	float: left;
	text-align: right;
}

.tricolumn 
{
	line-height: 16px;
	width: 32%;
	float: left;
	font-size: 9px;
	font-weight: bold;
}

.component_hide { display: none; }
.component_show { display: block; }

.fitness_box 
{
	width: 45%;
	height: 175px;
	float:left;
	display: block;
	margin: 3px;
	padding: 5px;
	background-color: #F5DE9B;
	border: solid 1px #FF9933;
}

.AssessmentImg { border: solid 2px #7979A5; /*FF9933*/ }

#contact_left 
{
	float: left;
	width: 45%;
	display: block;
	padding-right: 15px;
}

#contact_right 
{
	width: 45%;
	float:left;
	display: block;
	margin: 5px;
	padding: 5px;
	background-color: #F5DE9B;
	border: solid 1px #FF9933;
}



/****************************************************/
/*********** OPENING SPLASH PAGE STYLES *************/
/****************************************************/
#opening_body 
{
	position: absolute;
	width: 740px;
	height: 600px;
	float: left;
	display: block;
}

#opening_logoTop, #opening_logoBottom 
{
	display:block;
	float: left;
	width: 223px;
}

#opening_middle 
{
	width: 738px;
	height: 300px;
	background-image: url(../images/opening_bg.jpg);
	background-repeat: no-repeat;
}

#opening_bottom 
{
	display: inline;
	color: #FFFFFF;
}

#opening_spacer { display:block; height: 7px; }
#opening_bottom_spacer { display:block; height: 185px; width: 58px; float:left; }
.bottom_spacer { display: block; width: 6px; height: 185px; float:left; }

#opening_bottom_left 
{
	float: left;
	width: 222px;
	height: 185px;
	background-image: url(../images/opening_bottomLeft.jpg);
	background-repeat: no-repeat;
}

#opening_bottom_mid 
{
	float: left;
	width: 223px;
	height: 185px;
	background-image: url(../images/opening_bottomMid.jpg);
	background-repeat: no-repeat;
}

#opening_bottom_right 
{
	float: left;
	width: 222px;
	height: 185px;
	background-image: url(../images/opening_bottomRight.jpg);
	background-repeat: no-repeat;
}

#opening_bottom_left div, #opening_bottom_mid div, #opening_bottom_right div 
{
	margin-left: 10px;
	margin-top: 120px;
}

#opening_bottom h1 
{	
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0;
	padding:0;
}

#opening_bottom div 
{	
	font-size: 13px;
	font-weight: bold;
}




/****************************************************/
/************** SECONDARY PAGE STYLES ***************/
/****************************************************/
body#secondaryPg 
{
	background-color: #aaabc7 !important;
	background-image: url(../images/secondarypg_bg.jpg) !important;
	background-repeat: repeat-x;
}
#secondary_logoTop, #secondary_logoBottom 
{
	display:block;
	float: left;
	width: 223px;
}

#logo_link 
{
	position: absolute; 
}

#spacer_right 
{
	position: absolute;
	width: 60px;
	height: 600px;
	float: left;
	display: block;
}

#secondary_body 
{
	position: absolute;
	width: 740px;
	height: 600px;
	float: left;
	display: block;
	/*background-position: 0px 45px;
	background-image: url(../images/secondary_bg.jpg);
	background-repeat: no-repeat;	*/
}

#pgContent { height: 600px; }

#pgBackground 
{
	position: absolute;
	float: left;
	display:block;
	width: 740px;
	height: 600px;
	top: 45px;
	z-index: -5;
}

#secondaryPg #menu_main { height: 21px !important; }
#secondaryPg #menu_main a, #secondaryPg #menu_main a:link, #secondaryPg #menu_main a:visited 
{
	height: 21px !important;
	line-height: 21px !important;
}

#secondaryPg #menu_main li ul li a { height: auto !important; }
#secondaryPg #menu_main li ul li a, #secondaryPg #menu_main li ul li a:link, 
#secondaryPg #menu_main li ul li a:visited 
{
	height: auto !important;
	line-height: normal !important;
}

#column_left 
{
	display: block;
	width: 223px;
	height: 400px;
	float: left;
}

#column_right 
{
	display: block;
	width: 484px;
	min-height: 400px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	border-right: solid 1px #7979A5;
	padding-top: 30px;
}

#login_box 
{
	border: solid 1px #7979A5;
	background-color: #aaabc7;
	padding: 15px;
	width: 250px;
	font-weight: bold;
}

#login_box input[type="submit"] { margin-top: 10px; }
.login_uid { margin-left: 13px; }
	


/****************************************************/
/********* NAVIGATION MENU AND DROPDOWN MENU ********/
/****************************************************/
#menu_main 
{
	display: block;
	float: left;
	background-color: #7979A5;
	width: 515px;
	height: 23px;
}

#menu_main a, #menu_main a:link, #menu_main a:visited 
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	font-weight:bold;
	line-height: 23px;
	display: block;
	float: left;
}

ul#nav li ul li a { line-height: 14px !important; padding: 5px; }

ul#nav, li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	clear: both;
	z-index: 200;
}

ul#nav li {
	float: left;
	display: inline;
	position: relative;
	margin-right: 20px;
	z-index: 200;
}

li ul li { float: none !important; display: block !important; margin-right: 0px !important; }

ul#nav li:hover a, ul#nav li:hover ul li:hover a
{
	color: #F5DE9B;
	display: block;
	/*background-color: #8d8db3;*/
}

ul#nav li:hover ul li a
{
	color: #FFFFFF;
	float: left;
}

ul#nav li:hover ul li:hover a
{
	color: #F5DE9B; /*FF9933*/
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 21px;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	position: absolute;
	top: 21px;
	left: 0;
	background-color: #9b97b0;
	/*background-image: url(../images/submenu_bg.png);*/
}


li.marginLeft 
{

}

ul#CompanySub	{ width:120px; }
ul#ServicesSub	{ width:185px; }
ul#WelnessSub	{ width:195px; }
ul#NewsSub		{ width:150px; }

ul#CompanySub li a	{ width:110px; }
ul#ServicesSub li a	{ width:175px; }
ul#WelnessSub li a	{ width:185px; }
ul#NewsSub li a		{ width:140px; }

/*
li.downArrow 
{
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
}

ul#CompanySub li.downArrow	{ background-position: 20px 0px; }
ul#ServicesSub li.downArrow	{ background-position: 0px 0px; }
ul#WelnessSub li.downArrow	{ background-position: 60px 0px; }
ul#NewsSub li.downArrow		{ background-position: 155px 0px; }
*/

