/* ========================= */
/* =      Side Nav         = */
/* ========================= */
#nav {
	width:160px; 
	background-color:#5C4A3F; /* to coordinate with the site */
	background-image:url(../assets/nav_options_background.gif);
	background-repeat:repeat-y; 
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* ------------------ */
/*   common settings  */
/* ------------------ */
#nav a { text-decoration:none;}
#nav ul{ list-style:none;}
#nav div { border-bottom:0 solid transparent ;}

/* ------------------ */
/* Level 1 navigation */
/* ------------------ */
#nav .nav1_inactive{              /* inactive menu items for admin options */
	padding-left:5px;             /* inactive menu items for admin options */
	background-color:#CCCCCC;     /* inactive menu items for admin options */
	color:#999999;                /* inactive menu items for admin options */
	font-size:90%;                /* inactive menu items for admin options */
}

#nav .nav1, 
#nav .nav1_selected{ /* general settings regardless of active, visited etc */
	font-size:75%;  height:20px;
}

#nav .nav1 ul a{ 
	color:#F7EFD5;
	padding:5px 0 0 15px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat; 
	background-color: #5C4A3F;
	display:block; 
	text-decoration:none;
	 height:20px;
}
#nav .nav1 ul a:hover,#nav .nav1_selected ul {
	color:#FFCC00;
	padding:5px 0 0 15px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat;
	background-color: #5C4A3F;
	text-decoration:none;
	 height:20px;
 }
 
#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:#FFCC00;
 }

/* ------------------ */
/* Level 2 navigation */
/* ------------------ */
#nav .nav2_inactive{              /* inactive menu items for admin options */
	padding-left:15px;            /* inactive menu items for admin options */
	background-color:#ffffff;     /* inactive menu items for admin options */
	color:#999999;                /* inactive menu items for admin options */
	font-size:75%;                /* inactive menu items for admin options */
}
#nav .nav2, 
#nav .nav2_selected{ 
	font-size:70%; height:15px;
}

#nav .nav2 ul a { 
	color:#F7EFD5;
	padding:1px 0 0 25px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat; 
	background-color: #5C4A3F;
	display:block; 
	text-decoration:none;
	height:15px;
}
#nav .nav2 ul a:hover, #nav .nav2_selected ul {
	color:#FFCC00;
	padding:1px 0 0 25px;  
	background-image:none; 
	background-position:left top; 
	background-repeat:no-repeat;
	background-color: #5C4A3F;
	text-decoration:none;
	height:15px;
 }

#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:#FFCC00;
 }


/* ================================================================= */
/*  navside block for DIRECTORY                                      */
/* ================================================================= */
#dirAdvert { background:#FFFFFF; font-size:75%; }
.dirAdvertTitle {background:#000000; color:#66FF00;padding:5px;}
.dirAdvertPromo {background:#000000; color:#66FF00;padding:5px; margin-top:2px;}
#dirAdvertInner {margin:2px; border:1px #000000 solid; padding:2px;}
#dirAdvert a,
#dirAdvert a:hover,
#dirAdvert a:focus,
#dirAdvert a:visited{ color:#CC0000;}

#dirAdvert .dirAdvertPromo a,
#dirAdvert .dirAdvertPromo a:hover,
#dirAdvert .dirAdvertPromo a:focus,
#dirAdvert .dirAdvertPromo a:visited{ color:#66FF00;}
#dirAdvert  a,
#dirAdvert  a:visited { text-decoration:none;}
#dirAdvert  a:hover,
#dirAdvert  a:focus { text-decoration:underline}