/* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ img, object, embed {max-width: 100%;} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ html {color:#3b2c23; font-size:13px; letter-spacing: 1px;} body {font-family:Arial; font-weight: 400;background-image:url(/img/bg_body.png);} strong {font-weight: 700;} /* font-family: "droid-serif",serif; font-family: "raleway",sans-serif; 94c94c */ p {font-family: "expressway",sans-serif;font-size:14px;line-height:20px;padding-bottom:20px;} a {text-decoration: none; color:#7bb52b;} a:hover {text-decoration: underline; color:#3b2c23;} h1,h2,h3,h4 {font-family:"expressway",sans-serif;font-weight:700;} .wrapper {width:100%; float:left; position: relative; min-width: 960px; clear:both!important;} .inner {width:960px; margin:0 auto; position: relative; } header, section, footer {width:960px; float:left; position: relative; display: block;} header {height:621px;background-image:url(/img/bg_header.jpg); background-repeat:repeat-x; background-position:50% 0;} .header {background-image:url(/img/bg_header.jpg); background-repeat:repeat-x; background-position:50% 0;} header a.header_logo {display:block;float:left;height:63px;width:205px;margin-top:8px;} header div.sub_nav {display:block;color:#fff;font-size:11px;font-weight:700;padding-top:3px;text-align:right;} header div.sub_nav a {color:#fff;} header div.sub_nav a:hover {color:#474647;} header nav {float:left;width:100%;} header nav img {margin:0;padding:0;display:block;} header nav ul {list-style:none;margin-bottom:0;margin-left:0;} header nav li { width:220px; margin-bottom:3px; height:40px; padding-top:0px; padding-bottom:0px; background-color:#ee3636; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } header nav li:last-child {margin-bottom:0;} header nav li a { font-family:"expressway",sans-serif; font-size:16px; font-weight:700; display:block; color:#fff; padding-left:54px; background-image:url(/img/nav_arrows.png);background-repeat:no-repeat; background-position:17px 0px; padding-top:11px; padding-bottom:11px; text-transform:uppercase; } header nav li a:hover, header nav li.here a {text-decoration:none;color:#fff;background-position:17px -38px;} header nav li.here a {cursor:default;} header nav li p {font-style:italic;font-weight:400;color:#8a8c8f;font-size:11px;line-height:14px;margin-bottom:0;} header .head_col_left {float:left;width:220px;margin-left:10px;} header .head_col_right {float:right;width:640px;margin-right:10px;} header .head_col_right h1 {margin-top:40px;color:#fff;font-size:26px;line-height:34px;margin-right:170px;margin-bottom:28px;} header .head_col_right .head_video { -moz-box-shadow: 3px 4px 4px 3px #222; -webkit-box-shadow: 3px 4px 4px 3px #222; box-shadow: 3px 4px 4px 3px #222; } header .head_col_right .head_video img {margin:0;padding:0;display:block;} .about {background-image:url(/img/bg_about.png); background-repeat:no-repeat; background-position:50% 0;min-height:150px;padding-bottom:30px;} .about h2 {font-size:14px;text-transform:uppercase;color:#fff;margin:17px 10px 20px 0;} .about .a_column_left {float:left;width:640px;margin-left:10px;} .about .a_column_left h3 {color:#535250;font-size:24px;line-height:28px;margin-bottom:30px;margin-right:20px;} .about .a_column_left .inner_column {float:left;width:300px;margin-right:20px;} .about .a_column_right {float:right;width:220px;margin-right:10px;} .resource_header {background-image:url(/img/resource_header.png);width:220px;height:136px;display:block;margin-top:30px;margin-bottom:20px;} .resource_header h3 {text-transform:uppercase;margin-left:60px;margin-top:60px;font-size:14px;display:inline-block;} .a_column_right ul {list-style:none;margin-left:0;} .a_column_right ul li {padding-left:0;} .a_column_right a {color:#a42222;font-weight:700;font-size:13px;} .a_column_right p {font-style:italic;font-size:12px;} ul {margin-bottom:20px;list-style-position:outside;margin-left:14px;list-style-image:url(/img/list_arrow_dark.png);} ul li {padding-bottom:8px;padding-left:10px;font-size:14px;line-height:20px;font-family: "expressway",sans-serif;} .cause {background-color:#232220;background-image:url(/img/bg_cause.jpg); background-repeat:repeat-x; background-position:50% 0;min-height:850px;padding-bottom:40px;} .cause_nav {background-image:url(/img/bg_cause_nav.png); background-repeat:no-repeat; background-position:50% 0;} .cause h2 {color:#fff;margin:21px 0 35px 30px;text-transform:uppercase;font-size:14px;line-height:18px;} .cause a {color:#e2a214;} .cause_top_left {float:left;width:300px;margin-left:10px;color:#fff;margin-top:20px;} .cause_top_left h3 {font-size:24px;line-height:26px;} .cause_top_right {float:right;width:460px;margin-right:10px;color:#fff;} .cause_nav_container {float:left;width:100%;height:267px;color:#fff;margin-bottom:30px;} .cause_nav_container h3 {color:#e2a214;text-transform:uppercase;display:inline-block;font-size:18px;margin-top:98px;} .cause_nav_container h5 {color:#535250;font-weight:400;font-size:38px;text-transform:uppercase;margin-left:10px;margin-top:29px;} .cause_nav_container h5 strong {color:#fcf8ef;font-weight:700;} ul.nav_list {list-style:none;margin-left:0;display:inline-block;margin-top:70px;margin-left:70px;} ul.nav_list > li {padding-left:21px;padding-right:22px;float:left;display:inline;} ul.nav_list > li > a {display:block;width:82px;height:82px;background-repeat:no-repeat;} ul.nav_list > li.here a, ul.nav_list > li > a:hover {background-position:0 -82px;} a#button_1 {background-image:url(/img/button_1.png);} a#button_2 {background-image:url(/img/button_2.png);} a#button_3 {background-image:url(/img/button_3.png);} a#button_4 {background-image:url(/img/button_4.png);} div#hheader_one, div#hheader_two, div#hheader_three, div#hheader_four {display:none;} .cause_tabs {float:left;width:100%;color:#fff;} .tab {float:left;width:100%;display:none;} .showing {display:block;} .cause_left {float:left;width:460px;margin-left:10px;} .cause_left p {font-size:24px;line-height:29px;font-weight:700;font-family:"expressway",sans-serif;} .cause_right {float:right;width:460px;margin-right:10px;} .cause_right h4 {text-transform:uppercase;font-size:18px;margin-bottom:20px;} .cause_right p {font-size:15px;line-height:20px;padding-right:20px;} .cause_right li {padding-left:4px;font-size:15px;list-style-image:url(/img/list_arrow.png);} .law-top {background-image:url(/img/bg_law.png); background-repeat:repeat-x; background-position:50% 0;color:#fff;} .law-top > div.inner {margin-bottom:0;height:30px;} .law-top > div.inner h2 {color:#fff;margin-top:5px;margin-left:10px;text-transform:uppercase;font-size:14px;line-height:18px;} .law {background-image:url(/img/bg_law_bottom.png); background-repeat:no-repeat;background-position:50% 100%;} .law section {min-height:400px;background-color:transparent;color:#535250;} .law .law_container {float:left;width:640px;margin-left:10px;padding-top:10px;} .law .law_container h3 {color:#535250;font-size:24px;line-height:28px;margin-bottom:30px;} ul.law_list {list-style:none;margin-left:0;} ul.law_list li {padding-left:0;width:300px;float:left;display:inline;margin-right:20px;} ul.law_list li a {color:#535250;text-decoration:underline;} ul.law_list li a:hover {color:#535250;text-decoration:none;} .traffic-top {background-color:transparent;background-image:url(/img/bg_traffic_top.png); background-repeat:repeat-x; background-position:50% 0;} .traffic-top > div.inner {margin-bottom:0;height:30px;} .traffic-top > div.inner > h2 {margin:0;padding:0;background-color:#474747;color:#fff;display:inline-block;padding:5px 10px;font-size:14px;text-transform:uppercase;} .traffic {background-color:#545454;} .traffic section {min-height:400px;} .traffic_column_left {float:left;width:400px;} .traffic_cam_container {float:left;width:360px;padding:10px 20px 20px 20px;background-color:#474747;} .traffic_column_right {float:right;width:460px;margin-right:10px;text-align:center;padding-top:20px;} .traffic_column_right h3 {color:#fff;text-transform:uppercase;font-size:22px;} .traffic_column_right p {color:#fff;font-family:"expressway",sans-serif;font-size:13px;} .screen-reader { display: block !important; left: -9999px !important; position: absolute !important; top: -9999px !important; } /* footer */ .footer {background-image:url(/img/bg_footer.jpg); background-repeat:repeat-x; background-position:50% 0;color:#fff;} footer {height:316px;padding-top:33px;} .foot_left {float:left;display:inline;margin-left:10px;width:140px;} .foot_middle {float:left;width:300px;display:inline;margin-left:20px;text-align:center;padding-top:55px;} .foot_right {float:right;display:inline;width:460px;margin-right:10px;padding-top:45px;} .foot_right .contact_container {float:left;width:100%;margin-top:10px;} .foot_right .contact_container h2 {font-weight:400;text-transform:uppercase;font-size:14px;margin-bottom:2px;} .foot_right .contact_container a {color:#fff;font-weight:700;font-size:18px;text-transform:uppercase;} .foot_right .contact_container a:hover {text-decoration:underline;} .copyright {clear:both;float:left;width:700px;margin-top:20px;font-size:10px;font-weight:700;color:#818181;} /* home slides */ #totalslides {display:none;} .home-slide-header {background-color:transparent;height:391px;width:100%;overflow:hidden;z-index:100;} /* .slide_container {float:left;position:relative;width:814px;height:307px;top:69px;left:71px;display:block;overflow:hidden;} left:50%;margin-left:-2000px; margin-left:0px; */ .slide_container {position:absolute;width:2000px;height:391px;left:50%;margin-left:-1000px;} .slideset {width:2000px;} a#arrow_left, a#arrow_right {position:absolute;top:125px;width:46px;height:49px;display:block;cursor:pointer;} a#arrow_left {left:6px;background-image:url(/img/arrow_left.png);} a#arrow_right {right:6px;background-image:url(/img/arrow_right.png);} .slide_wrapper {float:left;width:1628px;} .slide {float:left;display:inline-block;width:2000px;height:391px;} .local_details {float:left;width:100%;} .into_local {float:left;width:100%;margin-bottom:10px;} h6.headliner {font-weight:bold;font-size:14px;margin-bottom:15px;} .blg {margin-bottom:8px;} .tweet {float:left;width:400px;border-bottom:1px solid #414141;padding-top:30px;padding-bottom:20px;} .tweet-icon {float:left;width:60px;} .tweet-content {float:right;width:330px;color:#f1ede5;} .tweet-content h2 {text-transform:uppercase;margin-bottom:2px;line-height:20px;} .tweet-content h2 img {vertical-align:middle;padding-left:10px;padding-right:10px;display:inline-block;} .tweet-content h3 {margin-bottom:8px;font-size:11px;color:#d5cec0;} .tweet-content p {padding-bottom:10px;} .tweet-content a {color:#f1ede5;text-decoration:underline;} .tweet-content a:hover {color:#f1ede5;text-decoration:none;} table.law_table {width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:20px;} table.law_table > tbody > tr > td {width:280px;padding-bottom:20px;padding-right:20px;} table.law_table > tbody > tr > td a {color:#535250;text-decoration:underline;display:inline-block;margin-bottom:4px;} table.law_table > tbody > tr > td a:hover {color:#535250;text-decoration:none;} /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background: #fcd700; color: #000; text-shadow: none;} ::selection {background: #fcd700; color: #000; text-shadow: none;}