/* ========================= */
/* =      Side Nav         = */
/* ========================= */
#nav {
	/*width:160px;*/ 
	width:160px; 
	background-color:transparent ; /* to coordinate with the site */
	background-image:none;
	background-repeat:repeat-y; 
	font-weight:normal;
	font-family:'Asap', Tahoma;
	}
	
/* ------------------ */
/*   common settings  */
/* ------------------ */
#nav a { text-decoration:none;}
#nav ul{ list-style:none;}
#nav div { border-bottom:0 solid transparent ;}

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

#nav .nav1, 
#nav .nav1_inactive,
#nav .nav1_selected{ /* general settings regardless of active, visited etc */
	font-size:95%;  height:100%; 
}
#nav .nav1_inactive,
#nav .nav1 ul a{ 
	color:#FFFFFF;
	 padding:8px 0 0 5px;
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat; 
	background-color: #7C5F3F;
	display:block; 
	text-decoration:none;
	 height:100%;
}
#nav .nav1 ul a:hover,#nav .nav1_selected ul {
	color:#FF9900;
	padding:8px 0 0 5px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat;
	background-color: #7C5F3F;
	text-decoration:none;
	 height:100%;
 }
 
#nav .nav1_selected a,
#nav .nav1_selected a:hover,
#nav .nav1_selected a:focus,
#nav .nav1_selected a:visited { 
/* this is the state to set the nav item when it is selected  */
	color:#FF9900;padding:8px 0 0 0 ;
 }

/* ------------------ */
/* Level 2 navigation */
/* ------------------ */
#nav .nav2, 
#nav .nav2_inactive,
#nav .nav2_selected{ 
	font-size:90%; height:100%;
}

#nav .nav2_inactive,
#nav .nav2 ul a { 
	color:#FFFFFF;
	padding:2px 0 0 10px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat; 
	background-color: #7C5F3F;
	display:block; 
	text-decoration:none;
	height:100%;
}
#nav .nav2 ul a:hover, #nav .nav2_selected ul {
	color:#FF9900;
	padding:2px 0 0 10px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat;
	background-color: #7C5F3F;
	text-decoration:none;
	height:100%;
 }

#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:#FF9900;
 }
 
#nav .nav1_inactive{              /* inactive menu items for admin options */
	background-image: none; 
	background-color:#CCCCCC;     /* inactive menu items for admin options */
	color:#999999;                /* inactive menu items for admin options */
}
#nav .nav2_inactive{              /* inactive menu items for admin options */
	background-image: none; 
	background-color:#cccccc;     /* inactive menu items for admin options */
	color:#999999;                /* inactive menu items for admin options */
}