body {}
div.AspNet-Menu-Horizontal
{ /* sep-2012 */
	 
	/*border-bottom: 1px solid #ffffff;*/
	font-family: "Open Sans";
	/*background-image: url(menu_bg_red_hover.png);
	background-position:21px 1px;*/
    background-color: transparent;
	font-size: 13px;
	margin-top:-1px;
    height: 30px;
     
}




div.AspNet-Menu-Horizontal ul.AspNet-Menu{  /*margin: 0px 0px 0px -40px; padding: 0px 0px 0px 40px ;*/}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li {/*float: left; margin: 0px 0px 0px 0px; padding: 0px;list-style: none; background-color: #828282;*/}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li img { display:none; }

div.AspNet-Menu-Horizontal ul li a.AspNet-Menu{
	display: block;
	float: left;
	height: 25px;
	text-decoration: none;
	font-size: 105%;
	font-family: Georgia;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	border-right-width: 1px;
	font-weight: bold;
	color: #2d2100;
	border-right-style: solid;
	border-right-color: #F0F0F0;
}

div.AspNet-Menu-Horizontal ul.AspNet-Menu li a.AspNet-Menu:hover, div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a.AspNet-Menu, div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a.AspNet-Menu{
	float: left;
	color:#666;
	background-color:#e0d1a6;
}


/*** ESSENTIAL STYLES ***/
 
.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none; }
  .sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    /* left offset of submenus need to match (see below) */ }
    .sf-menu ul li {
      width: 100%; }
  .sf-menu li {
    float: left;
    position: relative; }
    .sf-menu li:hover {
      visibility: inherit;
      /* fixes IE7 'sticky bug' */ }
  .sf-menu a {
    display: block;
    position: relative; padding:5px; margin-right:15px; }
  .sf-menu a {/* over ride */
    display: block;
    position: relative;
    padding: 0px;
    margin-right: 25px;
    text-transform: uppercase;
}
ul.sf-menu.sf-navbar > li.current > a {
    font-weight: bold;
}
  .sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 2.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; }


@media only screen and (max-width: 480px) {
    #mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background-color: #0f3975;
        opacity: .3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 100%!important;
        display: block;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        margin-left: 5px;
         

    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
}

@media only screen and (min-width:1281px) and (max-width:1367px) {
    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-left: 5px;
        border-bottom: 0px solid #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
    }
}
@media only screen and (min-width:991px) and (max-width:1280px) {
    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-left: 5px;
        border-bottom: 0px solid #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
    }
}

@media only screen and (max-device-width:1024px) {
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        margin-left: 5px;
        border-bottom: 0px solid #fff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
    }

        .sf-menu li a {
            float: none!important;
        }

    .sf-menu ul {
        position: static!important;
        display: none!important;
    }

    .xpopdrop ul {
        display: block!important;
    }
}
@media only screen and (max-device-width:991px) {
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        margin-left: 5px;
        /*border-bottom: 1px solid #b4a489;*/
    }
    .sf-menu li a {
        float: none!important;
        padding-top: 5px;
        padding-bottom: 5px;

    }
    
    .sf-menu ul {
        position: static!important;
        display: none!important;
    }

    .xpopdrop ul {
        display: block!important;
    }
}



/* Prevents Mobile Safari from bumping up font sizes in landscape */
@media only screen and (max-device-width: 480px) {
	body{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
    div.AspNet-Menu-Horizontal {
        font-family: "Open Sans";
         
        font-size: 13px;
        margin-top: -1px;
        height: initial;
    }
}
@media only screen and (min-width:970px) and (max-width:1699px) {
    .sf-menu li {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-left: 5px;
        border-bottom: 0px solid #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
    }
}
html,body{height:100%;}
/*body {
	line-height:1.4;
	font-size:81.25%; 
	font-family:'Open Sans';
	color:#535353;
	text-align:center;
	background:#333;
}*/
#outer {
	display:table;
	width:100%;
	max-width:1280px;
	height:100%;
	margin:auto;
	position:relative;
	text-align:left;
	z-index:2;
	box-shadow:0 0 20px rgba(0,0,0,0.4);
}
*+html #outer {
	height:auto;
	min-height:100%
}
* html #outer { width:1280px; }
.tr { display:table-row }
#header{background:#999;text-align:center}

