* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }
body { background: #000 url(../images/H_body_back.gif) no-repeat 50% 0; font: 11px arial, verdana, sans-serif; color: #333; text-align: center; }
table, td, th, form, input, textarea { font: 11px arial, verdana, sans-serif; color: #333; text-align: left;}
#skip { display: none;}
#container { position: relative; width: 758px; margin: 0px auto 30px; text-align: left;}
#header { position: relative; height: 112px;}
#logo { position: absolute; background: #ddd; }
.pr { margin-top: -15px; margin-left: -2px; font-size: 10px; }
.top { margin-top: -10px; margin-left: -2px; font-size: 9px; }
.arrow { font-family: webdings; }
.btn-twitter { margin:5px 0; }
/* NAVIGATION
-------------------------------------------- */
#nav { position: relative; height: 30px; margin: 2px 0px 14px; }
#nav li { position: relative; float: left; display: block; list-style: none; height: 30px; width: 126px; }
#nav li a, #nav li div { position: relative; display: block; height: 30px; width: 125px; text-decoration: none; color: #fff;}
#nav li a { cursor: pointer;}
#nav li strong { position: absolute; left:0px; top: 0px; height: 30px; width: 126px; display: block;}
#nav, #nav li, #nav li a, #nav li a strong, #nav li div, #nav li div strong { background-image: url(../images/HN_nav.gif);}
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0px 0px; }
#nav li.donate, #nav li.donate a, #nav li.donate a strong { background-position: -126px 0px;}
#nav li.involved, #nav li.involved a, #nav li.involved a strong { background-position: -252px 0px;}
#nav li.legislation, #nav li.legislation a, #nav li.legislation a strong { background-position: -378px 0px; }
#nav li.news, #nav li.news a, #nav li.news a strong { background-position: -504px 0px; margin: 0px;}
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -630px 0px; width:128px; }
/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong { background-position: 0px -30px; }
#nav li.donate, #nav li.donate a:hover strong { background-position: -126px -30px; }
#nav li.involved, #nav li.involved a:hover strong { background-position: -252px -30px; }
#nav li.legislation, #nav li.legislation a:hover strong { background-position: -378px -30px; }
#nav li.news, #nav li.news a:hover strong { background-position: -504px -30px;}
#nav li.contact, #nav li.contact a:hover strong { background-position: -630px -30px; width:128px; }
/* ON STATE */
#nav li.about div, #nav li.about div strong { background-position: 0px -60px; }
#nav li.donate div, #nav li.donate div strong { background-position: -126px -60px; }
#nav li.involved div, #nav li.involved div strong { background-position: -252px -60px; }
#nav li.legislation div, #nav li.legislation div strong { background-position: -378px -60px; }
#nav li.news div, #nav li.news div strong { background-position: -504px -60px;}
#nav li.contact div, #nav li.contact div strong { background-position: -630px -60px; width:128px; }
/* CONTENT Homepage
-------------------------------------------- */
#H_flasharea { position: relative; height: 240px; background: url(../images/H_flash.jpg); }
#H_main { border-bottom: 2px solid #1a1a1a; padding-bottom: 20px; /*\*/ height: 100%;/**/}
#H_welcome { position: relative; float: left; width: 288px; padding: 16px 20px 0px; color: #bbb; line-height: 16px;}
* html #H_welcome { width: 328px; w\idth: 288px; }
#H_welcome p { padding-bottom: 15px;}
#H_welcome ul { margin-left: 20px; }
#H_welcome2 { position: relative; float: left; width: 246px; padding: 16px 20px 0px; color: #bbb; line-height: 16px; border-left: 2px solid #1a1a1a;}
* html #H_welcome2 { width: 286px; w\idth: 246px; }
#H_welcome2 li { margin: 5px 0 5px 15px; line-height: 14px; list-style: square; }
#H_news { position: relative; float: left; width: 266px; padding: 0px 20px; margin-top: 16px; border-left: 2px solid #1a1a1a;}
* html #H_news { width: 306px; w\idth: 266px; }
#H_news li { padding-bottom: 5px; list-style: none; }
#H_news b { color: #c00;}
#H_signup { position: relative; float: left; width: 140px; margin-top: 16px; border-left: 2px solid #1a1a1a; text-align: center }
#H_signup form { margin-bottom: 100px; padding: 0 0 0 20px; }
#H_signup label { border: 0; color: #bbb; text-align: left; }
#H_signup input { position: absolute; top: 18px; height: 18px; width: 70px; background: #666; border: 1px solid #fff; border-right: 0px; color: #fff; }
#H_signup .go { left: 95px; height: 24px; width: 20px; background: #CC0000; border-right: 1px solid #fff; }
#H_follow { border-top: 2px solid #1A1A1A; }
#H_follow p { color: #bbb; font-size:12px;font-weight:bold; padding-top:10px }
/* CONTENT Subpages
-------------------------------------------- */
#S_main { position:relative; background: #666 url(../images/subnav_back.gif) no-repeat 0 148px; /*\*/ height: 100%;/**/}
#SH { position: absolute; top: 14px; right: 0px;}
#subnav { position: relative; float: left; width: 150px; font-size: 10px; color: #cccccc; }
#subnav ul { padding: 50px 0px; list-style: none; font-weight: bold;}
#subnav li a:link, #subnav li a:visited, #subnav li div { position: relative; display: block; padding: 5px 5px 5px 42px; height: 100%; width: auto; color: #fff; font-size: 12px; line-height: 13px; }
#subnav li a:hover {/*\*/ background: #555;/**/ color: #ddd;}
#subnav ul li ul { padding: 0; list-style: none; font-weight: normal; }
#subnav ul li ul li div, #subnav ul li ul li a:link, #subnav ul li ul li a:visited { position: relative; display: block; padding: 3px 5px 3px 62px; height: 100%; width: auto; color: #fff; font-size: 11px; }
#subnav li div, #subnav ul li ul li div { color: #acacac; }
#subnav #twitter_div { padding:0 20px; _padding:0 15px; }
#subnav #twitter_div h2 { margin:0 0 10px; color:#fff; font-size:11px; }
#subnav #twitter_div ul { padding:0; }
#subnav #twitter_div li { margin-bottom:10px; word-wrap:break-word; }
#subnav #twitter_div img { border:none; }
#subnav #twitter_div a { display:inline; padding:0; height:auto; font-size:11px; line-height:normal; font-weight:normal; }
#subnav #twitter_div a:hover { background:none; }
#subnav #twitter_div span { display:block; padding-bottom:5px; }
#content { position: relative; float: left; width: 526px; padding: 0px 40px 40px; background: #fff; line-height: 16px; border-left: 2px solid #000;}
* html #content { width: 606px; w\idth: 526px;}
#content p { padding: 0px 0px 15px;}
#content ul, #content ol { margin-left: 20px; margin-top: -5px; margin-bottom: 20px }
#content li { margin-bottom: 5px; line-height: 14px; list-style: square; }
#content ol li { list-style-type: decimal}
#content ol ol { margin-top: 5px; }
#content ol li li { list-style-type: lower-roman; }
#content ol li li li { list-style-type: upper-roman; }
#breadcrumbs { padding: 20px 0px; font-size: 10px;}
/* forms */
fieldset { width: 320px; border: none; margin: 5px 0; display: block; }
fieldset .leftcol { display: block; float: left; height: 14px; width: 80px; margin: 0; padding: 2px; text-align: left; border:1px solid #efefef; }
input, textarea { height: 14px; width: 200px; margin-bottom: 5px; padding: 2px; background: #efefef; border: 1px solid #ccc; }
input.submitdonate { width:204px; height:30px; }
div.checkbox { margin: 5px 0 10px 89px; background: #efefef; border: 1px solid #ccc; width: 194px; padding: 5px }
input.checkbox { background: none; border: none; width: 12px; margin: 0; }
select { height: 18px; width: 206px; margin-bottom: 5px; padding: 1px; background: #efefef; border: 1px solid #ccc; font-size: 10px; }
textarea { height: 100px; }
.button { height: 24px; width: 50px; margin-right: 5px; background: #CC0000; border-right: 2px solid #efefef; border-bottom: 2px solid #efefef; color: #fff; font-weight: bold; text-align: center; }
input.submitdonate { width:204px; height:30px; }
/* FOOTER
-------------------------------------------- */
#footer { position: relative; clear: both; padding: 0px 20px; color: #999; font-size: 10px;}
/* LINKS
-------------------------------------------- */
a:link, a:visited { color: #c00; text-decoration: none; }
a:hover { color: #777;}
#content a:link, #content a:visited, #content a:hover { border-bottom: 1px dashed #ccc; }
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover { border: 0px; }
#H_body a:link, #H_body a:visited, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#H_body a:hover, #footer a:hover { color: #777;}
/* HOMEPAGE SLIDESHOW (Partner logos)
-------------------------------------------- */
#partner-logos { margin:10px 0 0; position:relative; height:83px; overflow:hidden; background:#000; border: 0px; }
#partner-logos a, #partner-logos a img, #partner-logos a:hover, #partner-logos a:hover img { border:none; background: none;}
/* ELEMENTS
-------------------------------------------- */
h1 { font-size: 16px; color: #666666; margin: 0px 0px 15px;}
h2 { font-size: 12px; color: #666666; margin: 0px 0px 2px;}
h3 { font-size: 12px; font-style:italic; color: #c00; margin: 5px 0px 0px;}
h4 { font-size: 12px; color: #000; margin: 0; padding: 0 }
hr { margin-top: 20px; margin-bottom: 20px; background: #fff; color: #fff; border-bottom: 1px solid #cccccc; }
.float_r { float: right; margin: 0px 0px 10px 25px;}
span.float_r { display:block; float:right; width:252px; }
span.float_r img {margin-bottom:5px;}
span.float_r em {color:#666666; font-style:normal; }
/* Styles for legislation pages */
table#statelinks tr td { padding: 5px; text-align: center; font-weight: bold; }
#content table#statelinks tr td a { border-bottom: none }
div.state_left { float: left; width: 220px; padding-right: 20px; background: #fff; }
div.state_right { float: right; background: #fff; padding-left: 25px; border-left: 1px dashed #ccc; width: 260px; }
#legislation h2 { text-transform: uppercase; }
div.state_left p { margin-left: 1px; }
#legislation p { padding: 0 0 5px 0; margin: 0 }
#legislation h2 { margin: 0 0 5px; }
#legislation h4 { margin: 5px 0; }
#legislation ol { margin: 5px 0 20px 25px; }
blockquote { margin: 0 0 12px 20px; }
/* HOMEPAGE SOCIAL MEDIA STRUCTURE
-------------------------------------------- */
#social {margin:20px auto 20px; width:720px; color: #BBB;}
#social div {width:100%; margin:0 0 0px 0;}
#social h1 {margin-bottom: 5px;}
#social img {margin-bottom:10px;}
#social img.socialicon {margin:3px 5px 0 0; float:left; border:0;}
#social ul {list-style-type: none;padding-left:18px;margin-top:-12px;}
#social li {margin: 7px 0; padding:5px 0; }
/* TWITTER FEED
-------------------------------------------- */
#twitter_update_list li {font-style:italic;}
#twitter_update_list li span {font-style:normal;}
/* BLOG POST
-------------------------------------------- */
#blog span {color:#666; font-size:16px; font-weight:bold; margin:0 0 0 5px;}
div #blog {border-bottom:2px solid #1A1A1A; padding-bottom:10px;}
#siporg {padding-top:5px;}
.tools { position:absolute; top:120px; left:20px; list-style:none; }
.tools li { margin:0 0 5px; list-style:none; }
.tools li img { border:0 !important; }
/* FACEBOOK FAN BOX
-------------------------------------------- */
.fan_box
.full_widget
.connect_top {
border: none;
background-color: #000000;
}
.fan_box
.full_widget {
border: none;
}
.connect_top a {
color: #990000;
}
.connect_top a:hover {
color: #CC0000;
}
.fan_box
.connections {
background-color: #000000;
border: none;
color: #990000;
}
.fan_box
.connections_grid
.grid_item
.name {
color: #990000;
}
/* CAROUSEL
------------------------------------------------------------------------------------- */
.carousel-items { margin:0 0 0 0px; padding:0; width:100%; }
.carousel-items ul { position:relative; margin:0 0 0 0; padding:0; list-style:none; }
.carousel-items li { margin:0; padding:0; width:100px; float:left; display:inline; font-size:1.1em; line-height:1.4em; }
.carousel-items li a { font-weight:bold; text-decoration:none; }
.carousel-items li a:hover { text-decoration:none; }
#h-news {margin-left: 0px;}
.carousel-items .jcarousel-clip { position:relative; margin:0; padding:0; overflow:hidden !important; z-index:2; }
.carousel-items .jcarousel-prev { width:23px; height:19px; display:none; cursor:pointer; }
.carousel-items .jcarousel-next { width:23px; height:19px; display:none; cursor:pointer; }
/* Case Studies - Carousel
Specific Instance styles here (may be other carousels on the page)
*/
#casestudies-carousel { position:relative; margin:10px 0 0; padding:0 0 0px; width:268px; }
#casestudies-carousel .jcarousel-clip { width:268px; }
#casestudies-carousel .jcarousel-clip li { width:268px; }
#casestudies-carousel .jcarousel-prev { position:absolute; bottom:0; left:0; background:url(../images/bg-carousel.png) no-repeat 0 0; }
#casestudies-carousel .jcarousel-prev-disabled { background-position:0 -18px; }
#casestudies-carousel .jcarousel-next { position:absolute; bottom:0; left:22px; background:url(../images/bg-carousel.png) no-repeat -18px 0; }
#casestudies-carousel .jcarousel-next-disabled { background-position:-18px -18px; }
/* Case Studies - Carousel */
#news-carousel { position:relative; margin:0px 0 0 0; padding:0; width:268px; height: 100px; overflow:hidden; float:right; display:inline; }
#news-carousel .jcarousel-clip { margin:0px 0 0 0; width:268px; height:100px; }
#news-carousel .jcarousel-clip li { position:relative; width:268px; margin:0px 0 4px 0; }
#news-carousel .jcarousel-prev { position:absolute; top:0px; left:0px; background:url(../images/bg-carousel2.png) no-repeat -23px 0; }
#news-carousel .jcarousel-prev-disabled { background-position:-36px -18px; }
#news-carousel .jcarousel-next { position:absolute; top:19px; left:738px; background:url(../images/bg-carousel2.png) no-repeat 0px 0; }
#news-carousel .jcarousel-next-disabled { background-position:-54px -18px; }