body { color:#5f6068; font-size:15px; font-family:"Open Sans", sans-serif; line-height:1.46666666666667; -webkit-font-smoothing:antialiased; }

@media (min-width:768px) {
	body { background:#fff url(../images/bg.jpg) no-repeat top center; background-size:100% auto; }
}

#copy h1 { color:#283157; }
#copy h4 { color:#4b5dcf; font-weight:bold; }

#masthead { z-index:100; position:relative; border-bottom:12px solid #283157; }
#masthead-title { border-top:12px solid #aa271d; background:rgba(255,255,255,0.8); }
#masthead-title .brand {  }
#masthead-title .brand a { display:block; padding:15px 15px 15px 15px; margin-right:60px; }
#masthead-title .brand a:hover { text-decoration:none; }
#masthead-title .brand .line1, #masthead-title .brand .line2 { display:block; font-family:Raleway, sans-serif; text-transform:uppercase; line-height:1; color:#283157; }
#masthead-title .brand .line1 { font-size:12px; font-weight:500;}
#masthead-title .brand .line2 { display:block; font-size:20px; font-weight:800; }
#mainnav { background:#283157; color:white; }

@media (min-width:768px) {
	#masthead-title .brand a { background:url(../images/header_seal.png) no-repeat left center; padding:30px 15px 30px 100px; margin-right:100px; }
	#masthead-title .brand .line1, #masthead-title .brand .line2 {  }
	#masthead-title .brand .line1 { font-size:16px; letter-spacing:5px; }
	#masthead-title .brand .line2 { font-size:34px; background: -webkit-linear-gradient(top, #4b5dcf, #283157); background: linear-gradient(top, #4b5dcf, #283157); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
}

@media (min-width:992px) {
	#masthead { border-bottom:0; }
}

#mainnav-collapse { display:none; }
#mainnav-collapse.open { display:block; }

#mainnav-collapse nav { 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; color:inherit; }
#mainnav-collapse .nav-item a:hover { text-decoration:none; color:#e3a72a; }
#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_white.png) center center no-repeat; }
#mainnav-collapse .nav-item .nav-toggle button.collapsed { background-image:url(../images/arrow_down_white.png); }

#mainnav-collapse .nav-item .nav-item { border-bottom:none; }

#mainmenu-nav #mainnav-button { display:block; background:transparent; border:0; height:60px; }
#mainmenu-nav #mainnav-button .button-inner { padding:15px;  }
#mainmenu-nav #mainnav-button .icon-bar { display:block; width:30px; height:3px; background:#aa271d; margin-top:8px; }
#mainmenu-nav #mainnav-button .icon-bar:first-child { margin-top:0; }
#mainmenu-nav #mainnav-button:hover .icon-bar { background-color:#283157; }

#mainnav-button { position:absolute; top:15px; right:15px; z-index:101; }

#mainmenu-search { padding:0; }
#mainmenu-search .dropdown-toggle { display:none; }
#mainmenu-search .dropdown-menu { display:block; position:static; top:auto; left:auto; bottom:auto; right:auto; float:none; background:transparent; }
#mainmenu-search .dropdown-menu form { position:relative; } 
#mainmenu-search .dropdown-menu form #search-field { width:100%; height:30px; line-height:20px; background:transparent; color:white; padding:5px 50px 5px 15px; }
#mainmenu-search .dropdown-menu form .submit { position:absolute; top:0; bottom:0; right:0; padding:5px 15px; height:30px; line-height:20px; background:transparent; color:white; border:0; text-transform:uppercase; }

@media (min-width:992px) {
	#mainnav { border-bottom:1px solid #404e8a; box-shadow: 0px 5px 15px rgba(0,0,0,0.3); }
	#mainmenu {  }
	#mainmenu-nav { display:none; }
	#mainnav-collapse { display:block; }
	#mainnav-collapse .nav-item { float:left; border-bottom:0; }
	#mainnav-collapse .nav-item a { font-family:Raleway; font-size:16px; text-transform:uppercase; margin-right:0; padding:0; }
	#mainnav-collapse .nav-item .nav-toggle a { display:block; height:70px; line-height:70px; font-size:16px; font-weight:bold; padding:0 15px; }
	#mainnav-collapse .nav-item .nav-toggle a:hover {  }
	#mainnav-collapse .nav-item .nav-toggle.on { background:url(../images/dropdown_arrow.png) no-repeat bottom center; }
	#mainnav-collapse .nav-item .nav-toggle button { display:none; }
	#mainnav-collapse .nav-item .nav-panel { box-shadow: 0px 5px 15px rgba(0,0,0,0.3); background:white; color:#5f6068; padding:15px 30px; min-width:318px; }
	#mainnav-collapse .nav-item .nav-panel .nav-item { float:none; border-top:1px solid #bebebc; padding:10px 0; font-size:18px }
	#mainnav-collapse .nav-item .nav-panel .nav-item.first { border-top:0; }
	#mainnav-collapse .nav-item .nav-panel .nav-item a { display:block; text-transform:none; } 
	#mainnav-collapse .nav-item .nav-panel .nav-item a:hover { color:#aa271d; }
	
	#mainnav-collapse .nav-item .nav-panel { padding-bottom:200px; background-position:bottom center; background-size:100% auto; background-repeat:no-repeat; }
	#mainnav-collapse .nav-about .nav-panel { background-image:url(../images/dropdown_about.jpg); }
	#mainnav-collapse .nav-legislative-calendar .nav-panel { background-image:url(../images/dropdown_calendar.jpg); }
	#mainnav-collapse .nav-contact .nav-panel { background-image:url(../images/dropdown_contact.jpg); }
	#mainnav-collapse .nav-hearings .nav-panel { background-image:url(../images/dropdown_hearings.jpg); }
	#mainnav-collapse .nav-links .nav-panel { background-image:url(../images/dropdown_links.jpg); }
	#mainnav-collapse .nav-mark-ups .nav-panel { background-image:url(../images/dropdown_markups.jpg); }
	#mainnav-collapse .nav-newsroom .nav-panel { background-image:url(../images/dropdown_news.jpg); }
	
	
	#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:right; }
	#mainmenu-search { position:relative; }
	#mainmenu-search .dropdown-toggle { display:block; width:50px; height:70px; padding:24px 12px; }
	#mainmenu-search .dropdown-toggle span { display:block; width:26px; height:22px; background:url(../images/btn_search.png) bottom left no-repeat; text-indent:-9999px; }
	#mainmenu-search .dropdown-toggle:hover span { background-position:top left; }
	#mainmenu-search .dropdown-menu { display:none; position:absolute; top:100%; right:0; min-width:300px; border-radius:0; }
	#mainmenu-search.open .dropdown-menu { display:block; background:white; padding:15px 15px; }
	#mainmenu-search .dropdown-menu form .submit { color:#aa271d; height:60px; padding:20px 15px; font-size:15px; font-weight:bold; }
	#mainmenu-search .dropdown-menu form #search-field { padding:10px 50px 10px 15px; height:60px; color:#5f6068; } 
	
	#page-body, .lay-copy-home { padding-top:90px; }
}

#content { background:white; position:relative; }
#sidebar-psuedo { position:absolute; top:0; right:0; bottom:0; background:#f9f8f8; border-left:1px solid #d5d5d5; padding:0; }

#copy-inner { padding:15px 0 15px 0; }
#sidebar-inner { padding:0 0 15px 0; }

@media (max-width:767px) {
	#sidebar { margin:0 -30px; padding:0 30px; background:#f9f8f8; border-top:1px solid #d5d5d5; }
	#sidebar-inner { padding:15px 0; }
}
@media (min-width:768px) {
	#content { box-shadow:0px 0px 15px rgba(0,0,0,0.3); }
	#copy-inner { padding:30px 15px; }
	#sidebar-inner { padding:30px 15px; }
}

#page-header { margin-bottom:30px; }
#page-header h1 { font-family:Raleway; color:#283157; font-weight:700; font-size:26px; line-height:1; text-transform:uppercase; margin:0 0 15px; }
#page-header h1 a { color:inherit; } 
#page-header h1 a:hover { text-decoration:none; }

#page-header .page-controls { border:1px solid #d5d5d5; background:#f9f8f8; position:relative; }

#page-header .breadcrumb { margin:0 40px 0 0; padding:15px 15px; font-size:14px; line-height:20px; font-style:normal; float:left; }
#page-header .breadcrumb>li+li:before { color:inherit; }
#page-header .breadcrumb a { color:inherit; text-transform:uppercase; }

#page-header .pageactions { position:absolute; top:0; right:0; bottom:0; }
#page-header .pageactions .pageaction { float:left; display:block; border-left:1px solid #d5d5d5; position:relative; }
#page-header .pageactions .print { display:block; width:50px; height:50px; padding:12px; }
#page-header .pageactions .print span { display:block; width:26px; height:26px; background:url(../images/icon_print.png) top left no-repeat; text-indent:-9999px; }
#page-header .pageactions .print:hover span { background-position:bottom left; }
#page-header .pageactions .share { display:block; width:50px; height:50px; padding:12px; }
#page-header .pageactions .share span { display:block; width:26px; height:26px; background:url(../images/icon_share.png) top left no-repeat; text-indent:-9999px; }
#page-header .pageactions .share:hover span { background-position:bottom left; }
#page-header .pageactions .share-buttons { display:none; position:absolute; top:100%; right:0; border:1px solid #d2d3d5; padding:15px; background:#fff; z-index:500; box-shadow:3px 3px 3px rgba(0, 0, 0, .25); }
#page-header .pageactions .share-buttons.is-visible { display:block; }

@media (min-width:768px) {
	#page-header .breadcrumb { margin:0 80px 0 0; padding:15px 30px; }
}

#related-links:before { content:"Related Links"; display:block; border-bottom:2px solid #d5d5d5; color:#283157; font-size:26px; line-height:1; font-weight:700; padding-bottom:15px; font-family: Raleway; text-transform:uppercase; }

#related-links { margin-bottom:20px; }
#related-links li { border-bottom:1px solid #d5d5d5; font-size:16px; }
#related-links li a { color:inherit; padding:15px 0; }
#related-links li a:hover { background:transparent; color:#4b5dcf; }

#sidebar .pagegroup { margin:0 0 20px 0; }
#sidebar .pagegroup .pagegroup-title h2 { border-bottom:2px solid #d5d5d5; color:#283157; font-size:26px; line-height:1; font-weight:700; margin:0 0 15px 0; padding-bottom:15px; font-family: Raleway; text-transform:uppercase; }