@charset "UTF-8";

/* Layout (global rules for all sizes) */
body{ margin: 0; padding: 0;}

header a.logo{
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

nav{
	width: 100%;
	display: block;
	background-color: #1c3b73;
}

/* Layout Large Screens (default for older browsers) */
header { background: url(../images/banner_large.jpg) no-repeat right 0px;}
header a.logo {
	width: 113px;
	height: 100px;
	top: 10px;
	left: 13px;
	background-image: url(../images/logo_large.png);
}

article { padding: 30px 20px 10px 20px;}

.promo_container {
    margin: 1em 0;
	padding: 0px 0px 15px 20px;
}
	
	
.promo_container .promo {
	width: 245px;
	float: left;
}

.promo_container .promo .content {
	width:200px;
	height:275px;
	margin:auto;
	text-align:center;
	padding: 5px 10px 5px 10px;
}

nav { top: 275px; overflow: hidden;}
nav a { margin: 12px 0px 10px 20px;}


@media screen and (max-width: 990px) {
	footer { padding-left: 20px;}
}

/* Hero Panel*/
#hero { height: 275px; position: relative; overflow: hidden;}
#hero .homepanel { width: 100%; height: 275px; position: absolute; overflow: hidden;}

#hero .homepanel .img { position: absolute; top: 0px; right: 0px;}

#hero .homepanel .caption { position: absolute; top: 95px; left: 0px; width: 45%; background-color: rgba(27,68,132,.50); padding: 25px 20px 15px 35px;}


/* Mobile Menu */
a.mobile_menu { display: none;}