/*** ESSENTIAL STYLES ***/
nav ul, nav ul * {list-style:none;}
nav ul ul {	position:absolute; padding:0px !important;   width:100%;}
nav ul ul li {	width:200px; text-align:left;}
nav ul li:hover {	visibility:inherit;}
nav ul li {	position: relative;}
nav ul a {	display: inline-block;	position:	relative;}
nav ul li:hover ul, nav ul li.sfHover ul {top:40px;	z-index: 20000;}
nav ul li ul ul li, nav ul li ul ul li,nav ul li:hover ul ul li, nav ul li.sfHover ul ul li { }
nav ul li:hover ul ul, nav ul li.sfHover ul ul { top: 0px;	z-index: 20000;}

/*** DEMO SKIN ***/
#mainnav>ul { display:table; width:100%;}
#mainnav>ul>li {margin:0px; padding:0px; display:table-cell; width:20%; text-align:center;}
nav ul li a { text-decoration:none; padding:10px 20px;   text-align:center; height:22px; /*border-bottom:4px solid transparent;*/ font-weight:bold; border-radius:1000px}
nav ul a:focus, nav ul a:hover, nav ul a:active, nav ul li.sfHover>a, nav ul li.currentpath>a { text-decoration:none;background-color:#BB8D51; color:#fff;}

nav ul ul { background-color:#005F4C;  box-shadow:3px 3px 3px #222;}
nav ul ul li{ margin:1% 1% 0 1%; width:98%;}
nav ul ul li:last-child { margin-bottom:5px;}
nav ul ul li>a { 	text-decoration:none; padding:7px 5px 7px 15px; color:#fff !important; text-shadow: none !important;  background:url(../images/nav_li_bg.png) no-repeat 5px 13px; text-align:left; height:auto;}
nav ul ul li:hover>a, nav ul ul li.sfHover>a, nav ul ul li.currentpath>a{background: #005F4C url(../images/nav_li_bg.png) no-repeat 5px 13px;}

/*** arrows **/
nav ul a.sf-with-ul {	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator { color:#fff; margin-right:10px;}
a > .sf-sub-indicator { top: 7px;	background-position: 0 -100px; /* use translucent arrow for modern browsers*/  /*background-color:#C91F01; border-radius:100px; margin-left:5px; padding: 0 4px;*/}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
nav ul ul .sf-sub-indicator { background-position:  -10px 0; }
nav ul ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
nav ul ul a:focus > .sf-sub-indicator,
nav ul ul a:hover > .sf-sub-indicator,
nav ul ul a:active > .sf-sub-indicator,
nav ul ul li:hover > a > .sf-sub-indicator,
nav ul ul li.sfHover > a > .sf-sub-indicator {	background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {	padding: 0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off {	background: transparent;}