/*   Original css by:  G. Wolfgang   
Modified by Ravi Dhobale 
Modified by Michael Spears   */

/*-----------------------------------------------------------------------*/
/* Changed the MINIMUM HEIGHT for the Wrapper to 500 on 5/9/2007         */
/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------*/
/* FONT-SIZE DEFINITIONS                                                 */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in "body" is such that       */
/* 1.0em = 10px.                                                         */
/*-----------------------------------------------------------------------*/

/*************************/
/* MAIN BODY             */
/*************************/


body {
	font-size: 62.5%; margin: 0em auto; 
	padding: 0em; 
	/*background: url(./background.gif) top center repeat-y;*/ 
	font-family: verdana, arial, sans-serif; 
	background-color:#666666;
	}

#page-container {
	width: 980px; 
	margin: 0px auto; 
	padding: 0px; 
	/*border-left: solid 1px rgb(150,150,150); 
	border-right: solid 1px rgb(150,150,150); */
	/*background-color:#cccccc;*/ 
	background-image:url(../images/gldgrn.jpg); 
	background-repeat:repeat-y;
	}

#page-container2 {
	width: 980px; 
	margin: 0px auto; 
	padding: 0px; 
	/*border-left: solid 1px rgb(150,150,150); 
	border-right: solid 1px rgb(150,150,150); */
	/*background-color:#cccccc;*/ 
	background-image:url(../images/gldgrn2col.jpg); 
	background-repeat:repeat-y;
	}

/**********************/
/* HEADER */
/**********************/

.img-header {
	clear: both; 
	float: left; 
	width: 980px; 
	height: 124px; 
	margin: 0px; 
	padding: 0px; 
	background-image:url(../images/Healtha.jpg); 
	background-repeat:no-repeat;
	}

.toplinks{
	float:right; 
	width:454px; 
	height:35px; 
	text-align:right;
	font-weight:bold;
	font-size: 1.0em;
	padding:0px;
	margin:0px;
	}

.toplinks a{
	color:#000000;
	text-decoration:none;
	}

.toplinks a:hover{
	text-decoration: underline;
	color:#FFFFFF;
	}

.toplinks form{
	margin-top: 0px;
	padding:0px;
	width:454px;
	/*float:right;
	position: relative;*/
	}

/*------------------------------------*/
/* Main navigation menu */
/*------------------------------------*/

.maintablebox {
	width: 700px;
	height:40px;
	display:block;
	}

.maintableboxheader {
	width: 700px;
	height:40px;
	font-weight: bold;
	display:block;
	}

.tablebox {
	float: left;
	width: 75%;
	height:40px;
	text-align:left;
	background-color: #E8E8CF;
	display:block;
	}

.tableboxlink {
	color:#000000;
	text-decoration:none;
	}

.tablebox2 {
	float: right;
	width: 25%;
	height:40px;
	text-align:center;
	background-color: #E8E8CF;
	display:block;
	}

.tableboxlink2 {
	color:#000000;
	text-decoration:none;
	}

.tablebox3 {
	float: left;
	width: 75%;
	height:40px;
	text-align:left;
	background-color: #FFFFFF;
	display:block;
	}

.tableboxlink3 {
	color:#000000;
	text-decoration:none;
	}

.tablebox4 {
	float: right;
	width: 25%;
	height:40px;
	text-align:center;
	background-color: #FFFFFF;
	display:block;
	}

.tableboxlink4 {
	color:#000000;
	text-decoration:none;
	}

.nav-main {
	clear: both;
	float: left; 
	width: 970px;
	margin: 0px; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #000000;
	background-color: rgb(190,190,190);
	text-align:right; 
	}

.nav-mainleft {
	float: left;
	text-align:left;
	background-color: rgb(190,190,190);
	display:block;
	}

.nav-mainright {
	float: right;
	text-align:right;
	background-color: rgb(190,190,190);
	display:block;
	}

.nav-main ul {	
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	font-weight: bold;
	}	

