/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */
/* ############### SIDENAVIGATION ############### */


#sidenav{
	
}
#sidenav ul{
	margin: 0;
}	

#sidenav ul {	margin-left: 0px;}
#sidenav ul ul{	margin-left: 10px;}

#sidenav ul li{
	list-style-type: none !important;
	color: #9a9a9a;
	font-weight: bold; 
	margin-bottom: 0 !important;
	}

/* ############### LEVEL 1 ############### */	
#sidenav ul li a:link, #sidenav ul li a:visited{
	display: block;
	padding: 6px 0 6px 8px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	background-color: maroon;
	border-bottom: 1px solid #fff;
	width: 200px;/* for IE6*/
	}
	
#sidenav ul li a:hover, #sidenav ul li a:active{ background-color: orange;	color: red;}

#sidenav ul li a.selected:link{ background-color: green;	color: red;}
#sidenav ul li a.selected:visited{ background-color: green;	color: red;}
#sidenav ul li a.selected:hover{ background-color: green;	color: red;}
#sidenav ul li a.selected:active{ background-color: green;	color: red;}

/* ############### LEVEL 2 ############### */	
#sidenav ul ul li{}
#sidenav ul ul li a:link, #sidenav ul ul li a:visited{
	display: block;
	padding: 6px 0 6px 8px;
	text-decoration: none;
	color: #fff;
	background-color: #007dc6;	
	border-bottom: 1px solid red;
	width: 210px;/* for IE6*/
	}
	
#sidenav ul ul li a:hover, #sidenav ul ul li a:active, #sidenav ul ul li a.selected{ background-color: aqua;	color: #ffc600;}
	
#sidenav ul ul li a.selected:link{ font-weight: bold; background-color: green;	color: red;}
#sidenav ul ul li a.selected:visited{ font-weight: bold; background-color: green;	color: red;}
#sidenav ul ul li a.selected:hover{ font-weight: bold; background-color: green;	color: red;}
#sidenav ul ul li a.selected:active{ font-weight: bold; background-color: green;	color: red;}
