/* Stops Internet Explorer versions less than 8 showing a 1 pixel horizontal scroll */
html {
	overflow-x: hidden;
}

/* Wrapper------------------------------------------------------------------ */


/* Left Column ------------------------------------------------------------- */

#left-menu {
	position: absolute;
	left: 5px;
}

/* Right Column ------------------------------------------------------------- */

#right-menu {
	position: absolute;
	right: 5px;         
}

/* Main Content ------------------------------------------------------------- */
#main-content {
	margin: 10px 175px 0px 175px;
}


/* HORIZONTAL NAV*/


#nav { height: 30px; text-align: left; background: #7F7456; clear: both; padding: 0 10px; margin: 0; 
-moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0; border-radius: 9px 9px 0 0; }


/*** ESSENTIAL STYLES ***/
ul.sf-menu, ul.sf-menu * { margin: 0; padding: 0; list-style: none; }
ul.sf-menu { line-height: 1.0; }
ul.sf-menu ul { position: absolute; top: -999em; width: 170px; /* left offset of submenus need to match (see below) */ }
ul.sf-menu ul li { width: 100%; height: 30px; }
ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu li { float: left; position: relative; }
ul.sf-menu a { display: inline-block; position: relative; font-size: 11px; font-weight: bold; text-decoration: none; height: 30px; line-height: 30px; padding: 0 10px; background: #7F7456; color: #FFFFFF; }
ul.sf-menu ul a { display: block; }
ul.sf-menu a:hover { background: #7F7456; }
ul.sf-menu a:visited { color: #FFFFFF; }
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { 
left: 0; top: 30px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover ul li ul,
ul.sf-menu li.sfHover ul li ul {
top: -999em;
}
ul.sf-menu li ul li:hover ul,
ul.sf-menu li ul li.sfHover ul {
left: 170px; /* match ul width */
top: 0; 
 z-index: 999;
}
ul.sf-menu li ul li:hover li ul,
ul.sf-menu li ul li.sfHover li ul {
top: -999em;
}
ul.sf-menu li ul li li:hover ul,
ul.sf-menu li ul li li.sfHover ul {
left: 170px; /* match ul width */
top: 0; z-index: 999;
}
ul.sf-menu li ul a { background: #BBB29A; }

