nav {
	z-index: 4;
	zoom: 1;
}

* {
margin: 0; padding: 0;
}
#page-wrap {
width: 800px; margin: 25px auto;
} 
a {
text-decoration: none;
}
ul {
list-style: none;
}
p {
margin: 15px 0;
}

/* 
	LEVEL ONE
*/

ul.dropdown {
position: relative;
z-index:4;
}
ul.dropdown li {
float: left;
zoom: 1;
text-align:center;
margin-right:10px;
}
ul.dropdown.last {
	margin-right:0px;
}

@media (max-width: 700px) {
ul.dropdown li {
float:none;
margin-bottom:10px;
margin-right:0px;
}
}

ul.dropdown a:hover	{
}
ul.dropdown a:active {
}
ul.dropdown li a {
background-color:#fff200;
color:#000000;
border:#000 1px solid;
display: block;
padding: 4px 8px;
}

ul.dropdown li a:hover {
background-color:#483b26;
color:#fff200;

}

ul.dropdown li:last-child a {
border-right:;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
position: relative;
}
ul.dropdown li.hover a {
color:#FFFFFF;
}

ul.sub-menu li {
text-align:left;
}

/* 
	LEVEL TWO
*/

ul.dropdown ul {
width: auto;
min-width:-moz-min-content;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index:4;
}
ul.dropdown ul li {
float: none;
width:auto;
padding-top:2px;
z-index:4;

}								  

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a	{
color:#000000;
background-color:#fff200;
border-right:;
width: auto;
display: block;
white-space:nowrap;
text-align:left;
}
ul.dropdown ul li a:hover { 
color:#FFFFFF;
background-color:#483b26;
} 

/* 
	LEVEL THREE
*/

ul.dropdown ul ul {
left: 100%; top: 0;
}
ul.dropdown li:hover > ul {
visibility: visible;
}