/*
=====================================
	Top Tab Menu Navigation
=====================================
*/
/*table puts the top menu in position and allows cells for placing left and right dot images in*/
table.tbl-topnav
{
	border-collapse:	collapse;
	position:			absolute;
	top:					139px;
	left:					330px;
	height:				25px;
}
table.tbl-topnav tr td
{
	background:			#FFFFFF !important;
	height:				25px !important;
}
table.tbl-topnav .td-topnav-left,
table.tbl-topnav .td-topnav-right
{
	background:			transparent !important;
}
table.tbl-topnav tr td
{
	vertical-align:	top;
}
/*links, these go in the middle topnav table cell*/
div.topnav a 
{
	text-decoration:	none;
	color:				#0104A8;
	background:			url('images/site/topmenu_dot.gif') 100% 0 no-repeat;
	padding:				0px 13px 0px 3px;
	font-size:			16px;
}
/*the last link must not have a right hand dot*/
div.topnav a.last
{
	background:			none;
	padding-right:		5px;
}
/*top menu hover and selected states*/
div.topnav a:hover
{
	color:				#AAAAAA !important;
}
div.topnav a.selected
{
	color:				#7E96FF;
}

/*
=====================================
	Foot Menu Navigation
=====================================
*/
div.nav-foot
{
	position:		absolute;
	top:				-18px;
	left:				-10px;
	width:			570px;
	height:			42px;
	text-align:		center;
	margin:			0px 0px 5px 5px;
    padding:        8px 0 0 0;
	z-index:			100;
}
div.nav-foot div.nav-foot-seperator
{	
	position:			relative;
	height:				6px;
	font-size:			0px;
}
div.nav-foot a
{
	color:				#006842;
	padding:				10px 17px 5px 7px;
	background:			url(images/site/logo_bullet.gif) 100% 6px no-repeat;
}
div.nav-foot a font
{
	
}
div.nav-foot a,
div.nav-foot a font
{
	font-size:			10px;
}
div.nav-foot a.last	
{
	background:			none;
	padding-right:		5px;
}
/*top menu hover and selected states*/
div.nav-foot a:hover
{
	color:				#00A367 !important;
}
div.nav-foot a.selected
{
	color:				#3F7DF7;
}

/*
/========================================================
/=	Side Navigation
/========================================================
*/
/*main navigation container*/
.sidenav
{
	position:				relative;
	display:					block;
	background:				#ECEFF5;
	z-index:					100;
}
.sidenav .menu-dblarrow
{
	position:				relative;
	margin:					0px 0px -3px 2px;
	padding:					0px 4px 0px 0px;
	border:					0px;
}
/*navigation list*/
ul.sidenav, ul.sidenav ul
{
	position:				relative;
	list-style:				none;
	list-style-image:		none;
	padding:					0px;
	margin:					0px 0px 10px 0px;
	background:				#0C2D83;
	border-top:				1px solid #0C2D83;
	width:					163px;
}

/*navigation list, list elements*/
ul.sidenav li
{
	position:				relative;
}
* html .sidenav li, * html .sidenav li.selected li	
{ 
	display:					inline;
}
/*navigation list, list element links and popout menu list element links*/
ul.sidenav li a,  ul.sidenav li ul a,  ul.sidenav li.selected ul li a
{
	display:					block;
	position:				relative;
	background:				#FFF;
	border-bottom:			1px solid #0C2D83;
	width:					163px;
	margin:					0;
	font-family:			arial, tahoma, verdana, sans-serif;
	text-decoration:		none;
	text-align:				left;
	color:					#003122 !important;
	text-decoration:		none !important;
	padding:					2px 0px 2px 0px;
}
/*background arrow image for li's with subnavs in them*/
ul.sidenav li.subnavs a
{
	background-image:		url(images/site/menu_arrow_right.gif);
	background-repeat:	no-repeat;
	background-position:	98% 5px;
}
/*the font style for text in the menu - this is required so we can pad the text without ruining the layout*/
ul.sidenav font
{
	padding:					0px 2px 0px 2px;
	font-size:				12px;
}
/*hover state on li links*/
ul.sidenav li a:hover,  
ul.sidenav li.selected a:hover,  
ul.sidenav li.selected ul li.selected a:hover
{
	background:				#BDD3FF;
	color:					#FFFFFF;
}
/*background image when hovering over li's with submenus in them*/
ul.sidenav li.subnavs a:hover
{
	background-image:		url(images/site/menu_arrow_right.gif);
	background-repeat:	no-repeat;
	background-position:	98% 5px;
}
ul.sidenav li.subnavs ul li a:hover
{
	background-image:		none !important;
}
/*selected list elements mouse over state*/
/*ul.sidenav li.selected a:hover,  
ul.sidenav li.selected ul li.selected a:hover
{
	
}
*/
/*selected state for first level menu with submenu expanded*/
ul.sidenav li.subnavs-selected a
{
	background-image:		url(images/site/menu_arrow_down.gif);
	background-repeat:	no-repeat;
	background-position:	98% 5px;
}
/*colour of selected list element links*/
ul.sidenav li.selected a
{
	color:					#003122 !important;
	background-color:		#BDD3FF;
}
/*popout list menu*/
ul.sidenav li ul
{
	display:					block;
	position:				absolute;
	left:						-1000px;
	width:					163px;
	top:						-1px;
	border-left:			1px solid #0C2D83;
}
/*popout list menu list items*/
ul.sidenav li ul li a
{
	display:					block;
	border:					none;
	width:					159px;
	border-bottom:			1px solid #325FAD;
	border-right:			1px solid #0C2D83;
}
/*show the popout menu when you mouse over the link for it*/
ul.sidenav li:hover ul,  
ul.sidenav li a:hover ul,  
ul.sidenav li ul:hover,
ul.sidenav li.hover ul
{
	left:						163px;
}
/*tell all sub-nav li's to not have the background arrow images*/
ul.sidenav li.subnavs ul li a,
ul.sidenav li.subnavs.selected ul li a
{
	background-image:		none !important;
}
/*selected list element (popout list shows up in main list when selected)*/
ul.sidenav li.selected ul
{
	display:				block;
	position:			relative;
	width:				163px;
	border:				none;
	border-bottom:		6px solid #0C2D83;
	border-top:			1px solid #0C2D83;
	left:					0;
	margin:				0;
}
/*list elements for selected element list*/
ul.sidenav li.selected ul li
{
	display:				inline;
	width:				auto;
	border:				none;
}
/*links for selected elements list*/
ul.sidenav li.selected ul li a
{
	display:				block;
	width:				auto;
	border:				none;
	border-right:		none;
	border-left:		10px solid	#0C2D83;
	border-bottom:		1px solid	#0C2D83;
	background-image:	none !important;
}
ul.sidenav li.selected ul li.selected a
{
	color:				#003122 !important;
	background:			#9BB1DD;
}

/*
=====================================
	Bread Crumb Trail
=====================================
*/
p.breadcrumb
{
	position:			absolute;
	left:					30px;
	top:					55px;
	font-size:			15px;
	color:				#0C2D83;
	font-weight:		bold;
	padding:				0;
}
/* We reduce font here instead of p.breadcrumb so that >> separators don't come out too small */
p.breadcrumb a,
p.breadcrumb strong	
{ 
	color:				#006842;
	font-weight:		bold;
	font-style:			italic;
	text-decoration: 	none;
	padding:				0px 5px 0px 2px;
	font-size:			12px;
}
p.breadcrumb a:hover
{
	color:				#00A367;
}
p.breadcrumb strong
{
	color:				#3F7DF7;
}