/* CSS Document */

	#menu {
	width: 170px;
	float: left;
	}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 170px;
	height: 22px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(main2.jpg);
	background-repeat: repeat-y;
	}
	
	
	#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 85%;
	margin-top : -2.35em;
	z-index: +1000;
	}
	/* z index is so that the second level drop down is above the main menu
	    margin left determines how far in the second level menu is in relation to the main menu */
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
	width: 170px;
	display : block;
	color : #333333;
	font-weight : normal;
	text-decoration : none;
	background-color : #F9F3E5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1E3C5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;
	}
	
	#nav li a:hover {
	color : #333333;
	background-color : #F0E2C1;

	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#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 { /* lists nested under hovered list items */
		left: auto;
	}
	
	#nav .spacer a {
	background-color: #F9F3E5;
	background-repeat: repeat;
	color: #CC9900;
	text-indent: 30px;
}

	#nav .spacer a:hover {
	background-color: #F9F3E5;
	background-repeat: repeat;
	color: #CC9900;
}