@import url("../fonts/Cantarell-fontfacekit/stylesheet.css");
@import url("../fonts/Lane-fontfacekit/stylesheet.css"); 

#dnnMenu {position:relative; height:12px; z-index:999; padding:12px 0 0 40px; width:100%; float:left;}
#dnnMenu:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#dnnMenu .topLevel {position:relative; margin:0; padding:0; height:12px;}
#dnnMenu .topLevel li {float:left; margin:0; padding:0 0 0 2px; list-style-type:none; position:relative; display:block; height:12px; background:url(../images/pipe-nav.png) no-repeat top left;}
#dnnMenu .topLevel li.first {background:none;}
#dnnMenu .topLevel li.first a {background:none; padding-left:0 !important;}
#dnnMenu .topLevel li.last a {padding-right:0 !important;}
#dnnMenu .topLevel li a {display:block; color:#787B7D !important; font-family: 'Libre Baskerville', sans-serif; font-size:14px; text-align:center; padding:0 16px; line-height:12px; text-decoration:none;}
#dnnMenu .topLevel li a:hover,
#dnnMenu .topLevel li.hover a {text-decoration:none; color:#82618F !important;}
#dnnMenu .topLevel li.hover .subLevel {display:block;}
#dnnMenu .topLevel li.selected a,
#dnnMenu .topLevel li.breadcrumb a {color:#82618F !important;}
#dnnMenu .topLevel li .arrow {display:none; width:29px; height:8px; float:left; position:absolute; top:21px; left:40%; z-index:999;}
#dnnMenu .topLevel li.hover .arrow {display:block;}

#dnnMenu .subLevel {display:none; position:relative; zoom:1; padding:18px 0 0; }
#dnnMenu .subLevel ul {margin:0; padding:0; position:absolute; background:#7e697f; float:left; zoom:1; left:0px; border-top:8px solid #FFF; border-bottom:8px solid #FFF; position:relative; 
-webkit-box-shadow: 0px 0px 4px #999;
-moz-box-shadow: 0px 0px 4px #999;
box-shadow: 0px 0px 4px #999;}

/* 
.ie7 #dnnMenu .subLevel ul,
.ie8 #dnnMenu .subLevel ul {
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=315, Strength=3);

filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=45, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=225, Strength=3)
progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=315, Strength=3);} 
*/
#dnnMenu .subLevel {position:absolute; width:auto;}
#dnnMenu .subLevel li {display:block; float:none; height:auto; padding:0; background:#7e697f; zoom:1; border-left:8px solid #FFF; border-right:8px solid #FFF;}
.ie7 #dnnMenu .subLevel li {zoom:1; width:100%;}
#dnnMenu .subLevel li.item a {text-decoration:none; color:#fff !important; font-size:14px; font-weight:normal; text-align:left; height:auto; padding:8px 30px 8px 7px !important; white-space:nowrap;}
#dnnMenu .subLevel li.item a:hover {color:#666666 !important; text-decoration:none;}
#dnnMenu .subLevel li.item.hover {background:#fffbfc;}
#dnnMenu .subLevel li.hover > .subLevelRight {display:block;}
#dnnMenu .subLevel li.first > a {}
#dnnMenu .subLevel li.first.last > a {}
#dnnMenu .subLevel li.first.last > .subLevelRight {top:-8px;}
#dnnMenu .subLevel li.first > .subLevelRight {top:-8px;}
#dnnMenu .subLevel li.first > .subLevelRight li.first > .subLevelRight {top:0px;}
#dnnMenu .subLevel li.last > a {}
#dnnMenu .subLevel li.haschild {background:url(images/nav-has-child-arrow.png) no-repeat right center;}
#dnnMenu .subLevel li.haschild.hover,
#dnnMenu .subLevel li.hover {background:url(images/nav-has-child-arrow-hover.png) no-repeat right center #f2f2f2;}
#dnnMenu .subLevel li.haschild.hover > a {text-decoration:none; color:#666666 !important;}

#dnnMenu .subLevel li.hover.disabled {background:url(images/nav-has-child-arrow.png) no-repeat right center #fffbfc; cursor:default;}
#dnnMenu .subLevel li.hover a.disabled {}

#dnnMenu .subLevelRight {display:none; position:absolute; left:100%; top:-6px; margin:0;}
#dnnMenu .subLevelRight ul {display:block;}
#dnnMenu .subLevelRight ul li {position:relative;}
#dnnMenu .subLevelRight ul li a {display:block;}
#dnnMenu .subLevelRight ul li.first > a{}

#dnnMenu .longMenu .subLevel {top:38px; right:0;}

#dnnMenu .page83 .subLevel li.last .subLevelRight {}

#dnnMenu .subLevelRight {border:8px solid #FFF !important; zoom:1; background:#7e697f; padding:6px; -webkit-box-shadow: 0px 0px 4px #999; -moz-box-shadow: 0px 0px 4px #999; box-shadow: 0px 0px 4px #999;}
#dnnMenu .subLevelRight ul {position:relative; border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:none !important;}
#dnnMenu .subLevelRight ul li {border:none; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0;}
#dnnMenu .subLevelRight ul li.hover {background:none !important;}
#dnnMenu .subLevel li.item .subLevelRight ul li a {font-size:13px !important; line-height:14px; padding:4px 5px !important;}
#dnnMenu .subLevel li.item .subLevelRight .li_container ul li a {white-space:normal !important;}
#dnnMenu .subLevel li.item .subLevelRight ul li a:hover {color:#fff !important;}
#dnnMenu .subLevelRight .li_container {position:relative; width:300px;}
#dnnMenu .subLevelRight .li_container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



.ie7 #dnnMenu .arrow,
.ie8 #dnnMenu .arrow {display:none !important;}
.ie7 #dnnMenu .subLevel {margin:0; padding:0; overflow:normal; border:none !important;}
.ie7 #dnnMenu .subLevel ul {border:8px solid #FFF; display:block; width:350px;}
.ie7 #dnnMenu .subLevel li {float:left; clear:left; border:none; width:100%;}
.ie7 #dnnMenu .subLevel a {border:none;}

.ie7 #dnnMenu .subLevelRight {margin:0; padding:0; border:none;} 

@media screen and (max-width: 640px){
	#dnnMenu .topLevel li { float:left; list-style-type: none; display:inline; }
	#dnnMenu .topLevel li  a{ text-align: left;}
	#dnnMenu .topLevel li.item { width: 100%; }
}