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



#headingwrapper {
	width:94%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding: 6px;
}

.headingdiv {
	text-align:center;
	padding: 20px;
	height:115px;
}

.headingdiv-alt {
	text-align:center;
	padding: 20px;
	height:135px;
	background-image:url(../images/background.jpg);
	background-size: 600px;
	background-size:cover;
	background-position: center 40%;

}


#topline{
	height:10px;
	margin:0;
	padding:0
}

#introtext{
	width:95%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold
}
#logodiv{
	height:auto;
	width:35%;
	max-width:400px;
	text-align:center;
	position:absolute;
	
	
}

#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;
	width:300px;
	margin-top: -5px;
}

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

#menu{
	width:70%;
	float:right;
	height:35px;
	text-align:right
}

.menubutton{ 
	font-size: 16px;
    font-weight: bold;
    padding: 4px;
    margin: 0px;
    height: 15px;
    line-height: 1.4;
}


#menu-alt{
	display:none;
}


#phone{
	font-size:28px;
	text-align:right;
	color:#fff;
	margin-top:0;
	padding-top: 10px;
}
#overlay {
    opacity: .7;
    background-color: #00348A;
    position: absolute;
    left: 0; 
	top: 0; 
	height: 100%; 
	width: 100%;
	z-index:1;
}

#overlay-alt {
    opacity: .7;
    background-color: #ffffff;
    position: absolute;
    left: 0; 
	top: 0; 
	height: 100%; 
	width: 100%;
	z-index:1;
}


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





}


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

.headingdiv-alt{
	height:235px
}

.headingdiv{
	height:235px
}


#logodiv{
	width: 100%;
	position:relative;
	max-width:none

}

#menu{
	display:none;
}

#menu-alt{
	display:inline;
	text-align:center;
	
	
}

#phone{
	font-size:26px;
	text-align:center;
	padding-top:40px
}



}