﻿/*------------------------------------------------------------------ */
/* SIDE NAVIGATION */
/*------------------------------------------------------------------ */

#sidenav ol {
	width: 170px;
	margin: 18px 0 0 0;
	padding: 0;
	list-style: none;
}

#sidenav ol li a{
	background: url(../images/sidenav.gif) bottom no-repeat;
	display: block;
	width: 150px;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	color: #fff;
	font: normal 11px "Trebuchet MS" Arial sans-serif;
	/*font: normal 11px Arial, Helvetica, sans-serif; */
}

#sidenav li ol {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
			display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}

#sidenav li.parent>a:after {
content: " >";
}
/* Hover/Focus Style */
#sidenav ol li a:hover, #sidenav ol li a:focus, #sidenav ol li a:active,
/* Opera Focus Style */
#sidenav ol li.ofocus, #sidenav li ol li.ofocus{ 
	color: #fff; 
	background: #175086 url(../images/sidenav1.gif) bottom no-repeat;
	width: 150px;
	margin: 0;
	padding: 8px 10px 8px 10px;
}


 
/* 
	disable normal hover and focus style , if javascript is available
 */
#sidenav .navfxenabled li:hover ol { 
		left: -9999px;
	
}
/* 
	normal hover Style wtihout javascript
*/		
#sidenav li:hover ol,
/* 
	hover and focus style if javascript is available
*/
#sidenav .navfxenabled li.over ol { 
			display: block;
		left: 11em;
		margin-left: -2px;
		
} /* The magic */

#sidenav li.active a, #sidenav li.activepath a, 
#sidenav li.active a:hover, #sidenav li.activepath a:hover,
#sidenav li.active a:active, #sidenav li.activepath a:active,
#sidenav li.active a:focus, #sidenav li.activepath a:focus,
#sidenav li.active strong {
color: #E2144A; 
background: #f9f9f9;
}

#sidenav li.active ol a, #sidenav li.activepath ol a {
color: #000; 
background: #fff;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#sidenav li.active ol, 
#sidenav li.activepath ol {
			display: block;
		
}
/* 	Keyboardusage for good browsers
 */
#sidenav a:focus+ol {
		left: 11em;
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#sidenav li ol li a:focus, #sidenav li ol li a:active {
		position: absolute;
		left: 997px; 
		margin-left: 11em;
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#sidenav li ol li a:hover, #sidenav  li ol li a:hover, 
#sidenav li:hover ol li a:focus, #sidenav  li:hover ol li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#sidenav .navfxenabled li ol li a:focus, #sidenav .navfxenabled  li ol li a:active
 {
	position: static;
	margin-left: 0;
}

.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
}
