/*** Top Navigation ***/

/* - - - - Main Navigation - - - - */

.nav /*navigation menu at the top of the site*/
{ 
	/* background: url('/images/interface/nav_bg.gif') 0 1px no-repeat; */
	height: 25px;
	width: 650px;
	margin: 40px 0 0 0; 
	padding: 0 2px 0 0; 
	border: 0;  
	display: block;
	font-size: 75%;
	font-weight: 700;
	/*line-height: 15px;*/
	float: right;
	}

.nav img
{
	float: left;
}

.pipe {
	float: left;
	padding: 0;
	margin: 4px 0 0 0;
	color: #ccc;
	}

.tabText	{
	background: #6c6c6c;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #fff;
	}
.tabText:hover	{
	background: #6c6c6c;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 0;
	color: #bababa;
	}

.nav ul { 
	text-align: center; 
	list-style-type: none; 
	clear: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
	float: right;
	}

.nav ul li { 
	text-align: center; 
	list-style-type: none; 
	float: left; 
	padding: 0; 
	border: 0; 
	display:block;
}

.nav ul li a  {
	color: #999;
	/*font-weight: normal;*/
	text-decoration: none !important;
	float: left; 
	text-align: center; 
	padding: 5px 8px 5px 8px;
	display: block;
	margin: 0px 4px 0px 4px;
	line-height: 15px;
	}

.nav ul li a:hover { 
	background: #eee;
	color: #000;
	text-decoration: none !important;
	}



.nav a.topnavon { 
	color: white !important;
	/*font-weight: normal; */
	/*background-color: #0271B9;*/ 
	margin: 0; 
	padding: 0px; 
	}

.nav a:hover.topnavon { 
	color: white !important;
	/*font-weight: normal;*/
	background-color: #bababa; 
	margin: 0;  
	}

/*** Breadcrumb ***/

#breadcrumb
{
	float: left;
	display: none;
}

#breadcrumb a:link, #breadcrumb a:visited
{

}

#breadcrumb a:hover
{

}


/********* resources styles *********/
#resources h1 {display:none;}
#resources {
	width: 100%;
	padding-top: 31px;
	background: url('/images/interface/resources_top.gif') top left repeat-x;
	margin-bottom:21px;
	margin-top: 0px;
	float: left;
	clear: both;
}

#resources h1, #relatedinfo h1, #subnavcontainer h1
{
	font-family: Georgia;
	font-size: 85%;
	color: #5a6450;
	padding-bottom: 4px;
	margin: 0px;
}

#resources ul
{
	text-align: left; 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	background: #ffffff;
	}
	#resources ul li
{
	margin: 0px;
	padding: 0; 

	line-height: 14px;
	/*background: url('/images/interface/resource_section_li_bg.gif') repeat-x;*/
}
#resources li
{
	margin: 0px;
	padding: 0px; 
}
#resources>ul>li{list-style-type: none!important;}
/*#resources ul li
{
	margin: 0px;
	padding: 0px; 
}
#resources li
{
	margin: 0px;
	padding: 0px; 
}
#resources>ul>li{list-style-type: none!important;}*/

#resources a.internal, #resources a.external/*, #relatedinfo a.internal, #relatedinfo a.external*/
{
	background-image: url('/images/interface/sml_arrow_grey.gif');
	background-repeat: no-repeat;
	background-position: 9px 50%;
	margin: 0px 
}

#resources a
{
	font-size: 75%;
	color: #999999 !important;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	padding: 8px 0px 10px 28px;
	margin: 0px;
	font-weight: normal !important;
	text-decoration: none !important;
}

#resources a:link, #relatedinfo a:link  
{
	text-decoration: none;
}

#resources a:visited, #relatedinfo a:visited  
{
	text-decoration: none;
}

#resources a:hover
{
	background-color: #e9e9e9 !important;
}

#resources a.print {	background: url(/images/interface/utility_print_icon.gif) no-repeat; background-position: 9px 50%}
#resources a.enquiry   { background: url(/images/interface/utlility_enquiry_icon.gif) no-repeat; background-position: 9px 50%}
#resources a.email   { background: url(/images/interface/utility_email_icon.gif) no-repeat; background-position: 9px 50%}
#resources a.contact  { background: url(/images/interface/utility_print_icon.gif) no-repeat; background-position: 9px 50%}
#resources a.document { background: url(/images/interface/utlility_account_icon.gif) no-repeat; background-position: 9px 50%}


