/* import styles for smarter browsers */

div#__asptrace {display: none !important;}

	html, input, select {font-size:12px;}
	BODY {
		padding: 0;
		margin: 0;
		text-align: center;
		color: #000;
		}
	body, p, th, td, li, address, label, select, input, img, textarea {font-family: comic sans ms, Arial, Verdana, Helvetica, sans-serif;}
	table {font-size:inherit;}
	img {border: none;}

/* ======================================================= */
/* ======================== FRAME ======================== */
/* ======================================================= */

DIV.frame {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}


/* ======================================================== */
/* ======================== HEADER ======================== */
/* ======================================================== */

DIV.con_header {
	margin-left: 5px;
	width: 950px;
	clear: both;
	}

/* ------------------------- Banner ------------------------ */
	
DIV.con_banner_1 { 
	width: 950px;
	height: 90px;
	clear: both;
	}
	
/* ---------------------- Banner Modules -------------------- */	
	
DIV.mod_logo_1 {
	float: left;
	width: 399px;
	height: 90px;
	}
DIV.mod_logo_1 DIV { 
	padding: 0px;
	}	
	
DIV.mod_userinfo_1 {
	display: none;
	}
DIV.mod_userinfo_1 DIV {
	}	
	
DIV.formcombo {
	display: none;
	/*
	float: left;
	width: 356px;
	margin: 0;
	padding:0;
	*/
	}

DIV.mod_visitwebsite_1 {
	width: 356px;
	padding-top: 5px;
	}
DIV.mod_visitwebsite_1 DIV {
	height: 38px;
	}

DIV.mod_search_1 {
	width: 356px;
	}
DIV.mod_search_1 DIV {
	padding-top: 0px;
	margin: 0;
	}		

/* --------------------- Header Modules --------------------- */

DIV.mod_header_1 { }

DIV.mod_header_1 DIV { }	


/* Main navigation ul menus */

/* IE 5 bug */
/* setting width/height of a tags which include img makes the links on the img unclickable over the area of the img */
/* setting width as "auto" for IE5 and then overriding it for others is an effective workaround */

DIV.mod_mainnav_1 {
	text-align: left; /* overrides text-align in body */
	padding: 0;
	margin: 0;
	background: url('../gifs/bg_navbar_5.gif') repeat-x #D73737 0px 0px; 
	}

/* nav module inner div */
/* take care to override all these values in li div */
DIV.mod_mainnav_1 div {
	padding: 0;
	margin: 0;
	height: 47px;
	}

DIV.mod_mainnav_1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* relative positioning ensures each submenu appears with its corresponding main menu item */
/* avoid relative positioning on subsequent block elements within the page - they may appear over the top of this menu */
DIV.mod_mainnav_1 li {
	font: 12px/1 Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
/*	width: 125px;*//* see below for widths */
	z-index: 2;
	}

/* widths based on                 main nav bar images */
#nb0_kids {	width: 182px; height: 47px; }
#nb1_kids {	width: 182px; height: 47px; }
#nb2_kids {	width: 182px; height: 47px; }
#nb3_kids {	width: 181px; height: 47px; }


DIV.mod_mainnav_1 li a { 
	/*	-- include padding when there is no image replacement -- */
	/*	padding: 5px 4% 5px 4%;*/ 
	margin: 0px 0 0px 0;
	cursor: pointer;
	display: block;
	
	/* setting width to 'inherit' breaks background in IE 5.5 */
	/* anything other than auto will break img links in IE 5.0 */
	/* IE5 on Mac considers "auto" to be something huge, hence */
	width: 5px;/* IE 5 on MAC only */
	/* \*/
	width: auto; /* override for all browsers except IE5 MAC */
	}


/* submenu block */
DIV.mod_mainnav_1 li ul {
	/* display hides the submenus by default */
	display: none;
	/* position is relative to the corresponding main menu item */
	position: absolute;	
	top: 100%;
	left: 0;
	z-index: 3;
	padding: 0;
	margin: 0px 0 0 0;
	width: inherit;
	}