.nav-main li {
	float: right; 
	display: block; 
	white-space: nowrap; 
	background-color: inherit;
	}

.nav-main li a {
	color: rgb(255,255,255); 
	margin: 0px; 
	padding: 0px 10px 0px 0px; 
	/*border-right: solid 1px rgb(255,255,255);*/ 
	text-decoration: none; 
	font-size: 100%;		
	}

.nav-main a{
	background-color: inherit; 
	color: #000000; 
	text-decoration: none; 
	text-align:right; 
	font-size: 80%;		
	font-weight:bold;
	}

.nav-main a:hover, .nav-main a.selected {
	background-color: inherit; 
	color: #ff6600; 
	text-decoration: underline;
	/* text-align:right; 
	padding-right:10px; 
	font-weight:bold;*/
	}

/*************************************/
/* SIDENAVIGATION */
/*************************************/

.sidenavigation {
	clear: both; 
	float: left; 
	width: 200px; 
	margin: 0px; 
	padding: 0px; 
	font-size: 1.0em;
	}

.sidenavigation a {
	line-height: 1.5em;
	font-weight: bold;
	text-decoration:none;
	padding-left:5px;
	color:#000000;
	}

.sidenavigation a:hover {
	text-decoration:underline;
	color:#ff6600;
	}

.sidenavigation img{
	padding:0px;
	margin:0px;
	}

/******************************/
/* SUB-NAVIGATION */
/******************************/
.nav-sub {
	clear: both; 
	min-height: 400px; 
	float: left; 
	width: 160px; 
	margin: 0px; 
	padding: 0px; 
	color: rgb(110,110,110);
	}

/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub {
	height: 400px;
	} 

/* End IE-Hack */

/*--------------------*/
/* Menu */
/*--------------------*/

.nav-sub ul {	
	float: left; 
	list-style: none; 
	width: 160px; 
	margin: 0px; 
	padding: 0px; 
	border-bottom: solid 1px rgb(200,200,200);
	}	

.nav-sub li {
	margin: 0px; 
	padding: 0px;
	}

.nav-sub li.title {
	vertical-align: top; 
	margin: 0px; 
	padding: 10px 7px 10px 14px; 
	text-transform: uppercase; 
	color: rgb(175,175,175); 
	font-weight: bold; 
	font-size: 140%;
	}

.nav-sub li.group a {
	display: block; 
	min-height: 1.5em; 
	margin: 0px; 
	padding: 3px 7px 2px 10px; 
	border-top: solid 1px rgb(200,200,200); 
	border-left: solid 5px rgb(235,235,235); 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 120%;
	}

/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub li.group a {
	height: 1.5em;
	}

/* End IE-Hack */
	
.nav-sub li a {
	display: block; 
	min-height: 1.5em; 
	margin: 0px; 
	padding: 3px 7px 2px 10px; 
	border-left: solid 5px rgb(235,235,235); 
	color: rgb(110,110,110); 
	text-decoration: none; 
	font-size: 120%;
	}

/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .nav-sub li a {
	height: 1.5em;
	}

/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); 
	background-color: rgb(225,225,225); 
	text-decoration: none;
	}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); 
	background-color: rgb(225,225,225); 
	text-decoration: none;
	}

.nav-sub-align {
	text-align: left;
	}

/*******************************************************************/
/* Extend left column height to footer                */
/*******************************************************************/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/*******************************************************************/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/
/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */
/*******************************************************************/

/* for 1 - 2 column layout */
.wrapper {
   float: right; 
	width: 760px; 
	min-height: 400px; 
	margin: 0px; 
	padding: 5px; 
	background-color:#FFFFFF;
	}


/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .wrapper {
	height: 400px;
	} 

/* End IE-Hack */

/* for 3 column layout */
.wrapper_3col {
   float: left; 
	width: 780px; 
	min-height: 400px; 
	margin: 0px; 
	padding: 0px; 
	/*background-color: rgb(255,255,255);*/
	}


/* IE6-hack for min-height. Also works for IE7-Beta2 */

