/* ========================= */
/* =      Side Nav         = */
/* ========================= */
#nav {
	width:184px; 
	background-image:url(../assets/nav-bg.jpg); background-repeat:repeat-y; background-position:left top;
	font-family:Arial, Helvetica, sans-serif;
	min-height:500px;
	/*padding-top:25px;*/
	}
	
/* ------------------ */
/*   common settings  */
/* ------------------ */
#nav a { text-decoration:none;}
#nav ul{ list-style:none;}
#nav div { padding-right:0px; }

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

#nav .nav1, 
#nav .nav1_selected{ /* general settings regardless of active, visited etc */
	font-size:75%; line-height:100%;
	background-image:url(../assets/nav1_bg.jpg); 
	background-repeat:no-repeat;
	width:184px; height:22px;
	/*margin-top:2px;*/
	font-weight:bold;
	font-style:italic;
}
#nav .nav1_selected{ /* different background if selected */
	background-image:url(../assets/nav1_bg_selected.jpg); 
	background-repeat:no-repeat;
	text-decoration:none;
}
#nav .nav1 ul a{ 
	color:#D9D6B3;
	color:#000;
	padding-left:55px;  
	display:block; 
	padding-top:6px;
	
}
#nav .nav1 ul a:hover,
#nav .nav1_selected ul {
	color:#CC0000;
	text-decoration:none;
	padding-top:6px;
 }
 
#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  */
	padding-left:55px;  
	color:#FFFFFF;
	padding-top:3px;
 }

/* ------------------ */
/* Level 2 navigation */
/* ------------------ */
#nav .nav2_inactive{ /* inactive menu items for admin options */
	padding-left:40px; 
	background-color:#CCCCCC; 
	color:#999999;
	font-size:75%; 
}
#nav .nav2, 
#nav .nav2_selected{ 
	font-size:80%; 
	background-image:url(../assets/nav2_bg.jpg); 
	background-repeat:no-repeat;
	width:184px; height:18px;
}
#nav .nav2_selected{ /* different background if selected */
	background-image:url(../assets/nav2_bg_selected.jpg); 
	background-repeat:no-repeat;
}

#nav .nav2 ul a { 
	color: #333; /* colour of the text */
	padding-left:60px; /* how much to indent */
	display:block; 
}
#nav .nav2 ul a:hover, #nav .nav2_selected ul {
	color:#CC0000;
	text-decoration:none;
 }

#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  */
	padding-left:60px;
	color: #fff;
 }
/* ------------------ */
/* Level 1a navigation */
/* ------------------ */

#nav .nav1a, 
#nav .nav1a_selected{ /* general settings regardless of active, visited etc */
	font-size:75%; line-height:100%;
	background-image:url(../assets/nav1a_bg.jpg); 
	background-repeat:no-repeat;
	width:184px; height:22px;
	/*margin-top:2px;*/
	font-weight:bold;
	font-style:italic;
}
#nav .nav1a_selected{ /* different background if selected */
	background-image:url(../assets/nav1a_bg_selected.jpg); 
	background-repeat:no-repeat;
	text-decoration:none;
}
#nav .nav1a ul a{ 
	color:#D9D6B3;
	color:#000;
	padding-left:55px;  
	display:block; 
	padding-top:6px;
	
}
#nav .nav1a ul a:hover,
#nav .nav1a_selected ul {
	color:#CC0000;
	text-decoration:none;
	padding-top:6px;
 }
 
#nav .nav1a_selected a,
#nav .nav1a_selected a:hover,
#nav .nav1a_selected a:focus,
#nav .nav1a_selected a:visited { 
/* this is the state to set the nav item when it is selected  */
	padding-left:55px;  
	color:#FFFFFF;
	padding-top:3px;
 }
/* ------------------ */
/* Level 2a navigation */
/* ------------------ */
#nav .nav2a_inactive{ /* inactive menu items for admin options */
	padding-left:40px; 
	background-color:#CCCCCC; 
	color:#999999;
	font-size:75%; 
}
#nav .nav2a, 
#nav .nav2a_selected{ 
	font-size:80%; 
	background-image:url(../assets/nav2a_bg.jpg); 
	background-repeat:no-repeat;
	width:184px; height:18px;
}
#nav .nav2a_selected{ /* different background if selected */
	background-image:url(../assets/nav2a_bg_selected.jpg); 
	background-repeat:no-repeat;
}

#nav .nav2a ul a { 
	color: #333; /* colour of the text */
	padding-left:60px; /* how much to indent */
	display:block; 
}
#nav .nav2a ul a:hover, #nav .nav2a_selected ul {
	color:#CC0000;
	text-decoration:none;
 }

#nav .nav2a_selected a,
#nav .nav2a_selected a:hover,
#nav .nav2a_selected a:focus,
#nav .nav2a_selected a:visited{ 
/* this is the state to set the nav item when it is selected  */
	padding-left:60px;
	color: #fff;
 }


/* ------------------ */
/*   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;}