DIV.mod_mainnav_1 li#nbsection8 ul {
	left: -75px;
	}	

/* onstate rollover */
DIV.mod_mainnav_1 li div {
	/* display hides the submenus by default */
	display: none;
	z-index: 3;
	padding: 0;
	margin: -47px 0 0 0;
	background-color: transparent;
	background-image: none;
	height: auto;
		
	/* setting width to 'inherit' breaks background in IE 5.5 */
	/* anything other than auto will break img links in IE 5.0 */
	/* IE5 on Mac considers "auto" to be something huge, hence */
	width: 5px;/* IE 5 on MAC only */
	/* \*/
	width: auto; /* override for all browsers except IE5 MAC */
	}	

/* makes submenu visible with rollover */
/* IE requires javascript to change class to .over */
DIV.mod_mainnav_1 li:hover ul, DIV.mod_mainnav_1 li.over ul {
	display: block;
	}
DIV.mod_mainnav_1 li:hover div, DIV.mod_mainnav_1 li.over div {
	display: block;
	}

/* override position of submenu for smarter non-IE browsers */
DIV.mod_mainnav_1 li>ul {
	top: auto;
	left: auto;
	}

/* submenu items */
DIV.mod_mainnav_1 li li {
	font: 12px/14px Arial, Verdana, Helvetica, sans-serif; /* text attributes for submenu */
	display: block;
	float: none;
	width: 166px; /* width of the submenu - set below also */
	margin: 0 0 -2px -16px;	/* IE 5 only indent fix */
	ma\rgin: 0 0 0 0;	/* better browser override */
	}
	

DIV.mod_mainnav_1 li li a {
	display: block;
	margin: 0;
	padding: 6px 4% 6px 10px; /* left and right padding contribute to width below */
	width: 92%;	/* (eg 100 - 4 - 4 = 92) overridden for IE below */
	width: inherit;
	text-decoration: none;
	}
	/* submenu item rollovers */
	DIV.mod_mainnav_1 li li a:link {	text-decoration: none; }
	DIV.mod_mainnav_1 li li a:visited {	text-decoration: none; }
	DIV.mod_mainnav_1 li li a:hover {	text-decoration: none; }
	DIV.mod_mainnav_1 li li a:active {	text-decoration: none; }

	/* IE only */
	* html DIV.mod_mainnav_1 li li a {
	width: 149px; /* width of submenu  - see also above */
	}
	
	
	

/* ============================================================ */
/* ======================== BREADCRUMB ======================== */
/* ============================================================ */

DIV.con_breadcrumb_1 { display: none; }


/* ============================================================== */
/* =========================== FOOTER =========================== */
/* ============================================================== */
	
DIV.con_footer { 
	clear: both;
	width: 960px;
	height: 60px;
	}
	
DIV.con_footer DIV { }	

/* ------------------ Footer Navigation Module ------------------ */

/* ul footer links */

/* IE 5 bug */
/* setting width/height of a tags which include img makes the links on the img unclickable over the area of the img */
/* setting width as "auto" for IE5 and then overriding it for others is an effective workaround */

DIV.mod_footernav_1 {
	text-align: left; /* overrides text-align in body */
	padding: 0;
	margin: 0;
	margin-left: 5px;
	height: 32px;
	width: 532px;
	}

DIV.mod_footernav_1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* this div contains the footer nav rollover */
DIV.mod_footernav_1 div {
	padding: 0;
	margin: 0;
	}

/* relative positioning ensures each submenu appears with its corresponding main menu item */
/* avoid relative positioning on subsequent block elements within the page - they may appear over the top of this menu */
DIV.mod_footernav_1 li {
	font: 11px/1 Verdana, Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
/*	width: 125px;*//* see below for widths */
	z-index: 2;
	}

