/*--------- STYLE LIST FOR NAVIGATION WITH DROPDOWN --------*/


/* =======================================
CHANGE ONLY COMMENTED 
======================================= */


/*NOTE THIS SHOULD BE .Class li, .Class li */
ul, li{		
list-style:none;
margin:0;
padding:0;
}

#Nav { 					/*text color*/
float:left;						/*depending on design, place left or right */
line-height: 125%;				/*125% = 1.25em = 20px */
}
	#Nav li{	
	float:left;	
	position:relative;				
	}
	#Nav a{						/* Style navigation appearance */		
	display: block;
	padding: 0 24px 0 24px;
	position: relative;
	text-decoration:none;
	}
	#Nav a:hover{
	color:#000; 					/* style link hover */
	}

	#Nav li:hover {
		visibility:inherit;
	}
	#Nav li:hover, #Nav li.sfHover, #Nav a:hover {		
	}

	#Nav li:hover ul,
	#Nav li.sfHover ul {
		left: 0;
		top:60px; 			/* 2.75em = 45px... Sets the dropdown below its parent link */
		z-index: 99;
	}
	
	/* MODIFY THIS TO CHANGE THE STYLE OF THE DROPDOWN NAVIGATION */
	#Nav ul {
		background: url(../images/Nav_BG.jpg) repeat-x #95cfdc;
		border-top:1px solid #956c22;	
		border-right:1px solid #956c22;	
		border-bottom:1px solid #956c22;	
		float:left;		
		margin:0 0 0 -1px;
		padding:0;
		position: absolute;
		top: 999em;
		width:170px; 			/* 192px = 12em... Left offset of submenus need to match (see below) */
		z-index: 100;
		opacity: 0.9; 
	    filter: alpha(opacity=90); 
	}
	#Nav ul li {
		margin:0;
		padding:0;			
		height:100%;
		width:170px; 
	}
	#Nav ul li a {
		color:#241024; 			/* dark purple */
		display:block;
		margin:0;
		font-size:11px;
		padding:5px;			
		width:158px; 	 			/* 192px = 12em... 192px width - 20px L & R padding left offset of submenus need to match (see below) */
	}
	#Nav ul li a:hover {
	background:#99dced;		
	}