/* sideNav.css version 1.10 */ 
/* This style sheet should not be edited. 
Any changes that need to be made should be made in the custom.css */

/*-------side Nav Styles--------*/

#sideNav {
	color: #fff;
	font-size: 0.85em;
	margin: 0;
	padding: 0; 
	position: relative;
	width: 168px;
	z-index: 1;
} 

#sideNav a {
	border-left: 6px solid #d0d4d7;
	display: block;
	text-decoration: none;
	padding: 6px 20px 6px 10px;
	width:132px;
}

#sideNav a, 
#sideNav a:visited {	
	color: #0050aa; 
}

#sideNav a:active{	
	color: red; 
} 
#sideNav a:focus, 
#sideNav a:hover   {
	border-left: 6px solid #009dd9;
	text-decoration: underline;
}

#sideNav a.currentPage,
#sideNav a:hover.currentPage, 
#sideNav a:visited.currentPage {
	background-color: #fff;
	border-left: 6px solid #009dd9;
	cursor: text;
	font-weight: bold;
	text-decoration: none;
}  

#sideNav a.parentSelected {
	border-left: 6px solid #009dd9 ! important;
	background-color: #fff ! important;
	color: #0050aa;
	font-weight: bold;
}

#sideNav li{
	border-bottom: 2px solid #fff;
	list-style-type: none;
	margin: 0; 
	padding: 0;
	position: relative; 
}

#sideNav li span {
	color: #0050aa; 
	font-weight: bold;  
	position: absolute;
	top: 6px;
	right: 10px;
}

#sideNav a.currentPage span {
	/*display: none;*/
}

#sideNav li ul {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#sideNav li ul li {
	border-left: 6px solid #009dd9;
	border-bottom: none;
	list-style-type: none;
	margin: 0;
	padding: 0 0 6px 0;  
	position: relative;
	left:0;
}

#sideNav li ul li a,
#sideNav li ul li a:visited {
	background-color: #fff;
	border-left: none;
	display:inline;
	padding: 0;  
	position: relative;
	left: 20px;
	z-index: 1;
	
}

#sideNav li ul li a:hover,
#sideNav li ul li a:active {
	border-left: none;
	
}

#sideNav li ul li a.currentPage,
#sideNav li ul li a:hover.currentPage, 
#sideNav li ul li a:visited.currentPage {
	background-color: #fff;
	border-left: none;
	cursor: text;
	font-weight: bold;
	text-decoration: none;
}  

#sideNav li ul li span {
	color: #0050aa; 
	font-weight: bold;  
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 1;
}

/* this allows the 2px cyan bar to show at the bottom of the navigation. Without this, the cyan bar hides*/
#sideNav li.last ul{ border-bottom:  1px solid #fff; }

#sideNav #title {
	background: #fff6cc; 
	color: #0050aa;
	display: block;
	font-weight: bold;
	padding: 11px 5px 11px 10px;
	width: 153px;
}

/*-------End side Nav Styles--------*/



/*------- flyout Nav Styles--------*/

#sideNav li:hover ol,
#sideNav li ol:hover{
	display: block;	
}

#sideNav li ol a, 
#sideNav li ol a:visited, 
#sideNav li ol A:active, 
#sideNav li ol A:focus, 
#sideNav li ol A:hover {
	background: transparent;
	border-left: none;
	padding: 0;
	position:relative;
	width: 97%;
}

#sideNav li ol a:active, 
#sideNav li ol a:focus, 
#sideNav li ol a:hover {
	text-decoration: underline;
}

#sideNav li ol a:link.currentPage, 
#sideNav li ol a:hover.currentPage, 
#sideNav li ol a:visited.currentPage,
#sideNav li ol a:active.currentPage, 
#sideNav li ol a:focus.currentPage, 
#sideNav li ol a:hover.currentPage {
	background: transparent;
	border-left: none;
	cursor: text;
	font-weight: bold;
	text-decoration: none;
}

#sideNav li ol{
	background: #e0f3fb;
	border-left: 2px solid #fff;
	border-right: 2px solid #0587c0;
	border-bottom: 2px solid #0587c0;
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 10px 0 8px 9px; 	
	white-space: normal;
	width: 150px;
	z-index: 2;
}

#sideNav li ol li {
	border-bottom: none;
	display:list-item;	
	list-style-type: none;
	margin: 0 12px 4px 12px;
	padding: 0;
}

#sideNav li ol.IEshow { _display: block;}
#sideNav li ol.show { display: block; }

#sideNav li ol li span {
	color: #0050aa; 
	font-weight: bold;  
	position: absolute;
	top: 0;
	left: -10px;
}


/*------- flyout Nav Styles--------*/