/* widths based on main nav bar images */
/*#ft0_kids 	{ width: 48px; height: 32px;}
#ft9_kids 	{ width: 74px; height: 32px;}
#ft10_kids 	{ width: 72px; height: 32px;}
#ft11_kids 	{ width: 59px; height: 32px;}
#ft12_kids 	{ width: 59px; height: 32px;}
#ft13_kids 	{ width: 68px; height: 32px;}*/

DIV.mod_footernav_1 li a {	
/*	-- include padding when there is no image replacement -- */
/*	padding: 5px 4% 5px 4%;*/ 
	margin: 0px 0 0px 0;
	cursor: pointer;
	display: block;
	
	
	/* setting width to 'inherit' breaks background in IE 5.5 */
	/* anything other than auto will break img links in IE 5.0 */
	/* IE5 on Mac considers "auto" to be something huge, hence */
	width: 5px;/* IE 5 on MAC only */
	/* \*/
	width: auto; /* override for all browsers except IE5 MAC */
	}

/* top menu item rollovers - not needed for image based nav bar */
DIV.mod_footernav_1 li a:link 		{ text-decoration: none; }
DIV.mod_footernav_1 li a:visited 	{ text-decoration: none; }
DIV.mod_footernav_1 li a:hover 		{ text-decoration: none; }
DIV.mod_footernav_1 li a:active 	{ text-decoration: none; }

/* main nav rollover */
DIV.mod_footernav_1 li div {
	/* display hides the submenus by default */
	display: none;
	z-index: 3;
	padding: 0;
	margin: -32px 0 0 0; /* top margin should = height of footer nav images */
		
	/* setting width to 'inherit' breaks background in IE 5.5 */
	/* anything other than auto will break img links in IE 5.0 */
	/* IE5 on Mac considers "auto" to be something huge, hence */
	width: 5px;/* IE 5 on MAC only */
	/* \*/
	width: auto; /* override for all browsers except IE5 MAC */
	}

/* makes onstate visible with rollover */
/* IE requires javascript to change class to .over */
DIV.mod_footernav_1 li:hover div, DIV.mod_footernav_1 li.over div {
	display: block;
	}
	
/* ------------------------ Footer content area ------------------------ */
	
	DIV.mod_footer_1 { 
		width: 532px;
		}
	
	DIV.mod_footer_1 DIV {
		}
		
	DIV.mod_footer_1 DIV P {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;
		padding: 3px 10px 4px 15px;
		}
	DIV.mod_footer_1 DIV SPAN {
		color: #717878;
		}
	
	DIV.mod_footer_2 { 
		float: right;
		width: 223px;
		}


/* ============================================================ */
/* ======================== CONTAINERS ======================== */
/* ============================================================ */


	DIV.con_main_1 {
		float: left;
		width: 732px;
		padding-bottom: 20px;
		}
		
	DIV.con_main_1 DIV.pad_con {
		margin: 0;
		padding: 0;
		margin-left: 5px;
		}	
			
	
	DIV.con_supp_1 {display: block;}
	DIV.con_supp_1 DIV.pad_con {}
		
	DIV.con_supp_1 {
		float: left;
		width: 223px;
		min-height: 408px;
		}
		
	DIV.con_supp_1 DIV.pad_con {
		padding: 10px 5px 0px 10px;
		}	
	


/* ============================================================= */
/* ========================== MODULES ========================== */	
/* ============================================================= */

/* ------------------ Homepage Image ------------------ */
	
