/*--------- 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 { 		
background:url(../images/Nav.jpg) no-repeat;			/*text color*/
float:left;						/*depending on design, place left or right */
line-height: 125%;	
margin:0;
padding:0;			/*125% = 1.25em = 20px */
height:39px;
width:719px;
}
	#Nav li{	
	float:left;	
	list-style-type:none;
	position:relative;				
	}
	#Nav a{	
	position: relative;
	text-decoration:none;
	}	
	#NavHome a:hover, #NavMeet a:hover, #NavProc a:hover, #NavGallery a:hover, #NavContact a:hover {
	background:url(../images/NavHover.jpg);
	height:39px;
    }
		#NavHome a{
		display: block;
		margin:0 0 0 228px;
		height:39px;
	    width:67px;
		}
			#NavHome a:hover{
			background-position:-228px 0;
			}
			
		#NavMeet a{
	    display: block;
		height:39px;
	    width:144px;
		}
			#NavMeet a:hover{
			background-position:-295px 0;
			}
			
		#NavProc a{
	    display: block;
		height:39px;
	    width:100px;
		}
			#NavProc a:hover{
			background-position:-439px 0;
			}
		#NavGallery a{
	    display: block;
		height:39px;
	    width:74px;
		}
			#NavGallery a:hover{
			background-position:-539px 0;
			}
			
		#NavContact a{
	    display: block;
		height:39px;
	    width:106px;
		}
			#NavContact a:hover{
			background-position:-613px 0;
			}
		
	#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:39px; 			/* 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:	#7dc1d8;
		border-left:1px solid #956c22;	
		border-right:1px solid #956c22;	
		border-bottom:1px solid #956c22;	
		float:left;		
		margin:0;
		padding:0;
		position: absolute;
		top: 999em;
		width:180px;  		/* 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:180px; 
	}
	#Nav ul li a {
		color:#003366; 			/* dark purple */
		display:block;
		margin:0;
		height:25px;
		padding:5px 10px 5px 10px;			
		width:180px; 			/* 192px = 12em... 192px width - 20px L & R padding left offset of submenus need to match (see below) */
	}
	#Nav ul li a:hover {
	background:none;
	color:#000033;		
	margin:0;
	height:25px;
	padding:5px 10px 5px 10px;
	}