/*
/========================================================
/=	Top Horziontal Navigation
/=
/========================================================
*/
#nav
{
	position:		relative;
	display:		block;
	height:			20px;
	background:		white;
	margin:			0;
	padding:		0;
	border-top:		0;
	width:			100%;
}
#nav ul
{
	border-collapse:collapse;
	margin:			0;
	padding:		0;
	list-style:		none;
	white-space:	nowrap;
	text-align:		center;
	margin-top:		0px;
}
#nav ul li
{
	display:		inline;
	margin:			0;
	padding:		0;
	height:			18px;
	font-size:		11pt;
}
#nav ul li a
{	
	text-align:		center;
	text-decoration:none;
	padding:		0 2em 0 2em;
	background:		#F8FBFD;
	border-width:	0px 1px 0px 1px;
	border-style:	solid;
	border-color:	#E3E6FF;
	color:			#8E92BA;
}
#nav ul li a:hover
{
	color:			#003585;
	background:		#E8EBAC;
}
#nav ul li.selected a
{
	color:			#003585;
	background:		#E8EBAC;
}

body.with-left #nav
{
	margin-left:	0;
}
body.with-right #nav
{
	margin-right:	0;
}


/*
/========================================================
/=	Side Navigation
/=
/========================================================
*/
div#sidenav
{
	padding-bottom:		9px;	
	background:			white url('images/menu_shadow.jpg') bottom no-repeat;

}
#sidenav ul
{
	border-collapse:	collapse;
	position:			relative;
	list-style:			none;
	list-style-image:	none;
	padding:			0;
	margin:				0 0 0 0;
}
#sidenav li	
{ 
	position:			relative; 
	margin:				0;
}
#sidenav li.last a, #sidenav li ul li.last a
{
	border-bottom:		1px solid #E3E6FF !important;
}

* html #sidenav li, * html #sidenav li.selected li	
{ 
	display:			inline;
}

#sidenav ul li a, #sidenav ul li ul a
{
	color:				#6E74A8;
	font-size:			80%;
	border-top:			1px solid #CDE;
	border-right:		2px solid #CDE;
	border-left:		2px solid #CDE;
	text-align:			right;
	text-decoration:	none;
	display:			block;
	background:			#FCFCFF;
	padding:			3px 2px 3px 2px;
	margin:				0;
	font-family:		Tahoma, Arial, sans-serif; /* fixes whacko bug in Opera 6 */
	width:				100%;
}
/** html #sidenav a	{ width: 100%; w\idth: 122px; }*/

#sidenav li ul
{
	display:			none;
	position:			absolute;
	top:				0px;
	left:				148px;
	width:				132px;
	background:			white;
	padding:			0;
	margin:				0;
	z-index:			15;
}

#sidenav li.hover		{ z-index: 15; }
#sidenav li:hover ul,
#sidenav li:hover ul,
#sidenav li.hover ul,
#sidenav li ul:hover	{ display: block !important; }

#sidenav li.selected
{
	border:			0;
	padding:		0;
}

#sidenav li.selected a
{
	display:		block;
	position:		relative;
	margin:			0;
	background:		#FFFBCF url("images/menu_button_shadow.gif") left top repeat-x;
}
/** html #sidenav li.selected a	{ width: 146px; w\idth: 132px; }*/

#sidenav li.selected span
{
	display:		block;
	padding:		0;
	margin:			0;
}

#sidenav li.selected ul
{
	display:		block;
	position:		static;
	font-size:		95%;
	width:			auto;
	border-width:	0;
	border-left:	2px solid #CDE !important;
	margin:			0;
	padding-left:	20px;
	background:		#E1EAF9;
}
#sidenav li.selected li	
{ 
	background: transparent; 
}
#sidenav li.selected li a
{
	padding:		2px 2px 2px 3px;
	border-left:	1px solid #B8D3EE;
	border-right:	2px solid #B8D3EE;
	border-top:		1px solid #B8D3EE;
	margin:			0;
	background:		#F1F3FF;
	/*width:			auto;*/
}
/** html #sidenav li.selected li a	{ width: 100%; w\idth: auto; }*/

#sidenav li.selected li.selected a		
{ 
	background:		#F4F2BC; 
}
#sidenav li.selected li.selected span	
{
	border:			0; 
	background:		transparent; 
}
#sidenav a:hover, #sidenav a:active
{ 
	color:			#036;
	margin:			0;
	background:		#FEB url("images/menu_button_shadow.gif") top left repeat-x !important;
}
/*
#sidenav li.selected li a:hover,
#sidenav li.selected a:hover span
{ 
	color:			#036;
	margin:			0;
	background:		#FEB url("images/menu_button_shadow.gif") top left repeat-x;
}*/


#sidenav li.highlighted a			
{ 
	background:				#FD6; 
	border-top:				1px solid #F93; 
	color:					black;
	/*border-bottom:			1px solid #F93; */
}
#sidenav li.highlighted a:hover,
#sidenav li.highlighted a:active	
{ 
	background:				#FD6 url("images/menu_button_shadow.gif") repeat-x; 
	/*border-bottom-color:	#C60;  */
	border-top-color:		#C60;
}



p.breadcrumb
{
	margin:			0;
	font-size:		100%;
	color:			#004BBD;
	line-height:	100%;
}
/* We reduce font here instead of p.breadcrumb so that >> separators don't come out too small */
p.breadcrumb a,
p.breadcrumb strong	
{ 
	font-size:			85%; 
	color:				#2F67BD;
	text-decoration:	none;
}
p.breadcrumb a:hover
{
	color:				#508DEB;
}

/*
/========================================================
/=	Bottom Navigation
/=
/========================================================
*/
#bottom-nav
{
	display:		block;
	text-align:		center;
	color:			#6571BE;
	margin:			0;
	padding:		0 0 3px;
	border-top:		1px solid #CDE;
}
#bottom-nav a:link, #bottom-nav a:visited
{
	color:			#8E92BA;
	font-size:		80%;
}
#bottom-nav a:hover, #bottom-nav a.selected
{
	color:				#CDD098;
	text-decoration:	none;
}

@media print
{
	#sidenav{	display: none !important;	}

	#bottom-nav{ display: none !important;	}
}
