header .sub-container { color:#fff; background:url(../images/header.jpg) no-repeat 0; }
header { background-color:#384049;}
header h2.logo a { width:450px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#384049; color:#fff;}
footer h4 {color: #fff;}

/* 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) */
.green_btn { background:#5e7b04 none repeat scroll 0 0!important; border: 1px solid #5e7b04!important; color: #fff!important; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color: #D9D9D9; }
.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:#343e48; color:#fff; }
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#343e48; }
.sf-menu ul { border-top:5px solid #343e48; }
.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:#343e48; }

/* 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; }

/* 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#taxdivisions nav #taxdivisionstab.sf-with-ul::after, body#electronic nav #electronicstab.sf-with-ul::after, body#forms nav #formstab.sf-with-ul::after, body#taxrelief nav #taxrelieftab.sf-with-ul::after { border-top-color:#fff; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#home nav #hometab, body#taxdivisions nav #taxdivisionstab, body#electronic nav #electronicstab, body#forms nav #formstab, body#taxrelief nav #taxrelieftab {  background-color:#343e48; color:#fff; }

/* Headline for Left Navigation */
#sectionnav h3 { background-color:#1c213f; color:#fff; }

.sectionbanner { padding:10px; 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 { color:#fff; background-color:#4e7c79; }


.tbstriped tr th { background-color:#343e48; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Colors of new design */
/* 
Red = #a42918
Orange = #c55402
Green = #5f7c06
Blue = #4d7c79
Grey = #343e48
*/

/* Homepage */

/*#hero { width:calc(100% + 2em); min-height:300px; background:#333 url(../images/hero.jpg) center center no-repeat; background-size:cover; margin:-10px 0 0 -1em; padding-top:50px; padding-bottom:45px; }*/
#hero { width: calc(100% + 2em); min-height: 300px; background: #333 url(../images/hero2.jpg) center center no-repeat; background-size: cover; margin: -10px 0 0 -1em; padding-top: 50px; padding-bottom: 45px; }

#hero h1 { text-align: center; margin-top:-12px; color:#fff; }
.smalltext { font-size:0.4em; }
.bigtext { font-size:1.4em; }

.home-search { width:50%; margin:0 auto; min-height:55px; border-radius:7px; background-color:rgba(0,0,0,.7); margin-bottom:40px; position:relative; }
.home-search input[type=text] { color:#fff; font-size:1.4em; }
.home-search .search-area { background:none; border:none; color:#ffffff !important; height:55px; outline:none; padding: 0 0 0 20px; width:87%;}
.home-search ::placeholder { color:#fff!important; opacity: 1; }
.home-search :-ms-input-placeholder { color:#fff!important; }
.home-search ::-ms-input-placeholder { color:#fff!important; }
.home-search input.search-button { background:transparent url(../images/search.png) center right no-repeat; position:absolute; width:30px; height:30px; border:none; text-indent:-9999px; top:14px; right:15px; }

#hero a { text-decoration:none!important; }

.return, .relief, .refund, .salestax { width:75%; margin:0 auto; padding:110px 15px 10px; color:#fff; text-align:center; border-radius:7px; }
.return { background:#a42918 url(../images/return.gif) center 20px no-repeat; background-size:143px; }
.return:hover { background:#842114 url(../images/returnhover.gif) center 20px no-repeat; background-size:143px; }
.relief { background:#4d7c79 url(../images/payment.gif) center 20px no-repeat; background-size:155px; }
.relief:hover { background:#416b68 url("../images/paymenthover.gif") center 20px no-repeat; background-size:155px; }
.refund { background:#c55402 url(../images/refund.gif) center 20px no-repeat; background-size:145px; }
.refund:hover { background:#b24c01 url("../images/refundhover.gif") center 20px no-repeat; background-size:145px; }
.salestax { background:#5f7c06 url(../images/salextax.gif) center 20px no-repeat; background-size:145px; }
.salestax:hover { background:#536d05 url("../images/salextaxhover.gif") center 20px no-repeat; background-size:145px; }


/*.secondrow { margin-top:40px; }*/
.secondrow { margin-top:0!important; background-color: #dbdbdb; padding-top: 30px; padding-bottom: 30px; width: calc(100% + 2em); margin-left: -1em;}
.secondrow .threecol1, .secondrow .threecol2 { width:28%!important; margin-right:8%!important; }
.secondrow .threecol3 { width:27%!important; margin-right:0; }
ul.linklistbox { list-style:none; width:90%; margin:0 auto; border:1px solid #ccc; padding:0; box-shadow:0 0 9px rgba(102,102,102,.5) }
ul.linklistbox li { padding:6px 0 6px 15px; border-top:1px solid #ccc; background:#fff url(../images/grey-arrow.gif) 95% center no-repeat; }
ul.linklistbox a { text-decoration:none; color:#000!important; }
ul.linklistbox li:first-child { text-align:center; font-weight:bold; color:#fff; background-color:#343e48; background-image:none; border-top:0; font-size:1.2em; letter-spacing:1px; padding-left:0; }
ul.linklistbox li:first-child a { text-decoration:none; color:#fff!important; }
ul.linklistbox li:nth-child(2) { border-top:0; }

.thirdrow { margin-top:30px; }
.thirdrow .twocol1big h2 { color:#c55402; text-transform:uppercase; }

ul.checkmark { list-style:none; }
ul.checkmark li { background:#fff url(../images/checkmark.gif) left 4px no-repeat; padding-left:24px; background-size:15px; margin-bottom:10px; }