/* navigation  */
.navwrap {
	padding:40px 0 40px ;
	display:inline-block;
	line-height:24px;
	height:24px;
	color:#fff;
	z-index:999;
	position:relative;
	text-align:left;
}
#nav {
	line-height:24px;
	height:24px;
	float:left;
	color:#fff;
	font-size:14px;
}
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {margin:0}
#nav li, #nav li a, #nav li strong {
	float:left;
	line-height:24px;
	color:#fff;
}
#nav li a, #nav li strong { padding:0 11px}
#nav > li > a, #nav > li > strong {	
	padding:20px 0;
	background:red;
	border:1px solid #fff;
}
#nav a, #nav a:visited { color:#fff }
#nav li a:hover,#nav li a:focus, #nav li strong, #nav li.current a {
	background:#e6b033;
	text-decoration:none;
	outline:0;
}
#nav li.current a{cursor:default}
#nav > li:hover > a,
#nav > li.sfHover > a{
	background:#e6b033;	
}

/*** arrows (for all except IE7) **/
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	bottom:0;
	right:44%;
	margin:0;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top-color:#fff; 
	z-index:99999;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #000;
}
.sf-arrows  li.sfHover .sf-with-ul:after{
	border-top-color:transparent;
	border-bottom-color:#000;
	bottom:1px; 
}
.sf-arrows  li.sfHover li .sf-with-ul:after{
	top:50%;
	margin-top:-10px;
	right:-10px;
	border:none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid orange;	
}

/* styling for arrows */
.sf-arrows ul .sf-with-ul:after {
	border-color: transparent;
	border-left-color: #e6b033; 
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color:#e6b033;
}
/* dropdown menu code */
#nav li{position:relative}
#nav li ul{
	position:absolute;
	left:auto;
	margin:0 0 0 -30px;
	top:100%;
	display:none;
	box-shadow:4px 13px 9px rgba(0, 0, 0, 0.2);
	padding:11px 0 0;
	width:100%;
}
#nav li ul ul{left:140px;top:0;padding:0}
#nav li li{
	width:100%;
	margin:0;
	line-height:normal;
	height:auto;
	float:none;
	display:block;
	border:none;
	background:#e6b033;
	text-align:left;
}
#nav li li:last-child a{border:none}
#nav li li a{
	text-decoration:none;
	display:block;
	float:none;
	padding:8px 5px 8px 8px;
	margin:0 5px;
	color:#fff;
	line-height:16px;
	height:auto;
	background:#e6b033;
	border-bottom:1px solid #ebc05d;
	text-align:left;

}
#nav li li:first-child a{padding-top:11px}
#nav li li:first-child{border-radius:2px 2px 0 0}
#nav li li:last-child a{padding-bottom:11px}
#nav li li:last-child{border-radius:0 0 2px 2px}

#nav li li a:hover,#nav li li a:focus{color:#002775;text-decoration:underline}
#nav li:hover > ul,
#nav li.sfHover > ul {z-index:9999;display:block;}

/* convert to table-cell */
#nav{display:table;width:100%;table-layout:fixed;float:none}
#nav li{display:table-cell;float:none;}
#nav li a,#nav li strong{
	margin:0;
	float:none;
	display:block;
	text-align:center;
}
#nav li ul{left:50%;margin-left:-50%;width:100%}
#nav li ul ul{left:100%;margin-left:0;width:100%}
#nav li.sfHover > a {color:#000}



