/* import styles for smarter browsers */
/* @import "global_plus.css"; */


BODY {
	padding: 0px;
	margin: 12px 0px 12px 0px;
	background: url(../gifs/frame_bg.gif) #000;
	text-align: center;
	}
		

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

DIV.frame { 
	width: 760px; 
	margin: 0 auto; 
	background: url(gifs/bg_white.gif) #FFF 0px 0px; 
	text-align: left;
	}


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

DIV.con_header {  
	padding: 0px;
	margin: 0px;
	}
	
DIV.con_header DIV { }

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

DIV.mod_banner_1 { 
	background: #333;
	}

DIV.mod_banner_1 DIV { }	

DIV.mod_img_0 DIV {
	position: absolute;
	z-index: 1;
	left: 50%;
	width: 574px;
	top: 253px;
	margin-left: -194px;
	text-align: left;
	overflow: visible;
	height: 97px 
	}
	
/* ======================== MAIN NAV ======================== */	

/* 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;
	}

/* this div wraps around each top level menu item and its submenu */
/* carries the javascript for the rollover image */
div.mod_mainnav_1 div {
	padding: 0;
	margin: 0;
	}

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: 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 */
li#nb0 {	width: 89px; }
li#nb1 {	width: 100px; }
li#nb2 {	width: 100px; }
li#nb3 {	width: 128px; }
li#nb4 {	width: 123px; }
li#nb5 {	width: 131px; }
li#nb6 {	width: 89px; }

div.mod_mainnav_1 li a {
	display: block;
/*	-- include padding when there is no image replacement -- */
/*	padding: 5px 4% 5px 4%; */ 
	margin: 0px 0 0px 0;
	cursor: pointer;
	
	/* 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_mainnav_1 li a:link {		background-color: #c30;	color: #ddd;	text-decoration: none; }
div.mod_mainnav_1 li a:visited {	background-color: #c30;	color: #ddd;	text-decoration: none; }
div.mod_mainnav_1 li a:hover {		background-color: #c30;	color: #fff;	text-decoration: none; }
div.mod_mainnav_1 li a:active {		background-color: #c30;	color: #ddd;	text-decoration: none; }


/* 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;
/*	-- Optional attributes -- */
/*	border-top: solid 1px #999;*/
/*	border-bottom: solid 1px #999;*/
/*	background-color: #666;*/
	}

/* main nav rollover */
div.mod_mainnav_1 li div {
	/* display hides the rollover by default */
	display: none;
	z-index: 3;
	padding: 0;
	margin: -28px 0 0 0;
	background-color: transparent;
	
	/* 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;
	}

/* set position of last drop down menu, so it doesn't overhang the page layout - jono */
div.mod_mainnav_1 li#nbsection6 ul  {
	top: auto;
	left: -61px;
	}


/* submenu items */
div.mod_mainnav_1 li li {
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif; /* text attributes for submenu */
	display: block;
	float: none;
	width: 150px; /* 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: 4px 4% 6px 4%; /* left and right padding contribute to width below */
	width: 92%;	/* (eg 100 - 4 - 4 = 92) overridden for IE below */
	border-top: solid 1px #999; /* submenu item separator */
	width: inherit;
	}

