﻿#dnnMenu{ height:39px;}
#dnnMenu .topLevel{ position:relative; height:39px; margin:0 60px 0 0; padding:0;}
#dnnMenu .topLevel li{ position:relative; float:left; margin:0 10px 0 0; list-style-type:none;}

#dnnMenu .breadcrumb { background:none; border-radius:0; list-style:none; margin:0; padding:0;}
#dnnMenu .topLevel li a{ 
	display:block; 
	color:#fff; 	
	font-family: "Oswald","Helvetica Neue","Arial","Helvetica",sans-serif;
	font-size: 18px;
	font-weight: normal;    
	text-decoration: none;
	text-transform: uppercase;
}
#dnnMenu .topLevel li.breadcrumb a,#dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{ 
	background:#FFF;	
	border-radius:0px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);
	color:#333;
	text-decoration:none;
}
#dnnMenu .topLevel li a span{ display:block; line-height:38px; margin:0; padding:0 10px; text-transform:uppercase;}

#dnnMenu .subLevel{ display:none; position:absolute; left:0; top:43px; margin:0; padding:0; z-index:1210;}
#dnnMenu .subLevel:before{ position:absolute; left:5px; top:0; margin-top:-8px; border-color: #333333; border-left: 8px solid transparent; border-right: 8px solid transparent; border-style: none solid solid solid; border-width: 0 8px 8px 8px; content:'';}
#dnnMenu .topLevel li.hover .subLevel{ display:block; white-space:nowrap;}
#dnnMenu .subLevel ul{ position:relative; margin:0; padding:0 ; background:#333333; border-radius:0; border:1px solid #393939; border-top:none; z-index:1200;}
#dnnMenu .subLevel li{ float:none; clear:both; width:auto; margin-right:0; padding:0 15px 0 15px; border-bottom:1px solid #393939;}
#dnnMenu .subLevel li:last-child{ border-bottom:none;}
#dnnMenu .subLevel li.item a{
	background:none;
	color:#fff; font-size:14px;  border-radius:0; box-shadow:none; border-bottom:none; transition: all 0.2s ease-in 0s;
 }
#dnnMenu .subLevel li.item a:hover,#dnnMenu .subLevel li.breadcrumb a{
	color:#fff;	
 }
#dnnMenu .subLevel li.item a span{  line-height:38px; padding:0; text-shadow:none;}
#dnnMenu .subLevelRight{ display:none; position:absolute; left:205px; top:0; width:200px;}
#dnnMenu .subLevel li.hover > .subLevelRight{ display:block;}
#dnnMenu .subLevelRight ul{ display:block;}
#dnnMenu .subLevelRight ul li{ position:relative;}
#dnnMenu .subLevelRight ul li.item a { display:block;}
#dnnMenu .subLevelRight ul li.item a span{ display:block; white-space:nowrap; height:35px; line-height:35px;}

@media only screen and (max-width: 980px) {
#dnnMenu .topLevel li a span{ padding:0 10px;}
header {    
    height: 207px;    
}
}

@media only screen and (max-width: 768px) {
header {    
    height: 0px;    
	min-height:132px;
}
#dnnMenu{ height:auto;}
#dnnMenu .topLevel{ background:#333333;height:auto;z-index:1200; }
#dnnMenu .topLevel li{ float:none; width:100%; margin-bottom:1px;}
#dnnMenu .topLevel li a{ background:#333333; border-bottom:1px solid #393939; border-right:none; padding:0 10px;}
#dnnMenu .topLevel li:first-child a{ border-top:1px solid #393939;}
#dnnMenu .topLevel li.breadcrumb > a,#dnnMenu .topLevel li.hover > a, #dnnMenu .topLevel li > a:hover{ background:none; border-bottom:1px solid #393939; border-radius:0; box-shadow:none; color:#fffffe;}
#dnnMenu .topLevel li:last-child a{ border-bottom:1px solid #333333;}
#dnnMenu .topLevel li a span{ padding:0 10px; color:#fff;}
#dnnMenu .subLevel{ display:block; position:relative; left:0; top:0; width:100%;z-index:1200;}
#dnnMenu .subLevel:before{ display:none;}
#dnnMenu .subLevel ul{ padding:0; border:none; z-index:1200; }
#dnnMenu .subLevel li{ padding:0 0 0 0; border:none;}
#dnnMenu .subLevel li.item a { border:none; border-bottom:1px solid #393939; padding-left:20px;}
#dnnMenu .subLevel li.item a span{ padding:0 15px;}
}