/* Horizontal menu system */
#navlist {
font-size: .9em;
margin: 14px 0 2.5em 5px;
width: 100%;
}
#navlist li {
float: left;
list-style-type: none;
margin: 0 0px 1em 0px;
padding: 0;
white-space: nowrap;
}
#navlist ul {
margin: 0;
padding: 0;
}
#navlist a {
	padding: 3px 16px 3px 20px;
	border: 0;
	border-color: #ddd #000 #000 #ddd;
	background-color: #fff0eb;
	background-image: url("../images/m_over.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
#navlist a:link, #navlist a:visited {
color: #b3a26e;
}
/*
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited,
#uberlink a:active {
}
*/
#uberlink a:hover {
	background-color: #fff0eb;
	background-image: url("../images/m_down.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;
}

/* You'll need to fix a couple of MSIE issues again using Conditional Comments as before. But this time, 
both IE5x and 6 require the identical fixes. Here is the fix:
*/
/*
<!--[if lt IE 7]>
<style>
#navlist a  {
position: relative;
height: 1em;
zoom: 100%;
}
</style>
<![endif]--> */

/* An example of the xhtml code to use with the above css menu 
<!--
<div id="navlist">
<ul>
<li id="uberlink"><a href="#">Page One</a></li>
<li><a href="#">Page Two</a></li>
<li><a href="#">Page Three</a></li>
<li><a href="#">Page Four</a></li>
<li><a href="#">Page Five</a></li>
</ul></div>
-->
*/