/*==============header start==height:77px;============*/
header{ height:100px; background:url(../images/headerBg.png) repeat; /*position:absolute; */ position:fixed; width:100%; min-width:270px; top:30px; left:0px; z-index:99;}

/*==============Facebook==============*/

.facebook{width:100px; height:26px; position:fixed; right:10px; top:40px; z-index:100; margin-top:0px; background:url(../images/headerBg2.png) repeat;}



.logo{
width:400px; 
 height:80px;
 
/*position:absolute;*/

 	margin:10px 0 0 10px; 
	float:left;
	background:url(../images/logo2015.gif) no-repeat local center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
@media only screen and (max-width: 515px) {

header{ height:50px; background:url(../images/headerBg.png) repeat; position:fixed;
 width:100%; min-width:270px; top:0px; left:0px; z-index:999999;}


.logo{width:210px;  height:42px; margin:4px 0 0 0px;  }
.facebook{width:26px; top:14px; right:0px;}
 }
 @media only screen and (max-height: 480px) {

header{ height:50px; background:url(../images/headerBg.png) repeat; position:fixed; width:100%; min-width:270px; top:0px; left:0px; z-index:999999;}


.logo{width:210px;  height:42px; margin:4px 0 0 0px;  }
.facebook{width:26px; top:14px; right:0px;}
 }
 
nav{float:right ; margin:62px 0 0 0; bottom:0; clear:right;}
@media only screen and (max-height: 480px) and (min-width: 960px) {
nav{float:right; margin:12px 50px 0 0; clear:right;}
}
nav ul{ display:inline-block;/*float:left*/;margin:7px 5px 0px 0;}
@media only screen and (min-width: 1050px) {
nav ul li{ float:left; display:block; position:relative;}
nav ul li a.active span, nav ul li a:hover span, nav ul li:hover a span{ color:#ffcc33; line-height:16px; background:url(../images/headerBg2.png) bottom repeat-x;}


}
nav ul li ul.sub_menu li a:hover{ color:#002d46; background:url(../images/headerBg2.png) repeat;}
nav ul li:hover ul.sub_menu{display:block;}


nav ul li a{ display:block; margin-left:10px; margin-right:10px; min-width:50px }

nav ul li a span{font-size:16px; line-height:18px; font-weight:bold; color:#fff; padding:0px 2px 10px 2px;}


nav ul li ul.sub_menu{display:none; position:absolute; width:140px; min-height:105px; top:0px; left:0px; right:5px; padding-top:24px;}
nav ul li ul.sub_menu li{list-style:none; float:none; padding:5px 0px; background:url(../images/headerBg.png) repeat;}
nav ul li ul.sub_menu li a{display:block; border:solid 0px #fff; margin:0px !important; padding:0px 10px 0px 10px; color:#f99607; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}


/* Navigation styling */


/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries *//* Mobile Change */
	cursor:pointer;
	position:absolute;
	bottom:10px;
	right:10px;
	background: url(../images/menu_y.gif) no-repeat local center;
	height:22px;
	width:102px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}


@media only screen and (min-width: 960px) and (max-width: 1300px) {
.nav {
/*	position:relative; */
	display:inline-block;
	font-size:14px;
	font-weight:900;
	}
nav ul li{ display:block; position:relative;}
	nav ul li a{ text-align: center;}
nav ul li a span{font-size:28px; line-height:30px; font-weight:bold; color:#fff; padding:0px 2px 6px 2px;}
	nav ul li a.active span{ color:#ffcc33; }/*---edit---*/

.nav-list {    }/* Mobile Change */
nav ul li:hover ul.sub_menu{display:none;}
.nav-item {
	float:left;
	display:inline;
	/* Mobile Change zoom:1; */
}
.nav-item a {
	display:block;
	padding:0px 0px;
	color:#000;

}
.nav-item:first-child a {
	border-radius:5px 0 0 5px;
}
.nav-item:last-child a {
	border-radius:0 5px 5px 0;
}
.nav-item a:hover {
	background:#2C3E50;
}




}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 960px) {
	.nav-mobile {
		display:block;
		position:absolute;
		float:left;
				
	}
	.nav {
		
		margin-top:10px
	}
	nav ul li{ display:inline-block; position:relative;}
	nav ul li a{ text-align: center; }
	nav ul li a span{font-size:30px; line-height:30px; font-weight:bold; color:#fff;padding:0px; }
	nav ul li a.active span{ color:#ffcc33; }/*---edit---*/
	
	.nav-list {
		display:none; /*---makes items disappear---*/
		width:100%;
	}
	.nav-item {
		width:27%;
		height: 34px;
		padding:5px 10px;
			margin-right:auto;
			margin-left:auto;
		
			
	}
	.nav-item a {
		background:url(../images/headerBg.png) repeat;
		padding:3px;
		border-radius:5px;
		width:100%;
		height:30px; 
		
	}
	.nav-item:first-child a {
		border-radius:5px ;
	}
	.nav-item:last-child a {
		border-radius:5px ;
	}
	.nav-active {
		display:block; /*--#2C3E50-makes items appear as a block and toggles in JS---*/
		
	}
	.nav-mobile-open {
			height:22px;
			width:102px;
		
		background: url(../images/menu_w.gif) no-repeat center center;
		
			
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
		
	}
	nav ul li:hover ul.sub_menu{
		display:none;
	}
}
@media only screen and (max-height: 480px) and (max-width: 960px) {.nav-mobile {right:50px;}
}

@media only screen and (max-width: 515px) {

.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries *//* Mobile Change */
	cursor:pointer;
	position:absolute;
	top:14px;
	right:42px;
	background:#ffcc33 url(../images/nav.svg) no-repeat center center;
	height:26px;
	width:26px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	}

	.nav-mobile {
		display:block;
		position:absolute; 
		float:left;
	}
	.nav {
		
		margin-top:0
	
	}
	nav ul li{ display:inline-block; position:relative;}
	nav ul li a{ text-align: center; }
	nav ul li a span{font-size:15px; line-height:17px; font-weight:bold; color:#fff;padding:0px; }
	nav ul li a.active span{ color:#ffcc33; }/*---edit---*/
	
	.nav-list {
		display:none; /*---makes items disappear---*/
	}
	.nav-item {
		width:100%;
		height: 20px;
		padding:5px 5px 0px 5px;
		
			
			
			
	}
	.nav-item a {
		background:url(../images/headerBg.png) repeat;
		
		border-radius:5px;
		width:30%;
		height:20px; 
		float:right;
	}
	.nav-item:first-child a {
		border-radius:5px ;
	}
	.nav-item:last-child a {
		border-radius:5px ;
	}
	.nav-active {
		display:block;	/*--#2C3E50-makes items appear as a block and toggles in JS---*/
	width:100vw;
	
	}


.nav-mobile-open {
			height:22px;
			width:22px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background: url(../images/nav_y.svg) no-repeat center center;
		border: 2px solid #ffcc33;
	}
	nav ul li:hover ul.sub_menu{
		display:none;
	}

}
/*==============header end==============*/