header .sub-container { color:#fff; background-color:#074180; height:90px!important; }
header { background:#074180; background-color:#074180; }
header h2.logo a { width:520px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#E9E9E9; color:#02263D;}
footer h4 {color: #02263D;}
.footer_column a:link, .footer_column a:visited {color: #02263D!important;}

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.searchbutton input[type=submit] { background:#5D7B90 none repeat scroll 0 0!important; border: 1px solid #5D7B90!important; color: #fff!important; margin:0!important; border-radius:0!important; /* height: 25px;  */position: absolute; right: 3px; text-transform: uppercase; top: 3px; font-size:.8em!important; }

.form-submit { background:#5D7B90 none repeat scroll 0 0!important; border: 1px solid #5D7B90!important; color: #fff!important; margin:0!important; border-radius:0!important; /* height: 25px; */ font-size:.8em!important; text-transform: uppercase; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color: #eee; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a { background:#02263D; color:#fff; }
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#02263D; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #02263D; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#02263D!important; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff!important; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#home nav .hometab.sf-with-ul::after, body#about nav .abouttab.sf-with-ul::after, body#state nav .statetab.sf-with-ul::after, body#municipal nav .municipaltab.sf-with-ul::after, body#subscribers nav .subscriberstab.sf-with-ul::after  { border-top-color:#02263D; }

ul.sf-menu .sf-sub-indicator::after { content:''!important; position:absolute!important; top:50%!important; right:7px!important; margin-top:-3px!important; height:0!important; width:0!important; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/      border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
	/*border-top-color: #fff;*/ }

ul.sf-menu .sf-sub-indicator { right:25px; }
ul.sf-menu.menu ul { margin-top:6px!important; }
ul.sf-menu .sf-sub-indicator::after a:hover {
    border-top-color:#fff!important; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .hometab, nav .abouttab, nav .statetab, nav .municipaltab, nav .subscriberstab  {  display:inline-block; vertical-align:middle; line-height:40px; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
li.active-trail a { background-color: #02263D!important; color: #fff!important; }
li.active-trail ul li { background-color:#fff!important; }
li.active-trail ul li a {background-color:#fff!important; color:#000!important; }
li.active-trail ul li a:hover {background-color: #02263D!important; color: #fff!important; }

/* Headline for Left Navigation */
#sectionnav h3 { color:#333; background-color:#3c3c3c; }
.sectionbanner { background-color:#f4f5f7; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }


/*Right Column Box Styles */
.sidebarbox { background-color:#eee; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#02263D; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #02263D; margin-left:7px; margin-right:7px; }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#0764A8; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#C8C028; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Forms */
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* @end */

.survey_box {background-color:/*#316445*/#0d3846!important; border: 1px #fff solid; box-shadow: 0 0px 2px 0px #000; color:#fff; margin: 3px 0 15px; width: 97%; padding-top: 8px;}
.survey_box a:link { color: #ffd800;}
.survey_box a:visited { color: #ffd800;}
.survey_icon { float:left; padding: 0 10px; }
.survey_text { padding-top: 7px; }


/*Home Page */
.flexslider { width:auto!important; margin:-10px -16px!important;}
.flex-direction-nav a { top:60%!important; }
.photo_highlight .photo_tag1 { background-color: #6693AA; box-shadow: 4px 0 8px -4px #333; color: #FFFFFF; float: left; margin: -180px 0;padding: 16px; position: relative; width: 22%; font-size: 1.3em !important; text-align:center;}

.photo_highlight .photo_tag2 { background-color: #35699B; box-shadow: 4px 0 8px -4px #333; color: #FFFFFF; float: left; margin: -180px 0; padding: 16px; position: relative; width: 22%; font-size: 1.3em !important; text-align:center;}

.photo_highlight .photo_tag3 { background-color: #3B9562; box-shadow: 4px 0 8px -4px #333; color: #FFFFFF; float: left; margin: -180px 0;padding: 16px; position: relative; width: 23%; font-size: 1.3em !important; text-align:center; }

ul.slides a { color:#fff!important; text-decoration:none; }

.home-info { margin: 40px auto 0; width: 75%; }
.home-info .info { width: 75%; float: left;	}
.didyouknow { margin: 0 auto; width: 75%; }
.didyouknow p {margin: 0;}

.more-button { float: right;  margin-top: 70px; }
.more-button a { color: #fff!important; text-decoration: none; background-color: #444;	box-shadow: 0 0 3px -1px #000;	 padding: 15px 25px;}
.more-button a:hover { background-color: #777; }

.highlight-boxes { width:90%; margin: 80px auto 0; }
.lightblue-box { float:left; color:#fff; background-color:#6693AA!important; padding:1% 2% 3%; width:29%; height:300px; }
.darkblue-box { float:left; color:#fff; background-color:#35699B!important; padding:1% 2% 3%; width:29%; height:300px; }
.green-box { float:left; color:#fff; background-color:#3B9562!important; padding:1% 2% 3%; width:29%; height:300px; }
.green-box ul li {line-height: 2em!important;}
.lightblue-box h2, .darkblue-box h2, .green-box h2 { color: #fff!important; }
.lightblue-box a, .darkblue-box a, .green-box a{ color: #fff!important; }

/* General */
.bar { background-color: #6693AA; color: #fff; width: 99%;	 padding: 10px 0 10px 10px; }

.header_nav_search ul#vtopnav {text-shadow: 0px 1px #666;}	


/* About -- Reports and Initiatives  */
.goals-table { margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse; }
.goals-table caption { text-align:left; }
.goals-table tr th { font-size:.85em; text-align:left; padding:3px 8px; background-color: #3B9562; color: #fff;}
.goals-table th { border:1px solid #d9d9d9; border-collapse:collapse; }
.goals-table tr td { font-size:.85em; padding:3px 8px; }
.goals-table thead td { font-weight:bold; border-bottom:1px solid #d9d9d9; border-collapse:collapse; }
.goals-table tbody td { border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-collapse:collapse; }
.goals-grey {background-color: #eee;}
.hide-cell {display: none;}

.awards a img, .awards img { float: left; }

.awards h3, .awards p {
    margin-left: 245px !important;
	clear: none;
}


.redbox { background-color: seashell; border: 1px solid #f00; color: #f00; padding: 10px; }


/* Subscribers - Account Manager */
.billing-info { background-color: #6693AA; border: 1px solid #fff; box-shadow: 0 1px 3px 1px #000; color: #fff!important; margin: 23px 0 0; padding: 0.2em 0.5em; }
.billing-info h3 { border-bottom: medium none !important; margin-top: 6px !important; background-color: #6693AA!important; color: #fff!important; font-size: 0.87em!important;}
.billing-button a{ color: #fff!important; }

.new-user { font-size:1.2em!important; }

p.green-button a { color: #fff!important; text-decoration: none; background-color:#096935; box-shadow: 0 0 3px -1px #20631F; padding: 15px 25px;}
p.green-button a:hover { background-color:#054120; }

/* State Government */
.red {color: #f00;}
form label {font-weight: bold;}
.form_part_1  {width: 62%;}
.form_header_1 { background-color:#6693AA; color: #fff!important; margin: 0 -11px 8px -12px; padding: 8px 12px; width: 100%;}

.header_nav_search { width:33%!important; }
#search-block-form { clear: both; font-size: 1em; font-weight: bold; position: relative; width: 251px; height:31px; background: #fff; color: #000; float: right; }
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; }

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

li.sf-clone-parent {
    display: none;
}

footer .footer_column .contextual-links li a { color:#000!important; } 
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}


@media screen and (-webkit-min-device-pixel-ratio:0) {

   .form_header_1 { background-color:#6693AA; color: #fff!important; margin: 0 -11px 8px -14px; padding: 8px 14px; width: 100%;}
}

/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox ul { list-style:none; margin: 10px 20px; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { padding:3px 8px; }
.sidebarbox p.more { font-style:italic; }


/* button 
---------------------------------------------- */
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 10px auto; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em ;border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.button-black { background: #444; border: 1px solid #333; color: #fff; }
.button-black:hover { background: #6693AA; color: #fff; }
.button-black:active { background:  #555; color: #fff; }
a.button-black { color:#FFF !important; }

#criticalinfo {display: none; }

ul.sf-menu li ul li .sf-sub-indicator a { color:#000; }
ul.sf-menu li ul li .sf-sub-indicator::after { display:none!important; }



@media screen and (min-width:652px) and (max-width:1242px) {
.home-info {width: 75%;}
.home-info .info { width: 72%; }

}


/* Search results page */

ul.pager__items { list-style:none; border-top:1px solid #ccc; padding-top:20px; margin-top:30px; }
ul.pager__items li { display:inline; margin-right:15px; }
.pager__item.is-active { font-weight:bold; }