/* submenu item rollovers */
div.mod_mainnav_1 li li a:link {	background-color: #666;	color: #eee; }
div.mod_mainnav_1 li li a:visited {	background-color: #666;	color: #eee; }
div.mod_mainnav_1 li li a:hover {	background-color: #333;	color: #fff; }
div.mod_mainnav_1 li li a:active {	background-color: #666;	color: #fff; }

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

/* submenu onstate */
div.mod_mainnav_1 li li.selected a {
	font-weight: bold;
	}
/* submenu onstate rollovers */
div.mod_mainnav_1 li li.selected a:link {		background-color: #333;	color: #eee; }
div.mod_mainnav_1 li li.selected a:visited {	background-color: #333;	color: #eee; }
div.mod_mainnav_1 li li.selected a:hover {		background-color: #333;	color: #fff; }
div.mod_mainnav_1 li li.selected a:active {		background-color: #333;	color: #eee; }

/* submenu locked - for members only */
div.mod_mainnav_1 li li.selected a {
	background: url(../gifs/icon2_locked.gif.gif) top right no-repeat;
	font-style: italic;
	}



/* ======================== FOOTER ======================== */
	
DIV.con_footer { 
	clear: both;
	background: url(../gifs/ft_bg.gif) #FFF;
	width: 760px; 
	}
DIV.con_footer DIV { 
	}	

/* ------------------ Footer Module ------------------ */
	
/* ------------------ 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;
	height: 30px;
	background: url(../gifs/nav/ft_bg.gif) repeat-x #FFF 0px 0px;
	}

/* this div wraps around each top level menu item and its submenu */
/* carries the javascript for the rollover image */
DIV.mod_footernav_1 div {
	padding: 0;
	margin: 0;
	}

DIV.mod_footernav_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_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 */
li#ft7 	{ }
li#ft8 	{ }
li#ft9 	{ }
li#ft10 { }
li#ft11 { }

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 */
	}

/* footer nav item rollovers - not needed for image based nav bar */
DIV.mod_footernav_1 li a:link 		{ background-color: #eee; color: #ddd; text-decoration: none; }
DIV.mod_footernav_1 li a:visited 	{ background-color: #eee; color: #ddd; text-decoration: none; }
DIV.mod_footernav_1 li a:hover 		{ background-color: #eee; color: #fff; text-decoration: none; }
DIV.mod_footernav_1 li a:active 	{ background-color: #eee; color: #ddd; text-decoration: none; }


/* submenu block */
DIV.mod_footernav_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;
/*	-- Optional attributes -- */
/*	border-top: solid 1px #999;*/
/*	border-bottom: solid 1px #999;*/
/*	background-color: #666;*/
	}

/* submenu block */
DIV.mod_footernav_1 li div {
	/* display hides the submenus by default */
	display: none;
	z-index: 3;
	padding: 0;
	margin: -30px 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 submenu visible with rollover */
/* IE requires javascript to change class to .over */
DIV.mod_footernav_1 li:hover ul, DIV.mod_footernav_1 li.over ul {
	display: block;
	}
	
DIV.mod_footernav_1 li:hover div, DIV.mod_footernav_1 li.over div {
	display: block;
	}



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


/* submenu items */
DIV.mod_footernav_1 li li {
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif; /* text attributes for submenu */
	display: block;
	float: none;
	width: 150px; /* 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_footernav_1 li li a {
	display: block;
	margin: 0;
	padding: 4px 4% 6px 4%; /* left and right padding contribute to width below */
	width: 92%;	/* (eg 100 - 4 - 4 = 92) overridden for IE below */
	border-top: solid 1px #999; /* submenu item separator */
	width: inherit;
	}

/* submenu item rollovers */
DIV.mod_footernav_1 li li a:link {	background-color: #666;	color: #eee; }
DIV.mod_footernav_1 li li a:visited {	background-color: #666;	color: #eee; }
DIV.mod_footernav_1 li li a:hover {	background-color: #333;	color: #fff; }
DIV.mod_footernav_1 li li a:active {	background-color: #666;	color: #fff; }

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

/* submenu onstate */
DIV.mod_footernav_1 li li.selected a {
	font-weight: bold;
	}
/* submenu onstate rollovers */
DIV.mod_footernav_1 li li.selected a:link {		background-color: #333;	color: #eee; }
DIV.mod_footernav_1 li li.selected a:visited {	background-color: #333;	color: #eee; }
DIV.mod_footernav_1 li li.selected a:hover {		background-color: #333;	color: #fff; }
DIV.mod_footernav_1 li li.selected a:active {		background-color: #333;	color: #eee; }

/* submenu locked - for members only */
DIV.mod_footernav_1 li li.locked a {
	background: url(../gifs/nav/icon2_locked.gif) 90% 50% no-repeat #666;
	}

DIV.mod_footernav_1 li li.locked a:link {			background-color: #666;	color: #eee; }
DIV.mod_footernav_1 li li.locked a:visited {		background-color: #666;	color: #eee; }
DIV.mod_footernav_1 li li.locked a:hover {		background-color: #633;	color: #fff; }
DIV.mod_footernav_1 li li.locked a:active {		background-color: #666;	color: #eee; }


/* ------------------ Last Updated text ------------------ */

SPAN.lastupdated P {
	font: 10px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #999;
	padding: 8px 10px 6px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;	
	}


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

DIV.con_breadcrumb { }
	
DIV.con_breadcrumb DIV { }

/* ------------------ Breadcrumb Module ------------------ */
	
DIV.mod_breadcrumb1 { }	

DIV.mod_breadcrumb1 DIV { }	


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

/* ------------------ 1 ------------------ */

DIV.con_supp_1 { 
	float: left; 
	width: 266px; 
	text-align: left; 
	}
	
DIV.con_supp_1 DIV 	{ }

/* ------------------ main ------------------ */	

DIV.con_main { 
	float: left; 
	width: 256px;
	text-align: left; 
	}

/* ------------------ 2 ------------------ */	
		
DIV.con_supp_2 { 
	float: left; 
	width: 190px; 
	text-align: left; 
	}


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

/* ------------------ Content ------------------ */		
	
DIV.mod_content_1 { }

DIV.mod_content_1 DIV { }	

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

DIV.mod_printlogo_1 DIV { }			
	
/* ------------------ Sub Nav ------------------ */	

DIV.mod_subnav1 { 
	margin-top: 24px; 
	}

DIV.mod_subnav1 DIV { }	
	
/* ------------------ Links ------------------ */		

DIV.mod_links1 { }

DIV.mod_links1 DIV { }		
	
/* ------------------ Downloads ------------------ */	
	
DIV.mod_downloads1 { }
	
DIV.mod_downloads1 DIV { }	
		
/* ------------------ Survey ------------------ */		
	
DIV.mod_survey1 { }

DIV.mod_survey1 DIV { }	

/* ------------------ Register ------------------ */
	
DIV.mod_register1 { }		

DIV.mod_register1 DIV { }		


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

H1 {
	font: 20px/24px Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #CCC;
	}			

H2 {
	font: 14px/18px Verdana, Helvetica, Arial, sans-serif;
	color: #666;
	}		

H3 {
	font: 11px/13px Verdana, Helvetica, Arial, sans-serif;
	background: #eee;
	color: #666;
	}		

H4 {
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #666;
	}			

P.introtext {
	font: 14px/22px Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #666;
	}
	P.introtext a:link 		{ text-decoration: underline; color: #6479B8; }	
	P.introtext a:visited 	{ text-decoration: underline; color: #6479B8; }	
	P.introtext a:hover 		{ text-decoration: underline; color: #8ECC00; }		
	P.introtext a:active 	{ text-decoration: underline; color: #6479B8; }	

P {
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #999;
	}		
	P a:link 	{ text-decoration: underline; color: #000; }	
	P a:visited { text-decoration: underline; color: #000; }	
	P a:hover 	{ text-decoration: underline; color: #D84519; }		
	P a:active 	{ text-decoration: underline; color: #000; }	

P.small {
	font-family: 10px/13px Verdana, Helvetica, Arial, sans-serif;
	}

IMG {
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #999;
	}

LI {
	font: 11px/13px Verdana, Helvetica, Arial, sans-serif;
	color: #666;
	}
	LI a:link 		{ text-decoration: underline; color: #6479B8; }	
	LI a:visited 	{ text-decoration: underline; color: #6479B8; }	
	LI a:hover 		{ text-decoration: underline; color: #8ECC00; }		
	LI a:active 	{ text-decoration: underline; color: #6479B8; }		
	
span.pdf {
	background: url(../gifs/icon_pdf.gif) no-repeat 0% 1px;
	padding: 0px 0px 0px 15px;
	/*display: block;*/
	}		
	
/* --------------- SEARCH DISPLAY PAGE NUMBER LINK  --------------- */

TR.searchPager TD
	{
	padding: 10px;
	font: 11px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #666;
	}	
	TR.searchPager a:link 		{ color: #6479B8; text-decoration: underline; }	
	TR.searchPager a:visited 	{ color: #6479B8; text-decoration: underline; }	
	TR.searchPager a:hover 		{ color: #8ECC00; text-decoration: underline; }		
	TR.searchPager a:active 	{ color: #6479B8; text-decoration: underline; }	
	
	
/* ---------------- home news  ------------------------------ */

TABLE.homenews { margin-left: 20px;  }
	
/* ---------------- login details ------------------------------ */
	
DIV.login {
	position:absolute;
	left: 50%; 
	top: 50px; 
	margin-left: -190px;
	text-align: left; 
	z-index: 2; 
	width: 400px; 
	overflow: visible;
	visibility: visible;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666;
	}
	DIV.login a:link 		{ text-decoration: underline; color: #444; }	
	DIV.login a:visited 	{ text-decoration: underline; color: #444; }	
	DIV.login a:hover 		{ text-decoration: underline; color: #888; }		
	DIV.login a:active 		{ text-decoration: underline; color: #444; } 


/* ======================== 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_main 		{ margin: 0 auto; width: 630px; }		
	DIV.con_supp_2		{ display: none; }		

	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/18pt 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/18pt 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; }			
		
}