/*** Related links panel ***/

#relatedinfo
{
	width: 100%;
	padding-top: 31px;
	background: url('/images/interface/related_top.gif') top left repeat-x;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	clear: both;
}

#relatedinfo h1
{
	display: none;
}

#relatedinfo ul
{
	margin:0;
	padding: 0;
	list-style: none;
	background: #db1e24 url('/images/interface/related_sections_bottom.png') bottom left no-repeat;

}

#relatedinfo ul li
{
	background: url('/images/interface/related_sections_li_bg.png') repeat-x;
	width: 100%;
	height: 30px;
	font-size: 75%;
	display:block;	/*added to allow background image to bleed through in firefox*/
}

#relatedinfo ul li a
{
	height: 30px;
	display: block;
	line-height: 30px;
	padding-left: 10px;
	color: #fff;
}

.relatedinfobottom
{
	width: 100%;
	float: left;
	clear: both;
	height: 7px;
	font-size: 1px;
	background: url('/images/interface/rounded_bl.gif') no-repeat #db181e;
}

.relatedinfobottom P
{
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: 100% 100%;
	PADDING-LEFT: 0px;
	RIGHT: 0px;
	BACKGROUND-IMAGE: url(/images/interface/rounded_br.gif);
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: no-repeat;
	height: 7px;
	font-size: 20%;
	/*POSITION: absolute;*/
}

/********* left nav styles *********/

.subnav
{
	width: 100%;
	/*float: left;*/
	padding-top: 34px;
	background: url('/images/interface/subnav_top.png') top left no-repeat;
}

.subnav #navcontainer ul li a
{
	/*height: 32px;*/
	display: block;
	line-height: 14px;
	padding-left: 23px;
	padding-top: 8px;
	padding-bottom: 10px;
	color: #989898;
}



.subnav #navcontainer ul li a.selected, .subnav #navcontainer ul li a:hover
{
	color: #000;
}


/************ sub nav styles  **************/
#navcontainer 
{
	/*background: url('/images/interface/subnav_li_bg.gif') no-repeat;*/
	text-decoration: none !important;
	text-align: left;
	font-size: 75%;
}

#navcontainer ul 
{
	/*background: url('/images/interface/subnav_li_bg.gif') no-repeat;*/
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
	background-color: #f8f8f8;
}

#navcontainer li
{
	/*background: url('/images/interface/subnav_li_bg.gif') no-repeat;*/
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #dddddd;
	
}

#navcontainer a
{
	display: block;
	text-decoration: none;
	margin: 0px;
}

#navcontainer a:hover
{
	/*background: url('/images/interface/subnav_li_bg.gif') no-repeat;*/
	background-color: #ececec;
}

#navcontainer ul li a.selected
{
}

#navcontainer ul li a.selected:hover
{
}

.open a
{
	background: url('/images/interface/subnav_li_bg_minus.gif') no-repeat;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #dddddd;
}

.closed a
{
	display: block;
	background: url('/images/interface/subnav_li_bg_plus.gif') no-repeat;
}

.normal a
{
	background: url('/images/interface/subnav_li_bg.gif') no-repeat;
	display: block;
}

.selected a
{
	background: url('/images/interface/subnav_li_selected_bg.gif') no-repeat;
	display: block;
}

.open a:hover 
{

}

.closed a:hover 
{

}

.normal a:hover 
{

}

.selected a:hover 
{
}

/************ sub sub nav styles  **************/
.open ul
{
	display: block; 
	text-decoration: none !important;
}

.closed ul
{
	display: none;
}

.open ul a
{
	text-decoration: none !important;
	margin: 0 0 0 10px;
}

.open a.selected
{
	background-image: url(/images/interface/subnav_li_open_selected_bg.gif) !important;
}



.open li a:link, .open li a:visited
{
	background-image: url(/images/interface/subnav_li_open_bg.gif);
	background-color: #f0f0f0 !important;
	background-repeat: no-repeat; 
	/*this moves the background start over*/
	background-position: 0px 0px;
	padding-left: 33px !important;
	margin: 0 0 0 20px;
}

.open li a:hover
{
	background-color: #ededed !important;
}



