/* @option theme menutype*/

#navcontainer {position: relative;}
#navcontainer .current {}
#navcontainer .currentAncestor {}

/* Parent - Level 0 */
#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;}

#navcontainer li {
	position: relative;}

#navcontainer a {
	display: block;
	padding: 0px;
	line-height: 1.4;
	text-decoration: none;}

#navcontainer a:hover {}
#navcontainer a:active {}
#navcontainer ul li ul,
#navcontainer ul li ul li,#navcontainer ul li ul li ul,#navcontainer ul li ul li a,#navcontainer ul li ul li a:hover,#navcontainer ul li ul li a:hover {}

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 20px; }
/* End */

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 200px;
	border-style: solid;
	border-width: 1px;
	z-index: 15;}

#navcontainer ul ul a {
	text-align: left;
	padding-left: 10px;
	letter-spacing: 0;}

#navcontainer ul ul a:hover {}
#navcontainer ul ul #current{}
/* Child Level 3 */
#navcontainer ul ul ul {
	margin-top: -2px;}
#navcontainer ul ul ul ul li { }
#navcontainer ul ul ul ul a{}
#navcontainer ul ul ul ul a:hover{}

#navcontainer ul ul a,#navcontainer ul ul .current {padding-left: 15px;}

#navcontainer ul ul ul a,#navcontainer ul ul ul .current {padding-left: 10px !important;}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;}
/* @end */
	
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content:"►";
	position: relative;
	left: 6px;
	color: #e0e0e0;}
	
@media screen and (max-width:768px) {

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content:" ▼";
	position: relative;
	left: 6px;
	top: -2px;
	height: 0;
	width: 0;
	color: #e0e0e0;
	font-size: 12px !important;}
}