/*** ESSENTIAL STYLES ***/
nav ul, nav ul * {list-style:none;}
nav ul ul {	position:absolute; padding:0px !important;   width:100%; min-width:260px;}
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:62px;	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; border-left:1px solid #fff;}
#mainnav>ul>li:first-child{border-left-width:0px;}
nav ul li a { text-decoration:none; padding:20px 5%;   text-align:left;  color:#fff; display:block; text-align:center; text-shadow:1px 1px 1px #222;  font-size:1em; font-weight:bold; }
nav ul a:focus, nav ul a:hover, nav ul a:active, nav ul li.sfHover>a, nav ul li.current>a, nav ul li.currentpath>a{ text-decoration:none;background:#0089AA; color:#fff;}

nav ul ul { background-color:#0089AA;  box-shadow:3px 3px 3px #222; margin:0;}
nav ul ul li{ margin:0; width:100%;}
nav ul ul li:last-child { margin-bottom:5px;}
nav ul ul li>a { 	text-decoration:none; padding:10px 5px 10px 30px; color:#fff; background: #0089AA ; text-align:left; height:auto; }
nav ul ul li:hover>a, nav ul ul li.sfHover>a, nav ul ul li.current>a, nav ul ul li.currentpath>a{background: #006077 ;}

/*** arrows **/
nav ul a.sf-with-ul {	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator { color:#fff; margin-left:2px; height:0; display:inline-block; float:right;}
a > .sf-sub-indicator {  height:10px;}

/* 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 {	color:#fff;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;}


@media only screen and (max-width: 801px) {
		/** MOB MENU **/
	#mainnav {display:none; clear:both; }
	#mainnav>ul{  background-color:#666; display:block;}
	#mainnav ul li { width:100%; float:none; display:block;  border-left-width:0px;}
	#mainnav ul li a { padding:15px; display:block; border-radius:0; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; background-position: 20px 25px; font-weight:bold;  background-color:#444; }
	#mainnav ul li a:hover { background:#0089AA; }
	#mainnav ul ul { display:block !important; visibility:visible !important; position:static; box-shadow:0 0 0 transparent; background-color:transparent;}
	#mainnav ul ul li {width:100%; float:none; margin:0 0 0 0;}
	#mainnav ul ul li a {   font-weight:normal; text-align:center; background-image:none; font-weight:normal; background-color:transparent; font-size:1em }
}