#container {
	background: white;
	text-align: left;
	margin: 0px 0px 0px 0px;
	list-style: none;
	}

/* All list items*/
#nav, #nav ul 
  { 
	float: left;
	padding: 0; 
  width:100px; 
  height: 0px; 
	list-style: none;
  line-height:25px; 
	background: #414a89;
	color: black;
	margin-left: 10px;
	} 

/* All list items*/
#nav a { 
	display: block; 
 	width: 100%; 
	/*background: white; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #cae0ff;
	text-decoration: none;
	 padding: 3px 0px 4px 5px;
} 
/* All list items*/
#nav a:hover { 
	color: #414a89;
	background: #cae0ff;
	} 
/* Determine where arrow goes for more links*/
#nav a.morelinksright {
	background-image: url(http://info.grandlodgefop.org/images/more_arrow_blue.jpg); 
	background-position: 95% 50%; 
	background-repeat:no-repeat;}

#nav a.morelinksleft {
	background-image: url(http://info.grandlodgefop.org/images/morearrow_left_blue.jpg); 
	background-position: 0% 50%; 
	background-repeat:no-repeat;}

/* Top Level of names*/
#nav li { 
	float: right; 
  width: 100px ;
 	 }

/* sets visibility to "off" & sets block width of first drop-down and beyond*/
#nav li ul{ 
	position: absolute; 
	width: 200px;
		left: -999em; 
		 border-width: 0px;
	margin: -35px 0 0 100px;
	background: #414a89;
	color: #cae0ff;
	padding: 3px 3px 3px 3px;
	} 

/* sets width of link block for first dropdown and beyond*/
#nav li ul a, #nav li ul li{
		width: 200px; 
		border-width: 5px;
		background: #414a89;
		color: #cae0ff;
	} 

#nav li ul a:hover{
		width: 200px; 
		border-width: 5px;
  	color: #414a89;
  	background: #cae0ff;
	} 


/* shows first dropdown on hover (sfhover handles IE)*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Offsets second drop-down*/
#nav li ul ul { 
	margin: -50px 0 0 500px; 
	background: #414a89;
	padding: 3px 5px 4px 5px;
	}
	
/* Offsets second drop-down to the left*/
#nav li ul ul.leftflyout { 
	margin: -1.35em 5px 0px -165px; 
	}

#nav li ul ul a { 
	/*background: white;*/
	}
	
/* hides second dropdown*/	
#nav li:hover ul ul, #nav li.sfhover ul ul { 
	left: -999em;
	 }	
/* shows second dropdown*/
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; } 
	
/* Hides a potential third level of flyout*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 
	left: -999em; }
	 
	/* shows a possible third level of flyout.*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto; }