﻿@media screen and (min-width: 1000px) {
	/* Navigation */
#dnnMenu{height:39px;}
#dnnMenu .topLevel{height:39px;position:relative;}
#dnnMenu .topLevel li{float:left;margin:0 10px 0 0;list-style-type:none;position:relative;margin:0 10px 0 0;}

#dnnMenu .topLevel li a{display:block; font-family: 'Lato', sans-serif; font-size: 18px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 0px #000; line-height:33px;background: transparent;}
#dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{color:#c11820;text-decoration:none;background:transparent;}

#dnnMenu .topLevel li a div{display:block;line-height:33px;background:transparent;padding:6px 0 0 15px;}
#dnnMenu .topLevel li.hover a div, #dnnMenu .topLevel li a:hover div{background:transparent;}

#dnnMenu .subLevel{display:none;position:absolute;width:auto; margin: -1px 0px 0px 0px; padding: 10px; z-index: 1210; background: transparent url(images/child-arrow.png) no-repeat top 2px left 40px;}
#dnnMenu .topLevel li.hover .subLevel{display:block;white-space:nowrap;}
#dnnMenu .subLevel ul{margin:0;padding:0;position:relative;z-index:1200; background-color: rgba(255, 54, 60, 0.78); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
#dnnMenu .subLevel li{float:none;clear:both;width:auto;}
#dnnMenu .subLevel li{margin-bottom:-.55em;}
#dnnMenu .subLevel li.item a{background: transparent;}
#dnnMenu .subLevel li.item a div{display:block;background:transparent;color:#FFFFFF;line-height:30px; padding:0 0 0 15px;}
#dnnMenu .subLevel li.item a div img{margin-right:.5em;width:5px;height:8px;vertical-align:middle;}
#dnnMenu .subLevel li.item a div span{font-family: 'Lato', sans-serif; font-size: 14px; text-shadow: none;}
#dnnMenu .subLevel li.item a:hover div{color:#000000;}
#dnnMenu ul li.item.haschild div ul li.item.selected a div span{color:#000000;}
#dnnMenu .subLevel li.first > a{background: transparent;}
#dnnMenu .subLevel li.first > a div{background:transparent;line-height:24px;padding:16px 0 3px 15px;}
#dnnMenu .subLevel li.last > a{background:transparent;}
#dnnMenu .subLevel li.last > a div{background:transparent;line-height:24px;padding:3px 0 6px 15px;}
#dnnMenu .subLevel li.first.last > a{background:transparent;}
#dnnMenu .subLevel li.first.last > a div{display:block;background:transparent;line-height:30px;padding:8px 0 0 15px;}


#dnnMenu .subLevelRight{display:none;position:absolute;left:100%;top:-6px;width:auto;margin:0 0 0 -3px;}
#dnnMenu .subLevel li.first > .subLevelRight{top:8px;}
#dnnMenu .subLevel li.first.last > .subLevelRight{top:2px;}
#dnnMenu .subLevel li.hover > .subLevelRight{display:block;}
#dnnMenu .subLevel li.first > .subLevelRight li.first > .subLevelRight {top:0px;}
#dnnMenu .subLevelRight ul{display:block;}
#dnnMenu .subLevelRight ul li{position:relative;}
#dnnMenu .subLevelRight ul li a{display:block;}
#dnnMenu .subLevelRight ul li a div{display:block;white-space:nowrap;}
#dnnMenu .subLevelRight ul li.first > a{background:transparent;}
#dnnMenu .subLevelRight ul li.first > a div{background:transparent;line-height:24px;padding:6px 0 0 15px;}
#dnnMenu .subLevelRight ul li.first.last > a div{background:transparent;padding:6px 0 0 15px;}

}

@media screen and (min-width: 768px) and (max-width: 999px) {
	/* Navigation */
#dnnMenu{height:39px;}
#dnnMenu .topLevel{height:39px;position:relative;}
#dnnMenu .topLevel li{float:left;margin:0 10px 0 0;list-style-type:none;position:relative;margin:0 10px 0 0;}

#dnnMenu .topLevel li a{display:block; font-family: 'Lato', sans-serif; font-size: 18px; color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-shadow: 1px 1px 0px #000; line-height:33px;background: transparent;}
#dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{color:#c11820;text-decoration:none;background:transparent;}

#dnnMenu .topLevel li a div{display:block;line-height:33px;background:transparent;padding:6px 0 0 15px;}
#dnnMenu .topLevel li.hover a div, #dnnMenu .topLevel li a:hover div{background:transparent;}

#dnnMenu .subLevel{display:none;position:absolute;width:auto; margin: -1px 0px 0px 0px; padding: 10px; z-index: 1210; background: transparent url(images/child-arrow.png) no-repeat top 2px left 40px;}
#dnnMenu .topLevel li.hover .subLevel{display:block;white-space:nowrap;}
#dnnMenu .subLevel ul{margin:0;padding:0;position:relative;z-index:1200; background-color: rgba(255, 54, 60, 0.78); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}
#dnnMenu .subLevel li{float:none;clear:both;width:auto;}
#dnnMenu .subLevel li{margin-bottom:-.55em;}
#dnnMenu .subLevel li.item a{background: transparent;}
#dnnMenu .subLevel li.item a div{display:block;background:transparent;color:#FFFFFF;line-height:30px; padding:0 0 0 15px;}
#dnnMenu .subLevel li.item a div img{margin-right:.5em;width:5px;height:8px;vertical-align:middle;}
#dnnMenu .subLevel li.item a div span{font-family: 'Lato', sans-serif; font-size: 14px; text-shadow: none;}
#dnnMenu .subLevel li.item a:hover div{color:#000000;}
#dnnMenu ul li.item.haschild div ul li.item.selected a div span{color:#000000;}
#dnnMenu .subLevel li.first > a{background: transparent;}
#dnnMenu .subLevel li.first > a div{background:transparent;line-height:24px;padding:16px 0 3px 15px;}
#dnnMenu .subLevel li.last > a{background:transparent;}
#dnnMenu .subLevel li.last > a div{background:transparent;line-height:24px;padding:3px 0 6px 15px;}
#dnnMenu .subLevel li.first.last > a{background:transparent;}
#dnnMenu .subLevel li.first.last > a div{display:block;background:transparent;line-height:30px;padding:8px 0 0 15px;}


#dnnMenu .subLevelRight{display:none;position:absolute;left:100%;top:-6px;width:auto;margin:0 0 0 -3px;}
#dnnMenu .subLevel li.first > .subLevelRight{top:8px;}
#dnnMenu .subLevel li.first.last > .subLevelRight{top:2px;}
#dnnMenu .subLevel li.hover > .subLevelRight{display:block;}
#dnnMenu .subLevel li.first > .subLevelRight li.first > .subLevelRight {top:0px;}
#dnnMenu .subLevelRight ul{display:block;}
#dnnMenu .subLevelRight ul li{position:relative;}
#dnnMenu .subLevelRight ul li a{display:block;}
#dnnMenu .subLevelRight ul li a div{display:block;white-space:nowrap;}
#dnnMenu .subLevelRight ul li.first > a{background:transparent;}
#dnnMenu .subLevelRight ul li.first > a div{background:transparent;line-height:24px;padding:6px 0 0 15px;}
#dnnMenu .subLevelRight ul li.first.last > a div{background:transparent;padding:6px 0 0 15px;}

}