/*
	CSS of Olio2go.com
	(c) Copyright 2008 Olio2Go, LLC.
	Olio2go is a trademark of Olio2go, LLC.
	------------------------
	XHTML/CSS by Todor Iliev
*/

#nav {
	position: relative;
	text-transform: uppercase;
	height: 19px;
	font-size: 95%;
	background: #8f864e;
	border-top: 1px solid #8b741a;
	border-bottom: 1px solid #8b741a;
	padding: 4px 0 0 5px;
	z-index: 1000;
	}

#nav ul, #nav ul ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

/* level one style */
#nav ul li {
	float: left;
	height: 20px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	background: url(/_design/images/dev/navDivider.gif) no-repeat 0 0;
	}

/* last item on level one */
#nav ul li.firstItem {
	background: none;
	}

/* level two style */
#nav ul ul li {
	display: block;
	height: auto;
	position: relative;
	padding-top: 1px;
	background: #fff;
	}

/* level one link */
#nav a, #nav a:visited {
	color: #fff;
	background: #;
	text-decoration: none;
	display: block;
	float: left;
	height: 100%;
	padding: 0 12px 0 12px;
	}
	
#nav a.noCursor, #nav a.noCursor:visited {
	cursor: default;
	}
	
/* level two link */
#nav ul ul a, #nav ul ul a:visited {
	color: #a0a082;
	background: #eeede6;
	display: block;
	width: 120px;
	font-weight: normal;
	height: 100%;
	line-height: 12px;
	padding: 5px 0 5px 12px;
	}

#nav ul table ul a, #nav ul table ul a:visited  {
	width:140px;
	w\idth:120px;
	}

/* IE tweak - no part in the layout */
#nav table {position:absolute; left:0; top:0; font-size:1em;}
#nav ul ul table {lef\t:-1px;}
#nav ul ul table ul.left {margin-lef\t:2px;}
#nav li:hover {position:relative;}
* html #nav a:hover {position:relative;}

/* Backgrounds */
/* First Level */
#nav ul :hover a.sub1 {background:#eeede6;}
/* Second Level */
#nav ul ul :hover a.sub2 {background:#eeede6;}

/* Hovers */
/* First Level */
#nav a:hover {color:#eeedb0; background:#;}
#nav :hover > a {color:#eeedb0; background:#;}
/* Second Level */
#nav ul ul a:hover{color:#4e580f; background:#d7d2ac;}
#nav ul ul :hover > a {color:#4e580f; background:#d7d2ac;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden; position:absolute; height:0; top:20px; left:0; width:140px;}

/* position the third level flyout menu */
#nav ul ul ul {left:140px; top:0; width:140px;}

/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {left:-140px;}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul {visibility:visible; height:auto; padding-bottom:0px;}