/*
		
	DIV.mod_image_1 {
		display: block;
		width: 727px;
		height: 200px;	
		overflow: hidden;
		margin-bottom: 20px;
		}
	
	DIV.mod_image_1 ul li {
		list-style: none;
		}		
	
	DIV.mod_image_1 img {
		width: 727px;
		height: 200px;		
		}
	ul.imagerotator li {position: absolute;}	*/
	
	
	DIV.mod_image_1 {
		display: block;
		width: 727px;
		height: 240px;	
		overflow: hidden;
		position: relative;
		z-index: 1;
		}
	
	DIV.mod_image_1 ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		}		
	
	DIV.mod_image_1 img {
		width: 727px;
		height: 200px;		
		}
	ul#imagerotator {margin: 0!important;padding: 0!important;}	
	ul#imagerotator li {position: absolute;top: 0; left: 0;}		

/* ------------------ Content 1 ------------------ */		
	
	DIV.mod_content_1 { display: none; }
	DIV.mod_content_1 DIV.pad_mod { }
		

		
/* ------------------ Content 1 ------------------ */	
		
	DIV.mod_healthtopics_0 { display:none; }
	DIV.mod_healthtopics_0 DIV.pad_mod { }
	
	DIV.mod_healthtopics_1 {
		float: left;
		text-align: left;
		}
	DIV.mod_healthtopics_1 DIV.pad_mod {
		margin: 0;
		padding: 0;
		margin-left: 48px;
		}
		
	DIV.mod_healthtopics_2 {
		float: left;
		text-align: left;
		}
	DIV.mod_healthtopics_2 DIV.pad_mod {
		margin: 0;
		padding: 0;
		margin-left: 48px;
		}	
	DIV.mod_healthtopics_3 {
		float: left;
		text-align: left;
		padding-bottom: 15px;
		}
	DIV.mod_healthtopics_3 DIV.pad_mod {
		margin: 0;
		padding: 0;
		margin-left: 48px;
		}	

/* ---------- Column 1 ---------- */
	
	DIV.column1 {
		float: left;
		width: 200px;
		text-align: left;
		overflow: visible;
		visibility: visible;
		}
	DIV.column1 DIV.padmid {
		padding-top: 0px;
		}
	
	DIV.column1 DIV ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}	

	DIV.column1 DIV ul li {
		padding: 0;
		margin: 0;
		width: 176px;
		font-size: 15px;
		}

	DIV.column1 DIV ul a { 
		/*	-- include padding when there is no image replacement -- */
		padding: 5px 4px 4px 19px; 
		margin: 0px 0px 0px 0px; 
		cursor: pointer;
		display: block;
		display: block;
		width: 100%;
		_width: 199px;
		zoom: 1;
		}
		DIV.column1 DIV ul a:link {		text-decoration: none; }
		DIV.column1 DIV ul a:visited {	text-decoration: none; }
		DIV.column1 DIV ul a:hover {	text-decoration: none; }
		DIV.column1 DIV ul a:active {	text-decoration: none; }	

/* ---------- Column 2 ---------- */
		
	DIV.column2 {
		float: left;
		width: 200px;
		text-align: left;
		overflow: visible;
		visibility: visible;
		margin-left: 10px;
		}
	DIV.column2 DIV.padmid {
		padding: 4px 5px 6px 8px;
		}	
		
	DIV.column2 IMG.alphabet {
		width: 15px;
		height: 21px;
		border: none;
		}
	DIV.column2 label {
		color: #fff;
	}	
				

/* ---------- Column ---------- 3 */
		
	DIV.column3 {
		float: left;
		width: 200px;
		text-align: left;
		overflow: visible;
		visibility: visible;
		margin-left: 10px;
		}
	DIV.column3 DIV.padmid {
		padding: 4px 5px 6px 8px;
		}	
	DIV.column3 DIV.padmid P {
		color: #FFF;
		}
	DIV.column3 DIV.padmid P.link {
		padding: 0px 0px 0px 13px;
		}
													


/* ------------------ Print Logo ------------------ */	
	
DIV.mod_printlogo_1 {
	display: none;
	}
					 			

/* ================================================================= */
/* ======================== TEXT ATTRIBUTES ======================== */
/* ================================================================= */

