body { font-family: 'Open Sans', san-serif; -webkit-font-smoothing:antialiased; line-height:1.75; }
.site-background { background:#e6e6e6 url(../images/home/bg_01.jpg) no-repeat  center top; background-size:100% auto; padding-top:60px;  }

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:#0c2d52; line-height:20px; }
h4 { font-size:16px; font-weight:700; color:#2a78b0; line-height:20px; text-transform:uppercase; }

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

#social-header { position:absolute; top:0; right:0; height:60px; padding:0; }
#social-header .link { float:left;; }
#social-header a { display:block; height:60px; width:50px; background-color:rgba(255,255,255,0.1); background-repeat:no-repeat; background-position:center center; text-indent:-9999px; transition:background-color .2s; margin-left:1px; }
#social-header a:hover { background-color:rgba(255,255,255,0.25); }
#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 .facebook a { background-image:url(../images/template/nav_social_facebook.png); }
#social-header .instagram a { background-image:url(../images/template/nav_social_instagram.png); }
#social-header .flickr a { background-image:url(../images/template/nav_social_flickr.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; }
#page-header h1 a { color:inherit; }
#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:#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:#aa302f; }

@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:#0c2d52; color:#d7e2ed; font-size:14px; line-height:20px; }
#quicklinks { padding:60px 10px 60px; }
#quicklinks a { color:inherit; }
#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 { padding:25px 0; color: #d7e2ed; 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:30px; height:30px; margin:0 0 0 10px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
.foot-social .link.facebook a { background-image:url(../images/template/nav_social_facebook.png) }
.foot-social .link.instagram a { background-image:url(../images/template/nav_social_instagram.png) }
.foot-social .link.youtube a { background-image:url(../images/template/nav_social_youtube.png) }
.foot-social .link.flickr a { background-image:url(../images/template/nav_social_flickr.png) }
.foot-social .link.twitter a { background-image:url(../images/template/nav_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;
	}
}