/* root level menu items */

/* Fonts */
@font-face {
font-family: 'Bebas';
src: url('../fonts/Bebas.ttf');
font-weight: normal;
font-style: normal;
}


/* current menu item */

.sf-menu .current a, .sf-menu .current a:visited, .sf-menu .current a:active  /*current menu item*/
{   
  background:#eeeeee;
} 


#dnn_MENU1 li >ul >li
{
  padding-top:0px; 
  height:20px;	
}

#dnn_MENU1 li >ul
{
}

#dnn_MENU1 li:hover
{	
}


/*Applies to all menu items*/
.sf-menu li 
{
    font-family:'Bebas';
    font-size:18px;
}

/* normal root menu item */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{
    color:#85a8c4;	
}



/* current menu item*/
sf-menu .current li
{
    
}



.sf-menu 
{
	height: 2em;
	margin-bottom:	1em;
}

.sf-menu li
{
    text-align:center;
}

.sf-menu a 
{   
    padding: 12px 20px;
    padding-bottom:13px;
	text-decoration: none;
	color:#7d7d7d;
	font-family:'Bebas';
        font-size: 16px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}


@media handheld, only screen and (max-width: 900px)  
{
    .sf-menu a {
    padding: 12px 10px;
	text-decoration: none;
	color:#7d7d7d; font-family:'Bebas'; }
}


.sf-menu li li 
{
    background:#512c5c;	
}

.sf-menu li li li 
{
    background:#512c5c;
	
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			2.4em;
	top:			1.25em; /* IE6 only */
	
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* 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 */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu 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 0 0px 0;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; 
}
.sf-menu {
	line-height:	1.0; 
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /**** .... Change Width .... ****** left offset of submenus need to match (see below) */
}



/****** edit code ............ ***********************/

.sf-menu ul { margin-top: 17px; padding-top:0px; background:#eeeeee; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; }
.sf-menu li ul li { width:100%; margin-left:0px; background:none; margin-top:-1px; padding:0 0 22px 0;  text-align:left; border-bottom:1px solid #dedede; }
.sf-menu li ul li ul { margin-top:1px; margin-left:0px;}

.sf-menu li ul li ul:hover { box-shadow:none;}




.sf-menu ul 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:			1.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;	
}