/*------------------------------------
	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 {
		height: 40px;
		background: #000000;
		z-index: 2;
		position: absolute;
		width: 945px;
		border-left: 7px solid #ffffff;
		border-right: 7px solid #ffffff;
}

/*--------------- MAIN MENU LINKS --------------- */
#nav ul li a:active {
		display: block;
		width:auto;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #24293a;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;}
		
#nav ul li a:link {    
		display: block;
		width:auto;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #24293a;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;}
		
#nav ul li a:visited { 
		display: block;
		width:auto;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #24293a;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;}
		
#nav ul li a:hover {   
		display: block;
		width:auto;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #24293a;
		background-image:url(../images/cssbg.jpg);
		background-position: left top;
		background-repeat: repeat-x;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;}

/* --------------- SUB MENU LINKS --------------- */
#nav li ul li a:active {
		display: block;
		width: 175px;
		padding: 10px;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 13px;
		text-decoration: none;
		border-bottom: 1px solid #24293a;
		border-right: 1px solid #000000;}
		
#nav li ul li a:link { 	 
		display: block;
		width: 175px;
		padding: 10px;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;
		border-bottom: 1px solid #24293a;
		border-right: 1px solid #000000;}
		
#nav li ul li a:visited {
		display: block;
		width: 175px;
		padding: 10px;
		background-color: #000000;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;
		border-bottom: 1px solid #24293a;
		border-right: 1px solid #000000;}
		
#nav li ul li a:hover {  
		display: block;
		width: 175px;
		padding: 10px;
		background-image:url(../images/cssbg.jpg);
		background-position: left top;
		background-repeat: repeat-x;
		font-family: Comic Sans, Comic Sans MS, cursive;  
		font-weight: bold;
		font-style: italic;
		color: #ffffff; 
		font-size: 14px;
		text-decoration: none;
		border-bottom: 1px solid #24293a;
		border-right: 1px solid #000000;}

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

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

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

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

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

/* --------------- SUB MENU ITEMS --------------- */
#nav li ul li {
		display: block;
		margin: 0;
		padding: 3px 3px 3px 3px; /* 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; }