body { font-family: 'Open Sans', Helvetica, san-serif; -webkit-font-smoothing:antialiased; line-height:1.75; min-width: 320px;}
.body-wrapper { background: #e6e6e6 url(../images/template/main_bg_01.jpg) no-repeat  center top; background-size:100% auto;  }

a {
	color: #2a78b0;
}
a:hover, a:focus, a.btn:hover, a.btn:focus, a.btn.focus {
	color: #bd1818;
}

h1 { font-size:30px; font-weight:400; line-height:32px; }
h2 { font-size:24px; font-weight:700; line-height:26px; }
h3 { font-size:18px; font-weight:700; color:#182e40; line-height:20px; }
h4 { font-size:16px; font-weight:700; color:#2a78b0; line-height:20px; text-transform:uppercase; }

#masthead { position:relative; z-index:100; }
/*#masthead { position:absolute; top: 0; right: 0; left: 0; z-index:100; }*/

#social-header { position:absolute; top:0; right:0; height:60px; border:0px solid rgba(255,255,255,0.25); border-width:0; padding:0; }
#social-header .link { float:left;; }
#social-header a { display:block; height:60px; width:60px; background-repeat:no-repeat; background-position:center center; text-indent:-9999px; transition:background-color .2s; }
#social-header a:hover { background-color:rgba(255,255,255,0.15); }
#social-header .youtube a { background-image:url(../images/template/nav_social_youtube.png); }
#social-header .twitter a { background-image:url(../images/template/nav_social_twitter.png); }
#social-header .instagram a { background-image:url(../images/template/nav_social_instagram.png); }
#social-header .facebook a { background-image:url(../images/template/nav_social_facebook.png); }

@media (min-width: 768px) { 
	#social-header { right:20px; }
}

#page-body { background:white; } 

#page-header { padding:20px 20px; position:relative; }
#page-header h1 { margin:0; font-family:'Open Sans', Georgia, serif; font-weight:900; font-size:36px; line-height:38px; color:#2a78b0; }
#page-header h1 a { color:inherit; }
@media (min-width: 768px) {
	#page-header h1 a { display: block; padding-right: 133px; }
}
#page-header h1 a:hover { text-decoration:none; }

#page-header-share { position:absolute; top:28px; right:30px; }
#page-header-share:before { content:'Share This:'; display:inline-block; font-size:16px; line-height:20px; padding-right:5px; }
#page-header-share .facebook, #page-header-share .twitter { display:inline-block; vertical-align:text-bottom; }
#page-header-share a { display:block; width:20px; height:20px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; }
#page-header-share .facebook a { background-image:url(../images/template/icon_share_facebook.png); }
#page-header-share .twitter a { background-image:url(../images/template/icon_share_twitter.png); }

#page-controls { position:relative; background-color:#2a78b0; color:white; }
#page-controls .breadcrumb { margin-bottom:0; padding:10px 20px; background:transparent; font-style:italic; font-size:14px; line-height:18px; }
#page-controls .breadcrumb>li+li:before { color:inherit; }
#page-controls .breadcrumb a { color:inherit; }
#page-controls .pageactions { position:absolute; top:0; right:30px; }
#page-controls .pageactions .pageaction { float:left; }
#page-controls .pageactions .pageaction a.share { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/template/icon_print.png) no-repeat center center; }
#page-controls .pageactions .pageaction .share-buttons { display:none; }
#page-controls .pageactions .pageaction a.print { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/template/icon_print.png) no-repeat center center; }

#copy { padding:20px; }
#sidebar { padding:20px; background:#f2f2f2; }

#related-links:before { content:"Related"; display:block; font-size:24px; line-height:1; font-weight:700; border-bottom:1px solid rgba(0,0,0,0.35); padding-bottom:15px; }
#related-links li { padding:15px 0; border-bottom:1px dashed rgba(0,0,0,0.35); }
#related-links a { display:block; color:inherit; }
#related-links a:hover { text-decoration:none; color:#ed1c24; }

@media (min-width:768px) {
	#page-header { padding:20px 30px; }
	#page-controls .breadcrumb { padding:10px 30px; }
	#copy { float:left; width:75%; padding:30px; }
	.no-sidebar #copy { float:none; width:auto; }
	#sidebar { float:right; width:25%; position:relative; z-index:2; padding:30px; background:transparent; }
	#content-inner { position:relative; }
	#sidebar-psuedo { width:25%; position:absolute; top:0; right:0; bottom:0; background:#f2f2f2; z-index:1; }
}

.pagegroup-title h2 { color:#2a78b0; font-size:30px; border-bottom:1px solid #bfbfbf; margin:0 0 15px 0; padding-bottom:15px; } 

#footer {
	background-color:#2a78b0;
	background-image: url('../images/template/footer_bg.jpg');
	background-repeat: no-repeat;
	/*background-size: cover;*/
	background-position: top right;
	color:#fff;
	font-size:14px;
	line-height:20px;
}
#quicklinks { padding:60px 10px 60px; }
#quicklinks a { color:inherit; }
.footer-nav a {
	display: block;
	color:inherit;
	margin-bottom: 4px;
	border-bottom: 1px dashed rgba(255,255,255,.35);
	padding-bottom: 10px;
}
#quicklinks a:hover { color:#77bbf6; text-decoration:none; }

#quicklinks .footer-menu-wrapper {  }
#quicklinks .footer-menu-column { padding:0 0 10px 0; }
#quicklinks .footer-menu-column:first-child { }
#quicklinks .footer-menu-column .footer-menu-header { font-weight:700; font-size:18px; line-height:20px; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,0.35); padding-bottom:10px; } 
#quicklinks .footer-menu-column ul { display:none; }

#quicklinks .foot-links { padding-top:20px; margin-bottom:80px; }

@media (min-width:768px) {
	#quicklinks { padding:60px 0 60px; }
	#quicklinks .footer-menu-wrapper { display:table; width:100%; }
	#quicklinks .footer-menu-column { display:table-cell; padding:0 20px; width:16.666%; }
	#quicklinks .footer-menu-column .footer-menu-header { margin-bottom:10px; }
	#quicklinks .footer-menu-column:first-child { padding-left:0; }
	#quicklinks .footer-menu-column.odd.last { padding-right:0; }
	#quicklinks .footer-menu-column ul { display:block; padding:0; margin:0; list-style:none; }
	#quicklinks .footer-menu-column ul li { padding:3px 0; font-size:14px; }
}

@media (min-width:1200px) {
	 #quicklinks .footer-menu-column ul li { font-size:16px; }
}

.footer-bottom { background-color: #404040; padding:25px 0; color: #fff; font-size: 14px; line-height: 20px; border-top: 1px solid rgba(255,255,255,.35);  }
.footer-bottom a { color:inherit; }
.foot-links { float:left; }
.foot-social { float:right; }

.foot-social .link { float:left; }
.foot-social .link a { display:block; width:20px; height:20px; margin:0 0 0 20px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
.foot-social .link.facebook a { background-image:url(../images/template/footer_social_facebook.png) }
.foot-social .link.instagram a { background-image:url(../images/template/footer_social_instagram.png) }
.foot-social .link.youtube a { background-image:url(../images/template/footer_social_youtube.png) }
.foot-social .link.twitter a { background-image:url(../images/template/footer_social_twitter.png) }

@media print {
	a[href]:after { content:none; }
	body { max-width:8in; }
	.container { max-width:100%; }
	.site-background { background:none; }
	#body-inner { margin:0; }
	#page-header h1 { height:auto; padding-top:0; }
	#copy { width:auto; float:none; padding:0; }
	#copy-content:before { display:none; }
	#sidebar-psuedo { display:none; }
	a, a[href] { text-decoration:underline; }
	h1 a, h1 a[href] { text-decoration:none; }
	#masthead-title { margin-bottom:30px; }
	#masthead-title .brand a { width:auto; height:auto; padding:0; text-indent:initial; text-decoration:none; line-height:1; }
	#masthead-title .brand a span { display:block; }
	#masthead-title .brand a .line1 { font-size:18px; }
	#masthead-title .brand a .line2 { font-size:36px; font-weight:bold; }
	#masthead-title .brand a .line3 { font-size:24px; }
	#social-header { display:none; }
	#page-header { display:none; }
	#footer { display:none; }
}

@media (max-width: 500px){
	#social-header{
		border: none;
	}
	#mainmenu-nav #mainnav-button .button-image{
		float: left !important;
	}
	#mainmenu-nav #mainnav-button{
		padding: 0px;
		border: none;
	}
	#mainmenu-nav #mainnav-button .button-text{
		display: none;
	}
}

#copy-content img {
	max-width: 100%;
	height: auto;
}