/* ========================= */
/* =      Side Nav         = */
/* ========================= */
/* clever way to ensure the line between nav and content is always top to bottom
   Sometimes the line is short because the nav is longer than the content, with the content div having the line
   What we do is create an outer and inner div for the nav. The outer has a border and nudges 1px right
   The inner nudges the content back 1px.....clever huh! */
.navOuter {border-right:1px solid #CCCCCC;height:100%;position:relative;left:1px;}
.navInner {height:100%;position:relative;right:1px;}

#nav {
	font-weight:bold;
margin: 2px;
	}
#nav div {padding:1px;}
#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 3px 10px;  
	background-color:#fff;
	border-top:3px solid #666666;
	color:#009900;
}
#nav .nav1_styleAA {
	height:3px;
	border-top:3px solid #666666;
}

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

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

#nav .nav1 a{ 
	color:#333333;
	padding:3px 0 3px 10px;  
	display:block; 
	text-decoration:none;
	/*background-color:#ff9900;*/
}
#nav .nav1 a:hover,
#nav .nav1_selected ul {
	color: #333333;
	text-decoration:underline;
	padding:3px 0 3px 10px;  
	/*background-color:#ff9900;*/
	display:block; 
 }
#nav .nav1_selected ul {
	background-image:url(../assets/arrow1.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	color: #990000;
}
 
#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: #990000;
	text-decoration:none;
	display:block; 
 }
#nav .nav1_selected a:hover{
	text-decoration:underline;
	display:block; 
}
#nav .nav1 div,
#nav .nav1_selected div  {
margin-left:0px;
}
/* ------------------ */
/* Level 2 navigation */
/* ------------------ */
#nav .nav2, 
#nav .nav2_selected{ 
	font-size:85%;
	font-weight:normal;
	font-style:italic;
	line-height:120%;
	/*background-color:#FFBD59;*/
}

#nav .nav2 a { 
	color:#666666;
	padding:3px 0 3px 10px;  
	display:block; 
	text-decoration:none;
	font-style:italic;
	/*background-color:#FFBD59;*/
}
#nav .nav2 a:hover,
#nav .nav2_selected ul {
	color:#666666;
	text-decoration:underline;
	padding:3px 0 3px 10px;  
	/*background-color:#FFBD59;*/
	font-style:italic;
	display:block; 
 }
#nav .nav2_selected ul {
	background-image:url(../assets/arrow2.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-style:italic;
	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: #990000;
	text-decoration:none;
	display:block; 
	font-style:italic;
 }
#nav .nav2_selected a:hover{
	text-decoration:underline;
}
#nav .nav2 div,
#nav .nav2_selected div  {
margin-left:15px;
}

/* ------------------ */
/* Level 3 navigation */
/* ------------------ */
#nav .nav3, 
#nav .nav3_selected{ 
	font-size:85%;
	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;}