/* mobile nav menu */
.mobile-menu{display:none}
.mobile-menu{
	padding:1px 35px 1px 7px;
	background:#0972c4;
	border-radius:1px;
	margin:5px 0 0 0;
	background:blue;
	color:#666;
	font-weight:bold;
	cursor:pointer;	
	clear:both;
	display:none;
	text-align:center;
	line-height:49px;
	height:49px;
	color:#fff;
	z-index:999;
	border:1px solid #0067b7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:18px;
}
/* hamburger menu */
.hamburger-menu {
  cursor: pointer;
  outline: none;
  width: 30px;
  height:24px;
  background:blue;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  position: relative;
	float:right;
	margin:7px 0 0;
}
.hamburger-menu:before,
.hamburger-menu:after {
  content: '';
  display: block;
  width: 30px;
  height: 4px;
	top:10px;
  background: white;
  position: absolute;
}
.hamburger-menu,
.hamburger-menu:before,
.hamburger-menu:after{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

.hamburger-menu.hamburger-on {
  -webkit-animation: animation-middle .3s forwards;
	-moz-animation: animation-middle .3s forwards;
	-o-animation: animation-middle .3s forwards;
	-ms-animation: animation-middle .3s forwards;
	animation: animation-middle .3s forwards;
}

.hamburger-menu.hamburger-on:before {
  -webkit-animation: animation-top .3s forwards;
	-moz-animation: animation-top .3s forwards;
	-o-animation: animation-top .3s forwards;
	-ms-animation: animation-top .3s forwards;
	animation: animation-top .3s forwards;
}

.hamburger-menu.hamburger-on:after {
  -webkit-animation: animation-bottom .3s forwards;
	-moz-animation: animation-bottom .3s forwards;
	-o-animation: animation-bottom .3s forwards;
	-ms-animation: animation-bottom .3s forwards;
	animation: animation-bottom .3s forwards;
}


.hamburger-menu:hover {
  -webkit-animation: animation-middle .3s forwards;
	-moz-animation: animation-middle .3s forwards;
	-o-animation: animation-middle .3s forwards;
	-ms-animation: animation-middle .3s forwards;
	animation: animation-middle .3s forwards;
}

.hamburger-menu:hover:before {
  -webkit-animation: animation-top .3s forwards;
	-moz-animation: animation-top .3s forwards;
	-o-animation: animation-top .3s forwards;
	-ms-animation: animation-top .3s forwards;
	animation: animation-top .3s forwards;
}

.hamburger-menu:hover:after {
  -webkit-animation: animation-bottom .3s forwards;
	-moz-animation: animation-bottom .3s forwards;
	-o-animation: animation-bottom .3s forwards;
	-ms-animation: animation-bottom .3s forwards;
	animation: animation-bottom .3s forwards;
}


@-webkit-keyframes animation-top {
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes animation-top {
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes animation-middle {
  0% {border-color:#fff;
  }
  
  100% {border-color:transparent
  }
}

@keyframes animation-middle {
  0% {border-color:#fff;
  }
  
  100% {border-color:transparent
  }
}

@-webkit-keyframes animation-bottom {
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes animation-bottom {
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@-webkit-keyframes animation-reverse-top {
   50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes animation-reverse-top {
   50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


@-webkit-keyframes animation-reverse-bottom {
   50% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


@keyframes animation-reverse-bottom {
   50% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


/* main media queries follow here */
@media screen and (max-width:1020px) {
	.navwrap {
		clear:right;
		margin:10px 0 10px 0;
	}
        div.AspNet-Menu-Horizontal {
        font-family: "Open Sans";
         
        font-size: 13px;
        margin-top: -1px;
        height: initial;
    }
}
@media screen and (min-width:794px){
 #navwrap{display:inline-block!important}
     div.AspNet-Menu-Horizontal {
        font-family: "Open Sans";
        
        font-size: 13px;
        margin-top: -1px;
        height: initial;
    }
     
}

@media screen and (max-width:793px) {
        div.AspNet-Menu-Horizontal {
        font-family: "Open Sans";
         margin-top:35px;
        font-size: 13px;
        margin-top: -1px;
        height: initial;
    }
	.mobile-menu{display:block}
	.mobile-menu + #navwrap{display:none}
	#navwrap{padding:0;line-height:normal;height:auto;display:block;float:none;margin:0}
	ul#nav{float:none;width:auto;display:block;text-align:center;height:auto;margin:0}
	ul#nav li,	ul#nav li li {
		display:block;
		border-bottom:1px solid #fff;
		float:none;
		width:auto;
		height:auto;
		line-height:normal;
		margin:0;
	}
	ul#nav li,ul#nav li a, ul#nav li strong{border-radius:0!important;}
	ul#nav ul{height:auto;padding:0;}
	ul#nav li  a,	ul#nav li li a {
		display:block;
		width:auto;
		float:none;
		height:auto;
		margin:0;
	}
	ul#nav li li a{background:#efcd7e}
	ul#nav li a {		padding:10px 5px;}
	#nav li:hover  ul,
	#nav li.sfHover  ul {
		z-index:9999;
		display:block;
		position:relative!important;
		top:auto;
		left:auto;
		width:auto;
		text-align:center;
		margin:0;
	}
	#nav li li li a{background:#4495d2}
	.sf-arrows .sf-with-ul:after {
		top:32px;
		right:49%;
	}
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after {
		border-top-color: #fff;
		border-bottom-color:transparent;
		top:32px; 
	}
	.sf-arrows li.sfHover .sf-with-ul:after{
		border-top-color:#fff;
		top:32px;
		border-bottom-color:transparent;
	}
}