/*------------------------------------
	This is the dropdown menu system
	for all css navigations with dropdown
	menus. This is EXTREMELY customizeable
	and will do both verticle and horizontal
	dropdowns.
------------------------------------*/




/* --------------- THE DIV CONTAINING THE MENU --------------- */
#nav {
		
		background: #f4d16d;
		height:30px;
		width:886px;
		margin-left:auto;
		margin-right:auto;
		padding-left:64px;

}

/*--------------- MAIN MENU LINKS --------------- */
#nav ul li a:active {
		background:#f5d06d;
		width:auto;
		display: block;
		font-weight: bold; 
		color: #442e1e; 
		font-size: 14px; 
		text-decoration: none;
		}
		
#nav ul li a:link { 
		background:#f5d06d; 
		width:auto;
		display: block;
		font-weight: bold; 
		color: #442e1e; 
		font-size: 14px; 
		text-decoration: none;}
		
#nav ul li a:visited { 
		background:#f5d06d;
		display: block;
		width:auto;		
		font-weight: bold; 
		color: #442e1e; 
		font-size: 14px; 
		text-decoration: none;}
		
#nav ul li a:hover {
		background:#f1b056;
		width:auto;
		display: block;
		font-weight: bold; 
		color: #442e1e; 
		font-size: 14px; 
		text-decoration: none;}
		
#nav ul li {   
		font-weight: normal; 
		color: #442e1e; 
		font-size: 10px; 
		display: block; 
		text-decoration: none;
		}

/* --------------- SUB MENU LINKS --------------- */
	
		
#nav li ul li a:active {
	  
		height:25px;
		padding:0px;
		padding-top:10px;
		padding-left:10px;
		background:#f5d06d;
		font-weight: bold; 
 		color: #524429; 
		font-size: 11px; 
		width:200px;
		display: block; 
		text-decoration: none;}
		
#nav li ul li a:link {
		
		height:25px;
		border-bottom:#000000 1px solid; 
		padding:0px;
		padding-top:10px;
		padding-left:10px;
		background:#f5d06d;  
		font-weight: bold; 
		color: #524429; 
		font-size: 11px; 
		width:200px;
		display: block;
		text-decoration: none;}
		
#nav li ul li a:visited { 
	
		height:25px;
		border-bottom:#000000 1px solid; 
		padding:0px;
		padding-top:10px;
		padding-left:10px;
		background:#f5d06d;
		font-weight: bold; 
		color: #524429; 
		font-size: 11px; 
		width:200px;
		display: block; 
		text-decoration: none;}
		
#nav li ul li a:hover {
		
		height:25px;
		border-bottom:#000000 1px solid; 
		padding:0px;
		padding-top:10px;
		padding-left:10px;
		background:#f1b056;  
		width:200px;
		display: block;
		font-weight: bold; 
		color: #524429; 
		font-size: 11px; 
		text-decoration: none;}

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

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

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

/* --------------- SUB MENU --------------- */
#nav li ul {
		display: none;   /* Hide sub menus */
		position: absolute; 
		top: 1em;
		width:auto;
		background:#f5d06d; /* Background color for the whole sub menu*/
		margin-left: 3px;  /* Adjust this to move the positioning of the dropdown menu left or right */
		margin-top:0px;
}

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

/* --------------- SUB MENU ITEMS --------------- */
#nav li ul li {
		display: block;
		width:200 ;
		margin: 0;
		padding: 0px 0px 0px 0px; /* Padding around the content of a sub menu item*/
		clear: left; /* Position items under each other */
}

/* --------------- YOU SHOULD NOT HAVE TO EDIT ANYTHING BELOW THIS --------------- */
#nav li > ul {
		top: auto;
		left: auto;
}

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