/* THE DIV CONTAINING THE MENU */
#nav {
       height:35px;
       background-color: #e3e3e3;
}

/*--------------- MAIN MENU LINKS --------------- */
#nav ul li a:active {   
		color: #b5a684; 
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav ul li a:link {     
		color: #b5a684; 
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav ul li a:visited { 
		color: #b5a684; 
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav ul li a:hover {   
		color: #e7e5b4; 
		font-size: 12px; 
		display: block; 
		text-decoration: none;}

/* --------------- SUB MENU LINKS --------------- */
#nav li ul li a:active {  
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF;
		background-color: #c5d164;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li a:link { 	  
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF; 
		background-color: #c5d164;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li a:visited {  
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF; 
		background-color: #c5d164;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li a:hover {   
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #ffffff; 
		background-color: #dce96f;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}

/* --------------- SUB MENU LINKS --------------- */
#nav li ul li ul li a:active {  
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF;
		background-color: #ffffff;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li ul li a:link { 	  
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF; 
		background-color: #ffffff;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li ul li a:visited { 
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF; 
		background-color: #ffffff;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}
		
#nav li ul li ul li a:hover {   
		font-weight: bold; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
		color: #FFFFFF; 
		background-color: #035F80;
		font-size: 12px; 
		display: block; 
		text-decoration: none;}


/* THE LIST CONTAINING EACH MENU ITEM */
#nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #3f1113; 
}

/* EACH INDIVIDUAL TOP-LEVEL MENU ITEM*/
#nav li {
  float: left;
  position: relative;
  padding: 0;
  background: #e3e3e3;
}

/* ANY IMAGE INSIDE A TOP-LEVEL MENU ITEM (IMAGE LINKS INSTEAD OF TEXT) */
#nav ul li img {
 display:block;
}

/* SUB MENU - IE 6 */
#nav li ul {
  display: none;   /* Hide sub menus */
  position: absolute; 
  top: 28px;            /* Should match height of #nav */
  background: #e3e3e3; /* Background color for the whole sub menu*/
  margin-left: 0px;  /* Adjust this to move the positioning of the dropdown menu left or right */
}

/* INDIVIDUAL SUBMENU PROPERTIES */
#nav ul.dropdown1 {   
  width: 100px;
}
#nav ul.dropdown1 li {   
  width: 100px;
}
#nav ul.dropdown2 { 
  width: 220px;
}
#nav ul.dropdown2 li { 
  width: 220px;
}

/* SUB MENU ITEMS */
#nav li ul li {
		display: block;
		margin: 0;
		background-color: #e3e3e3;
		width: 151px;
		padding: 0px 0px 0px 0px; /* Padding around the content of a sub menu item*/
		clear: left; /* Position items under each other */
		}
#nav li ul li ul {
		display: none;   /* Hide sub menus */
		position: absolute; 
		top: 35px;            /* Should match height of #nav */
		background: #3f1113; /* Background color for the whole sub menu*/
		margin-left: 151px;  /* Adjust this to move the positioning of the dropdown menu left or right */
}
#nav li ul li ul li{
		display: none;
		margin: 0;
		background-color: #e3e3e3;
		width: 151px;
		padding: 0px 0px 0px 0px; /* Padding around the content of a sub menu item*/
		clear: left; /* Position items under each other */}

/* SUM MENU - IE7 & FireFox */
#nav li > ul {
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { display: block; }

#nav li ul li:hover ul li, #nav li ul li.over ul li { display: block; }