body { font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased; color:#3a3a3a; }

@media (min-width:1200px) {
	.container { width:1200px; }
}

#body-content-top { height:300px; padding-top:163px; position:relative; background:url(../images/bg_subpage_header.jpg) center bottom no-repeat; background-size:100% 100%; }

@media (min-width:768px) {
	#body-content-top { padding-top:101px; }
}

@media (min-width:1600px) {
	#body-content-top { background-size:cover; }
}

#masthead { position:absolute; top:0; left:0; right:0; z-index:11; }
#mainbody { background:#d8e8ef; position:relative; }
@media (min-width:768px) {
	#mainbody .mainbody-psuedo { position:absolute; bottom:0; right:0; left:0; height:50px; z-index:9; background:white; }
}

#mainnav { color:white; border-bottom:1px solid rgba(255,255,255,0.25); }
#mainnav a { color:inherit; }
#mainnav a:hover { text-decoration:none; }
#mainnav .brand { display:block; } 
#mainnav .brand a { display:block; }
#mainnav .brand .line1, #mainnav .brand .line2 { display:block; text-transform:uppercase; white-space:nowrap; }
#mainnav .brand .line1 { font-size:14px; font-style:italic; font-weight:300; line-height:14px; padding-top:5px; padding-left:5px; }
#mainnav .brand .line2 { font-size:35px; font-weight:800; line-height:30px; }

@media (min-width:351px) {
	#mainnav .brand .line1 { font-size:20px; letter-spacing:2.3px; line-height:20px; }
	#mainnav .brand .line2 { font-size:60px; line-height:50px; }
}
@media (min-width:481px) {
	#mainnav .brand a { height:80px; background:url(../images/seal.png) left center no-repeat; padding-left:90px; }
}

#mainmenu-nav { float:left; }
#mainnav-collapse { display:none; }
#mainnav-right { float:right; border-left:1px solid rgba(255,255,255,0.25); }

#mainmenu-nav #mainnav-button { display:block; background:transparent; border:0; height:60px; padding:0 15px; }
#mainmenu-nav #mainnav-button:hover { background-color:rgba(0,0,0,0.15); }
#mainmenu-nav #mainnav-button .pull-left { padding-top:17px; padding-right:15px; }
#mainmenu-nav #mainnav-button .icon-bar { display:block; width:30px; height:3px; background:white; margin-top:8px; }
#mainmenu-nav #mainnav-button .icon-bar:first-child { margin-top:0; }
#mainmenu-nav #mainnav-button .icon-text { display:block; }
#mainmenu-nav #mainnav-button .icon-text span { text-transform:uppercase; display:block; }
#mainmenu-nav #mainnav-button .icon-text .line1 { font-size:18px; font-weight:300; line-height:1; letter-spacing:4px; padding-top:11px; }
#mainmenu-nav #mainnav-button .icon-text .line2 { font-size:18px; font-weight:bold; line-height:1; }

#email-signup { display:block; text-transform:uppercase; margin-left:15px; }
#email-signup .button-inner { height:60px; padding:0 15px 0 55px; background:url(../images/icon_email_signup.png) 15px center no-repeat; }
#email-signup span { display:block; }
#email-signup .line1 { font-size:18px; font-weight:300; line-height:1; letter-spacing:4px; padding-top:11px; }
#email-signup .line2 { font-size:18px; font-weight:bold; line-height:1; }
#email-signup:hover { background-color:rgba(0,0,0,0.15); }

#mainmenu-search .glyphicon-search { color:#3a3a3a; cursor:pointer; }

@media (max-width:767px) {
	#masthead { }
	#mainnav { padding-bottom:0; }
	#mainnav .brand { margin:10px; }
	#mainmenu { display:table; width:100%; text-align:center; border-top:1px solid rgba(255,255,255,0.25); }
	#mainmenu-inner { display:table-row; }
	#mainmenu-nav { float:none; display:table-cell; width:50%; }
	#mainnav-right { float:none; display:table-cell; width:50%; }
	
	#mainnav-button .button-inner { display:inline-block; }
	#email-signup .button-inner { display:inline-block; }
}

@media (max-width:1199px) {
	#mainnav-collapse { position:absolute; top:80px; right:151px; background:white; color:#3a3a3a; box-shadow:0 0 15px rgba(0,0,0,0.15); }
	#mainnav-collapse.open { display:block; }
	
	#mainnav-collapse nav { padding:20px 30px 10px; color:#528399; min-width:200px; text-align:left; }
	#mainnav-collapse .nav-item { border-bottom:1px solid #bcbbbb; }
	#mainnav-collapse .nav-item a { display:block; padding:10px 0; margin-right:24px; }
	#mainnav-collapse .nav-item .nav-toggle { position:relative; }
	#mainnav-collapse .nav-item .nav-toggle button { position:absolute; top:0; right:0; bottom:0; border:0; width:24px; background:transparent url(../images/arrow_up_grey.png) center center no-repeat; }
	#mainnav-collapse .nav-item .nav-toggle button.collapsed { background-image:url(../images/arrow_down_grey.png); }
	
	#mainnav-collapse .nav-item .nav-item { border-top:1px dashed #bcbbbb; border-bottom:none; }
	
	#mainmenu-search { padding:0 30px 30px; }
	#mainmenu-search .dropdown-toggle { display:none; }
	#mainmenu-search .dropdown-menu { display:block; position:static; top:auto; left:auto; bottom:auto; right:auto; float:none; border:0; box-shadow:none; }
}


@media (max-width:767px) {
	#mainnav-collapse { position:absolute; top:163px; right:0; left:0; }
}

@media (min-width:768px) {
	#mainnav { padding:10px; height:101px;; }
	#mainnav .brand { float:left; }
	#mainnav #mainmenu { float:right; padding-top:10px; } 
	#mainnav-collapse #mainmenu-search { max-width:300px; }
}

@media (min-width:1200px) {
	#mainmenu {  }
	#mainmenu-nav { display:none; }
	#mainnav-collapse { display:block; float:left; }
	#mainnav-collapse .nav-item { float:left; }
	#mainnav-collapse .nav-item .nav-toggle a { display:block; height:60px; line-height:60px; font-size:18px; font-weight:bold; padding:0 15px; }
	#mainnav-collapse .nav-item .nav-toggle a:hover { background:rgba(0,0,0,0.15); transition: background-color .5s; }
	#mainnav-collapse .nav-item .nav-toggle button { display:none; }
	#mainnav-collapse .nav-item .nav-panel { box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.5); background:white; color:#528399;  padding:30px; min-width:200px; }
	#mainnav-collapse .nav-item .nav-panel .nav-item { float:none; border-bottom:1px solid #bebebc; padding:10px 0; font-size:18px }
	#mainnav-collapse .nav-item .nav-panel .nav-item:first-child { padding-top:0; }
	#mainnav-collapse .nav-item .nav-panel .nav-item a { display:block; } 
	
	#mainnav .nav-item .collapse { background:white; position:absolute; top:100%; left:0; }
	#mainnav .nav-item .collapse.over { display:block; }
	#mainnav .nav-item .collapse.in { display:none; }
	#mainnav .nav-item .collapse.in.over { display:block; }
	#mainnav .nav-item button { display:none; }
	
	#mainnav-collapse nav { display:block; float:left; }
	#mainnav-collapse #mainmenu-search { display:block; float:left; position:relative; margin-right:15px; }
	#mainmenu-search .dropdown-toggle { display:block; width:40px; height:60px; padding:0 15px; text-indent:-9999px; background:url(../images/icon_search.png) center center no-repeat; }
	#mainmenu-search .dropdown-toggle:hover { background-color:rgba(0,0,0,0.15); }
	#mainmenu-search .dropdown-menu { left:auto; right:0; padding:20px; min-width:300px; }
}

#page-header { color:white; position:absolute; bottom:0; right:0; left:0; padding:15px 0; }
#page-header h1 { margin:0; padding:0 15px; text-transform:uppercase; font-size:40px; font-weight:800; line-height:1; max-height:80px; overflow:hidden; }
#page-header h1 a { color:inherit; }
#page-header h1 a:hover { text-decoration:none; }
#page-body-top { border-top:5px solid #d3bf1b; }
#page-body-top .breadcrumb { float:left; margin:0 40px 0 0; padding:10px 15px; background:transparent; font-size:14px; line-height:20px; font-style:italic; }
#page-body-top .breadcrumb>li+li:before { color:inherit; }
#page-body-top .breadcrumb a { color:inherit; }
#page-body-top .pageactions { float:right; width:40px; padding-right:15px; }
#page-body-top .pageactions .print { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/icon_print.png) center center no-repeat; }
#page-body-top .pageactions .print:hover { background-color:rgba(0,0,0,0.05); }
#page-body { }
#content { background:white; border-bottom:5px solid #d3bf1b; position:relative; z-index:10; margin:0 -15px; }
#content-inner { border:1px solid rgba(0,0,0,.25); /* box-shadow:0 0 0 1px rgba(0,0,0,.25); */ }
#copy-inner { padding:20px 0; }
#sidebar-inner { padding:0; }
#sidebar-psuedo { position:absolute; top:0; right:0; bottom:0; border-left:1px solid rgba(0,0,0,0.25); padding:0; }

@media (min-width:768px) {
	#copy-inner { padding:20px 15px; }
	#copy-content { min-height:200px; }
	#sidebar-inner { padding:20px 15px;  }
}

#related-links { background:#d8e8ef; margin:0 -15px; padding:20px 20px 40px; border-top:1px solid #a6a6a6; }
#related-links:before { content:"Related"; display:block; font-size:24px; font-weight:bold; border-bottom:1px solid rgba(0,0,0,.25); }
#related-links.nav>li { border-bottom:1px dashed rgba(0,0,0,.25); }
#related-links.nav>li>a { padding:15px 0; font-size:16px; color:#3a3a3a; }
#related-links.nav>li>a:hover, #related-links.nav>li>a:focus { font-weight:bold; background-color:transparent; }

@media (min-width:768px) {
	#related-links { margin:0; padding:0; background:none; border-top:0; }
}


#footer { background:white; padding-top:20px; padding-bottom:20px; }

#footer .footer-left { margin-bottom:15px; }
@media (min-width:481px) {
	#footer .footer-left { float:left; margin-bottom:0; }
	#footer .footer-right { float:right; text-align:right; }
}
@media (min-width:768px) {
	#footer-content { margin-left:-15px; margin-right:-15px; }
}