#nav {
	LIST-STYLE-TYPE: none;
	margin:0px;
	padding:0px;
	background-color:#333333;
	display:block;
	background-position:bottom;
	POSITION: relative;
	Z-INDEX: 12; 
}
#nav UL {
	DISPLAY: block; 
	PADDING: 0px; 
	MARGIN: 0px; 
	OVERFLOW: visible; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute;
	background-color:#ffffff; /* this stops the disapearing menu */
	width:108px;
	Z-INDEX: 12; 
	max-width:108px;
	height:auto;  /* ****** This MUST be here for second level li's to sit in for Mozilla (hours of my life to fix this) */
}
#nav LI {
	color: #ffffff; 
	background: url(../images/menu.gif) top right no-repeat;/**/
	text-align:center;
	MARGIN: 0px; 
	PADDING: 0px; 
	DISPLAY: block; 
	HEIGHT: 40px;
	max-width:108px;
	width:108px; 
	FLOAT: left; /*stacks if you change this  don't mess with here down*/
	POSITION: relative; 
	Z-INDEX: 12;
}

#nav .hme {
		background-position: 0px 0px;
		display:block;
}
#nav .mi2 {
		background-position: -108px 0px;
		display:block;
}
#nav .mi3 {
		background-position: -216px 0px;
		display:block;
}
#nav .mi4 {
		background-position: -324px 0px;
}
#nav .mi5 {
		background-position: -432px 0px;
}
#nav .mi6 {
		background-position: -540px 0px;
}
#nav .mi7 {
		background-position: -648px 0px;
}
#nav .hmexc {
		background-position: 0px -40px;
}
#nav .mi2xc {
		background-position: -108px -40px;
}
#nav .mi3xc {
		background-position: -216px -40px;
}
#nav .mi4xc {
		background-position: -324px -40px;
}
#nav .mi5xc {
		background-position: -432px -40px;
}
#nav .mi6xc {
		background-position: -540px -40px;
}
#nav .mi7xc {
		background-position: -648px -40px;
}
#nav A.hme:hover {
		background-position: 0px 0px;
}
#nav A.mi2:hover {
		background-position: -108px 0px;
}
#nav A.mi3:hover {
		background-position: -216px 0px;
}
#nav A.mi4:hover {
		background-position: -324px 0px;
}
#nav A.mi5:hover {
		background-position: -432px 0px;
}
#nav A.mi6:hover {
		background-position: -540px 0px;
}
#nav A.mi7:hover {
		background-position: -648px 0px;
}
#nav A {
/*	BORDER: #ffffff 1px solid; */
	color: #333333; 
	margin:0px;
	padding:0px;
	DISPLAY: block; 
	TEXT-DECORATION: none;
	font:bold 2px verdana, arial, 'sans serif'; /*This changes the font and height for the menu only */
	WIDTH: 108px; 
	max-width:108px;
	position:relative;
	Z-INDEX: 12; 
	height:40px;
}

#nav A:hover {
	COLOR: transparent; 
	display:block;
	BORDER-LEFT: none; 
	BORDER-TOP: none; 
	BORDER-BOTTOM: none; 
/*	background:;*/
}

#nav LI LI {
	text-align:left;
	display:block; 
	margin-left: 0px;
	margin-right:0px;
	background: #B7B59A;/**/
	font-weight:bold;
	height:20px;
	width:180px;
	padding:0px;
	MARGIN-BOTTOM: 1px; /*more space between items - moz and ie */
	position:relative;  
	z-index:12;
	min-width:180px;
	FLOAT: left; /*stacks if you change this  don't mess with here down/**/
}


#nav LI LI A{
	line-height:150%;
	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	padding-left:5px;
/*	background: url(../images/menu2.gif);*/
	height:20px;
	width:180px;
	min-width:180px;
	font-size: 90%;
	font-weight:normal;
	position:relative;
	z-index:12;
}


#nav LI LI A:hover{
/*	margin-left: 0px;
	margin-right:0px;
	margin-bottom:0px;
	background: url(../images/menu2.gif);
	max-width:140px;
	height:20px;*/
	COLOR: #ffffff; 
	background:#009900 ;/*#cccccc*/
	width:180px;
	min-width:180px;
	position:relative;
	z-index:12;
}
#nav LI LI LI {
	display:none;
}

#nav UL #botul {
	display:inline-block;
	height:37px;
	background: url(../images/ululbot.gif) bottom left no-repeat;/**/
	width:180px;
}

#nav UL {
	DISPLAY: none; LEFT: 0px; z-index:12;
}
#nav UL UL {
	DISPLAY: none; LEFT: 0px; TOP:0px;  background: none;
}

#nav UL UL UL {
	DISPLAY: none; 
}
UNKNOWN {
	MARGIN-TOP: -1.7em;
}
#nav LI:hover UL UL {
	DISPLAY: none;
}
#nav LI:hover UL UL UL {
	DISPLAY: none;
}
#nav LI:hover UL {
	DISPLAY: block;
}
#nav UL LI:hover UL {
	DISPLAY: block;
}
#nav UL UL LI:hover UL {
	DISPLAY: block;
}
UNKNOWN {
	LEFT: auto; TOP: auto
}