SELECT, INPUT, TEXTAREA {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		}	
	h1, h2, h3, h4, h5 {
		font-family: comic sans ms, Arial, Verdana, Helvetica, sans-serif;
		}	
	h1 {
		font-size: 18px;
		font-weight: normal;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		}
	h1.pagetitle {
		font-family: comic sans ms, Verdana, Arial, Helvetica, sans-serif;
  		font-size: 24px;
		font-weight: normal;
		padding: 0px 0px 6px 0px;
		margin: 0px 0px 0px 0px;
		}
	h2.healthtopics {
		font-size: 24px;
		font-weight: normal;
		padding: 0px 0px 7px 0px;
		margin: -2px 0px 0px 0px;
		height: 26px;
		}		
		
	h2 {
		font-size: 18px;
		font-weight: normal;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		}

	h3 {
		font-size: 14px;
		font-weight: normal;
		padding: 3px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		}
	h4 {
		font-size: 14px;
		font-weight: normal;
		padding: 3px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	h5 {
		font-size: 14px;
		font-weight: normal;
		padding: 0px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		}
	p {
		font-size: 14px;
		line-height: 1.5em;
		padding: 3px 0px 12px 0px;
		margin: 0px 0px 0px 0px;
		}
	td {
		font-size: 13px;
		line-height: 1.5em;
		}	
	table, li {
		/*border: 1px solid red;*/
		font-size: 14px;
		}	

a:link 		{ text-decoration: underline; }
a:visited 	{ text-decoration: underline; }
a:hover 	{ text-decoration: underline; }
a:active 	{ text-decoration: underline; }


/* ------------------------- Form Elements ------------------------- */

INPUT.field {
	font-size: 12px;
	width: 120px;
	}
	
SELECT.menu {
	font-size: 12px;
	width: 120px;
	}	
	



/* ==================================================================== */
/* ======================== ONLY WHEN PRINTING ======================== */
/* ==================================================================== */

@media print 
	{
	
	DIV.mod_printlogo_1 {
		display: block;
		margin-bottom: 10px;
		margin-left: 0px;
		width: 161px;
		height: 37px;
		}
	
	DIV.con_header {
		display: none;
		}

	DIV.con_footer {
		display: none;
		}
	DIV.con_supp_1 {
		display: none;
		}

	DIV.con_supp_1_kidsonly {
		margin-top: 83px;
		border-top: 1px solid #666;
		}
		
	DIV.con_main {
		margin: 0 auto;
		width: 630px;
		}		
	DIV.con_supp_2 {
		}		

	h1 {
		font: 19pt/23pt Verdana, Helvetica, Arial, sans-serif;
		text-indent: 0em;
		padding: 20px 0px 0px 0px;
		margin: 0px 0px -40px 0px;
		overflow: visible; 
		font-weight: normal;
		color: #666;
		}
		
	H2 {
		font: 13pt/18pt Verdana, Helvetica, Arial, sans-serif;
		color: #000;
		}
		
	H3 {
		font: 13pt/16pt Verdana, Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #000;
		color: #000;
		}
		
	H4 {
		font: 9pt/14pt Verdana, Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #000;
		}
		
	P.introtext {
		font: 13pt/21pt Verdana, Helvetica, Arial, sans-serif;
		font-weight: normal;
		color: #666;
		}
		
	P, LI {
		font: 9pt/13pt Verdana, Helvetica, Arial, sans-serif;
		color: #666;
		}
		
	P.small {
		font: 8pt/13pt Verdana, Helvetica, Arial, sans-serif;
		color: #666;
		}
		
	DIV#menu1 { display: none; }
	DIV#menu2 { display: none; }
	DIV#menu3 { display: none; }
	DIV#menu4 { display: none; }
	DIV#menu5 { display: none; }
	DIV#menu6 { display: none; }
	DIV#menu7 { display: none; }
	DIV#menu8 { display: none; }
	DIV#menu9 { display: none; }				
	}	
	
	
	
/* end print styles */