/* ========================= */
/* =      Side Nav         = */
/* ========================= */
.navOuter {border-right:1px solid #ffffff;height:100%;position:relative;left:1px; background:#000000; min-height:500px}
.navInner {height:100%;position:relative;right:0px;}

#nav {
	font-weight:bold;
margin: 2px;
	}
#nav div {padding:5px;}
#nav div div {padding:0px;}
/* ------------------ */
/*   common settings  */
/* ------------------ */
#nav a { text-decoration:none;}
#nav ul{ list-style:none;}

#nav .nav1_styleA {
	font-size:90%; 
	font-weight:normal;
	padding:3px 0 0px 10px;  
	background-color:#000000;
	border-top:1px solid #8DBB27;
	color:#8DBB27;
}
#nav .nav1_styleAA {
	height:1px;
	border-top:1px solid #8DBB27;
}

/* ------------------ */
/* Level 1 navigation */
/* ------------------ */

#nav .nav1, 
#nav .nav1_selected{ /* general settings regardless of active, visited etc */
	font-size:100%; 
	font-weight:normal;
	/*background-color:#F23100;*/
} 

#nav .nav1 a{ 
	color:#cccccc;
	padding:3px 0 3px 10px;  
	display:block; 
	text-decoration:none;
	/*background-color:#ff9900;*/
}
#nav .nav1 a:hover,
#nav .nav1_selected ul {
	color: #000000;
	text-decoration:none;
	padding:3px 0 3px 10px;  
	background-color:#8DBB27;
	display:block; 
 }

#nav .nav1_selected ul {
	/*font-weight:bold;*/
	color: #000000;
}
 
#nav .nav1_selected a,
#nav .nav1_selected a:focus,
#nav .nav1_selected a:hover,
#nav .nav1_selected a:visited { 
/* this is the state to set the nav item when it is selected  */
	color: #374000;
	text-decoration:none;
	display:block; 
 }
#nav .nav1_selected a:hover{
	text-decoration:none;
	display:block; 
}
#nav .nav1 div,
#nav .nav1_selected div  {
margin-left:0px;
}
/* ------------------ */
/* Level 2 navigation */
/* ------------------ */
#nav .nav2, 
#nav .nav2_selected{ 
	background-image:url(../assets/subnav-arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	font-style: normal;
	line-height:120%;
}

#nav .nav2 a { 
	color:#999999;
	padding:3px 0 3px 10px;  
	display:block; 
	text-decoration:none;
	font-style: normal;
}
#nav .nav2 a:hover,
#nav .nav2_selected ul {
	color:#999999;
	text-decoration:underline;
	padding:3px 0 3px 10px;  
	font-style: normal;
	display:block; 
 }
#nav .nav2_selected ul {
	font-style: normal;
	font-weight:bold;
}

#nav .nav2_selected a,
#nav .nav2_selected a:hover,
#nav .nav2_selected a:focus,
#nav .nav2_selected a:visited{ 
/* this is the state to set the nav item when it is selected  */
	color: #8DBB27; 
	text-decoration:none;
	display:block; 
	font-style: normal;
 }
#nav .nav2_selected a:hover{
	text-decoration:underline;
}
#nav .nav2 div,
#nav .nav2_selected div  {
margin-left:10px;
}

/* ------------------ */
/* Level 3 navigation */
/* ------------------ */
#nav .nav3, 
#nav .nav3_selected{ 
	font-size:100%;
	font-weight:normal;
	line-height:120%;
	/*background-color:#FFD79B;*/
}

#nav .nav3 a { 
	color:#333333;
	padding:3px 0 3px 10px;  
	display:block; 
	text-decoration:none;
	/*background-color:#FFD79B;*/
}
#nav .nav3 a:hover,
#nav .nav3_selected ul {
	color:#333333;
	text-decoration:underline;
	padding:3px 0 3px 10px;  
	/*background-color:#FFD79B;*/
	display:block; 
 }
#nav .nav3_selected ul {
	background-image:url(../assets/arrow3.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
}
#nav .nav3_selected a,
#nav .nav3_selected a:hover,
#nav .nav3_selected a:focus,
#nav .nav3_selected a:visited{ 
/* this is the state to set the nav item when it is selected  */
	color:#333333;
	text-decoration:none;
	display:block; 
 }
#nav .nav3_selected a:hover{
	text-decoration:underline;

}

#nav .nav3 div,
#nav .nav3_selected div  {
margin-left:30px;
}



/* ================================================================================================ */
/* ================================================================================================ */
/* Navigation for quick links bar                                                                   */
/* ================================================================================================ */
/* ================================================================================================ */
/* ------------------------ */
#hnav {background-color: #000; 
font-size:90%;
border:2px solid #000;
color:#ddd;
/*padding:5px 0 5px 5px;*/
}
#hnav a {
color:#ddd;
text-decoration:none;
}

#hnav a:visited {
color:#ddd;
text-decoration:none;
}

#hnav a:hover, #hnav a:focus {
color: #FFFF00;
text-decoration:underline;
}
#hnav .nav1_selected,#hnav .nav1 {
padding-left:20px;
}

#hnav .nav1_selected {
text-decoration:underline;
}
#hnav .nav2_selected {
text-decoration:underline;
}
#hnav .nav2_selected,#hnav .nav2 {
font-size:85%;
}
#hnav .nav1_selected a:visited {
padding:0px;
}


/* ------------------ */
/*   admin options    */
/* ------------------ */
#nav .options {position:relative; top:1px; left:170px; text-decoration:none; border:none; background-color:#ffffff; background:none; font-size:10px; color:#333333; height:1px;   width:500px;}
#navkey {position:absolute; z-index:10; left:500px; top:200px; width:600px; color:#666666;}