/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;
	
	z-index:100

}

.sf-menu {

	line-height: normal;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}




/*magerks template*/


/*sub levels*/
.sfHover, .active, .parent, #nav a:hover { height:30px; margin:0; padding:0}
#nav, #nav ul, #nav ul li, #nav a { background:none; height:30px; padding:0; margin:0}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0; background:none; height:30px; padding:0; margin:0}

#nav ul{ z-index:99; position:absolute; margin:10px 0 0 0 ; padding:0; width:180px;}

#nav .parent ul li { text-indent:25px; height:30px; line-height:30px; margin:0; border-bottom:1px solid #ffdea1}
#nav .parent ul li a { text-indent:25px; width:auto; display:block; background:#370900; padding:0; margin:0; color:#fff !important; text-decoration:none !important; font-size:12px; font-weight:bold}
#nav .parent ul li a:hover { text-indent:25px; width:auto; display:block; background:#0b827c; padding:0; margin:0}