* html .wrapper_3col {
	height: 400px;
	} 

/* End IE-Hack */



/***********************/
/* CONTENT */
/***********************/

.content {
	float: left; 
	width: 518px; 
	margin: 0px; 
	padding: 5px 0px 0px 10px; 
	background-color:#FFFFFF; 
	font-size: 1.3em; 
	color:#000000; 
	line-height:1.6em;	
	}

/* for 3 column layout*/
.content3 {
	float: left; 
	width: 500px; 
	margin: 0px; 
	padding: 5px 0px 0px 10px; 
	background-color:#FFFFFF; 
	font-size: 1em; 
	color:#000000; 
	line-height:1.6em;	
	}

/* for 2 column layout*/
.content2-left{
	float: left; 
	width: 365px; 
	margin: 0px; 
	padding: 5px 0px 5px 10px; 
	background-color:#FFFFFF; 
	font-size: 1.3em; 
	line-height:1.6em;
	}

.content2-right{
	float: right; 
	width: 365px; 
	margin: 0px; 
	padding: 5px 0px 10px 0px; 
	background-color:#FFFFFF; 
	font-size: 1.3em; 
	line-height:1.6em;
	}

.contentbox-container-full {
	 float: left; 
	width: 425px; 
	margin: 0px 0px 5px 0px; 
	padding: 0px;
	}

/* right columns in 3 column template*/

.topcolumn-noborder {
	width: 240px; 
	margin: 0em 0px 0px 0px; 
	padding: 0px;
	}

.topcolumn {
	width: 210px; 
	margin:0px 0px 10px 0px; 
	padding:5px; 
	/*border: solid 1px #000000;*/
	font-size:1.0em; 
	background-color:#FFFFCC;
	}

.bottomcolumn {
	width: 230px; 
	margin:0px 0px 10px 0px; 
	padding:0px; 
	/*border: solid 1px #000000;*/ 
	font-size:1.3em;
	background-color:#EOEDCF;
	}


/* Heading */
h1 {
	clear: left; 
	margin: 1.0em 0px 1.0em 0px; 
	font-weight: bold; 
	font-size: 150%;
	}

h2 {
	clear: left; 
	margin: 1.5em 0px 1.0em 0px; 
	font-weight: bold; 
	font-size: 140%;
	}

h3 {
	clear: left; 
	margin: 1.0em 0px 0.6em 0px;	font-weight: bold; 
	font-size: 130%;
	}

h4 {
	clear: left; 
	margin: 0.5em 0px 0.5em 0px;	font-weight: bold; 
	/* font-style: italic; */
	font-size: 100%;
	}

/* Paragraph text */

p {
   clear: left; 
	margin: 0em 0px 0.5em 0px; 
	padding: 0px; 
	
	}


/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; 
	padding: 0px 0px 0px 30px; 
	list-style-type: disc; 
	list-style-position: outside; 
	font-size: 130%;
	}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; 
	padding: 0px 0px 0px 30px; 
	list-style-type: decimal; 
	list-style-position: outside; 
	font-size: 130%;
	}


/***********************/
/* SIDEBAR */
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {
	 float: right; 
	width: 240px; 
	margin: 0px ; 
	padding: 0px 0px 0px 0px; 
	}

/*-----------------------------*/
/* Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	display: block; 
	margin: 0px 0px 0.5em 0px; 
	padding: 1px 0px 1px 0px;
	font-weight: bold; 
	font-size: 120%;
	}

.sidebarbox-title-noshading-line {
	display: block; 
	margin: 0px 0px 0.5em 0px; 
	padding: 1px 0px 1px 0px; 
	border-bottom: solid 1px rgb(135,135,135); 
	background-color: transparent; 
	font-weight: bold; 
	font-size: 120%;
	}

.sidebarbox-title-shading {
	display: block; 
	margin: 0px 0px 0.5em 0px; 
	padding: 2px 5px 2px 5px; 
	background-color: rgb(225,225,225); 
	font-weight: bold; 
	font-size: 120%;
	}


/**********************/
/*FOOTER */
/**********************/

