@charset "utf-8";
/* CSS Document */



#headingwrapper {
	width:92%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding: 2%;
	background-color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px
	
}

#heading{
	background-image:url(../images/background.jpg);
	background-position:center;
	background-size:cover;
	height:320px;
	text-align:center;
	
	border-top-left-radius:10px;
	border-top-right-radius:10px
	
	
}

#heading-condensed{
	background-image:url(../images/background.jpg);
	background-position:center;
	background-size:cover;
	height:190px;
	text-align:center;
	position: relative;
	z-index:0;
	border-top-left-radius:10px;
	border-top-right-radius:10px
	
	
}

#introbar{
	width:100%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding:2%;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px
}

#introtext{
	padding:20px
}

#overlay {
    opacity: .65;
    background-color: #004079;
    position: absolute;
    left: 0; 
	top: 0; 
	height: 100%; 
	width: 100%;
	z-index:1;
	border-top-left-radius:10px;
	border-top-right-radius:10px
}


#logodiv{
	height:auto;
	width:auto;
	max-width:600px;
	text-align:center;
	position:relative;
	z-index:2;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px

}

#logodiv-condensed{
	height:auto;
	width:auto;
	max-width:500px;
	text-align:center;
	position:relative;
	z-index:2;
	margin-left:auto;
	margin-right:auto;
	float:left

}

#logo{
	height:auto;
	max-height:170px;
}

#logo-condensed{
	height:auto;
	max-height:140px;
}

#menu{
	position:relative;
	z-index:3;
	padding-top:25px;
}

#menu-condensed{
	position:relative;
	z-index:3;
	padding-top:50px;
	float:right
}

#menu-alt{
	display:none;
}

#menu-alt-condensed{
	display:none;
}

#phone{
	font-size:28px;
	text-align:right;
	color:#fff
}



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

body{
	padding:0
}

#introtext{
	padding:10px
}

#headingwrapper {
	width:96%;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	margin:0;
	background-image:url(../images/bg-light.jpg);
	
}

#logodiv-condensed{
	float:none

}

#menu{
	display:none;
}

#menu-condensed{
	display:none;
}

#menu-alt{
	display:inline-block;
	position:relative;
	z-index:20;
	margin-top:0px;
	
}

#menu-alt-condensed{
	display:inline-block;
	position:relative;
	z-index:20;
	margin-top:5px;
	
	
}

#heading{
	height:225px;
	
}

#phone-mobile{
	font-size:22px;
	color:#fff;
	padding: 7px 0px 0px 25px
}

}

@media screen and (max-width : 480px) {
#heading{
	height:175px;
	
}
#heading-condensed{
	height:150px;
	
}


}