.footer {
	clear: both; 
	width: 980px; 
	margin: 0em 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	/*border-top: solid 1px #000000; */
	border-bottom: solid 15px #000000; 
	background-color: rgb(255,255,255);	
	}

.hr {
	clear:both; 
	width:980px; 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	border-top:1px solid #F0DDB9;
	}

.footer-left {
	float: left; 
	width: 400px; 
	margin: 0px 0px 0px; 
	0px; 
	padding: 5px; 
	background-color:#FFFFFF; 
	text-align:left;
	}

.footer-right {
	float: right; 
	width: 400px; 
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	background-color:#FFFFFF; 
	text-align:right;
	}

.footerdiv{
   float: left; 
	width: 980px; 
	margin: 0px; 
	padding: 0px; 
	background-color:#FFFFFF; 
	border-top:1px solid #F0DDB9;
	}

/***************************************************/
/* HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a {
	color: rgb(0,0,0); 
	text-decoration: underline;
	}

.content a:hover, .sidebar a:hover {
	color: rgb(110,110,110); 
	text-decoration: none;
	}

.content a:visited, .sidebar a:visited {
	color: rgb(110,110,110);
	}

.footerdiv a {
	color: #000000; 
	text-decoration: none;
	}

.footerdiv a:hover {
	color: #FF66OO; 
	text-decoration: none;
	}

/********************************/
/* GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/*  Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
	}

.nav-main-font {
	font-size: 1.1em;
	}

.nav-sub-font {
	font-size: 1.0em;
	}

.content-font {
	font-size: 1.3em; 
	line-height: 1.7em; 
	color:#000000;
	}

.sidebar-font {
	font-size: 1.0em; 
	line-height: 2em; 
	color: #000000;
	}

/* Percentage value does not work in "footer".*/

.footer-font {
	font-size: 1.1em; 
	color:#333333;
	}

/******************************/
/* MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; 
	width: 980px; 
	height: 1px; 
	border: none;
	}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
	}

br {
	clear: both;
	}



/************************
EXPANDABLE NAVIGATION : START 
*************************/

	#navigation_left * { 
		margin: 0; 
		padding: 0; 
		}

	#navigation_left dt { 
		padding: 10px;	
		/*border-left: 18px solid #C1D724; 
		font-weight: bold; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		color: #01644D; 
		background-color: #EFEFEF; 
		padding: .25em 0 .25em .5em;*/ 
		}
	
	#navigation_left dd { 
		/*font-family: Arial, Helvetica, sans-serif; 	
		font-size: .9em; 
		border-bottom: 1px solid #000000; */	
		}
		
	#navigation_left dd a { 
		background: url(../images/lnav_arrow_off.gif) no-repeat center left; 
		text-decoration: none; 
		color: #000; 
		display: block; 
		padding: .25em 0 .25em 22px; 
		}
			
	#navigation_left dd a:hover { 
		background-color: #FFFFFF; 
		background-image: url(../images/lnav_arrow_off_roll.gif); 
		}

	#navigation_left dd li a { 
		background-image: none; 
		margin-left: 0; 
		padding-left: 10px; 
		border-left: none; 
		}

	#navigation_left dd li a:hover { 
		background-image: none; 
		}

	#navigation_left ul { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		}

	#navigation_left li { 
		margin: 0px; 
		padding: 0px; 
		border-top: 1px solid #000000; 
		}

	#navigation_left dd ul, #navigation_left dd.under ul { 
		display: none; 
		}

	#navigation_left dd.over ul { 
		display: block; 
		}

	#navigation_left dd.over a { 
		background-image: url(../images/lnav_arrow_on.gif);
		/*background-color:#FFFFFF; */
		}

	#navigation_left dd.over a:hover { 
		background-image: url(../images/lnav_arrow_on.gif); 
		}

	#navigation_left dd.over li a { 
		background-image: none;
		background-color:#FFFFFF; 
		}

	#navigation_left dd.over li a:hover { 
		background-image: none; 
		}