@charset "UTF-8";
/* CSS Document */

/*Normalizing across site///////////////////////////////////////////////*/
/*Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, iframe {
	margin: 0;
	padding: 0;
}
/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/*Normalizes font-style and font-weight*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/*Removes border from fieldset and img*/
fieldset, img {
	border: 0;
}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*End Normalizing////////////////////////////////////////////////////////*/

/* Utility Classes */

.clear {
	clear: both;
}

/* STRUCTURE */

body {
/*	background-color: #fff;*/
	background: url(../images/stars_paws.jpg) repeat top left;
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#container {
	/*width: 744px;*/
	width: 798px;
	margin: 0 auto;
	text-align: left;
}


/* HEADER STYLES */

#header {
	width: 744px;
	padding-bottom: 24px;
}


/* Header Logo Image Replacement */
h1#header_hslf_logo {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
}

h1#header_hslf_logo a {
	display: block;
	width: 171px;
	height: 58px;
	text-indent: -9999px;
	background-image: url(/resources/images/hslf_logo.gif);
	background-repeat: no-repeat;
	border: none;
	margin: 0;
	padding: 0;
}


/* Header Nav */

#header_nav {
	list-style-type: none;
	color: #979697;
	font-size: 12px;
	line-height: 12px;
	float: right;
	margin-top: 55px;
	padding-bottom: 13px;	
}

#header_nav li {
	display: inline;
	margin-right: 28px;
}

#header_nav a:link, #header_nav a:visited {
	color: #00355f;
	text-decoration: none;
	font-weight: bold;
}

#header_nav a:hover, #header_nav a:active {
	color: #474747;
}


/* Header Banner */

#header_banner {
	width: 720px;
	padding-right: 8px;
	height: 193px;
	background-color: #00355f;
	border: solid 8px #00355f;
	background-repeat: no-repeat;
}

#header_banner h2 {
	margin: 0;
	padding: 0;
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
	padding-left: 435px;
	padding-top: 102px;
}

.banner_desc {
	font-size: 15px;
	color: #555555;
	font-weight: normal;
	line-height: 16px;
}

#header_banner h2.scoreboard {
	font-size: 18px;
}

#header_banner h2.home {
	font-size: 16px;
}

#header_banner h2 a:link, #header_banner h2 a:visited  {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

#header_banner h2 a:hover, #header_banner h2 a:active  {
	color: #979697;
}


.capwiz {
	background-image: url(/resources/images/capwiz_banner.jpg);
}
.banner_bills {
	background-image: url(/resources/images/bills_banner.jpg);
}
.banner_legislators {
	background-image: url(/resources/images/legislators_banner.jpg);
}
.banner_issues {
	background-image: url(/resources/images/issues_banner.jpg);
}
.banner_scoreboard {
	background-image: url(/resources/images/scoreboard_banner.jpg);
}


/* SIDEBAR STYLES */

#sidebar {
	width: 198px;
	float: left;
}


/* Sidebar Nav */

#sidebar_nav {
	list-style-type: none;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding-left: 16px;
}

#sidebar_nav li {
	height: 29px;
	display: block;
	color: #000000;
}

#sidebar_nav li:hover {
	color: #979697;
	background-image: url(/resources/images/sidebar_nav_rollover.jpg);
	background-repeat: no-repeat;
}

#sidebar_nav li a {
	color: #00355f;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: inherit;
	height: inherit;
}

#sidebar_nav li:hover a {
	color: #979697;
	display: block;
	width: inherit;
	height: inherit;
}


#sidebar_nav li.current_page {
	color: #979697;
	background-image: url(/resources/images/sidebar_nav_rollover.jpg);
	background-repeat: no-repeat;
}

#sidebar_nav li.current_page a {
	color: #979697;
	display: block;
	width: inherit;
	height: inherit;
}


/* Scoreboard Sub-Menu */

#sidebar_nav li.scoreboard_list {
	height: auto;
	margin-bottom: 15px;
}

#sidebar_nav li.scoreboard_list ul {
	padding-left: 8px;
	padding-top: 8px;
	font-size: 11px;
	line-height: 18px;
	list-style-type: none;
}

#sidebar_nav li.scoreboard_list ul li {
	height: auto;
}

#sidebar_nav li.scoreboard_list ul li a {
	padding: 2px 4px;
	display: inline;
}

#sidebar_nav li.scoreboard_list:hover ul li a {
	color: #979697;
	width: auto;
	display: inline;
}

#sidebar_nav li.scoreboard_list:hover ul li:hover {
	background-image: none;
}

#sidebar_nav li.scoreboard_list:hover ul li:hover a {
	color: #ffffff;
	background-color: #979697;
}

#sidebar_nav li.scoreboard_list ul li.current_page a {
	color: #ffffff;
	background-color: #979697; 
}


/* Sidebar Buttons */

#sidebar_btns {
	list-style-type: none;
	margin-left: -6px;
	padding-top: 20px;
}

#sidebar_btns li {
	display: block;
	width: 198px;
}

#sidebar_btns li a {
	display: block;
	width: 198px;
	text-indent: -9999px;
	border: none;
	margin: 0;
	padding: 0;
}

#sidebar_btns li#take_action a {
	background-image: url(/resources/images/nav_take_action.gif);
	background-repeat: no-repeat;
	height: 104px;
}

#sidebar_btns li#donate_now a {
	background-image: url(/resources/images/nav_donate_now.gif);
	background-repeat: no-repeat;
	height: 89px;
}

#sidebar_btns li#visit_blog a {
	background-image: url(/resources/images/nav_visit_blog.gif);
	background-repeat: no-repeat;
	height: 92px;
}


/* SCOREBOARD KEY */

#scoreboard_key {
	background-color: #b2cce5;
	font-size: 11px;
	line-height: 12px;
	color: #474747;
	width: 166px;
	padding: 10px 10px 5px 5px;
	margin-top: 20px;
}

#scoreboard_key h3 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #00355f;
	padding-bottom: 12px;
	padding-left: 6px;
}

#scoreboard_key td {
	padding-bottom: 6px;
}


/* MAIN CONTENT STYLE */

#main_content {
	float: left;
	padding-left: 38px;
	/*width: 508px;*/
	width: 558px;
}

#main_content h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-bottom: 6px;
	color: #00355f;
}

#main_content p {
	padding: 4px 0;
	color: #666666;
}

#main_content a:link,#main_content a:visited  {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#main_content a:hover,#main_content a:active  {
	color: #979697;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.cta_text {
	display: block;
	float: left;
	padding-right: 4px;
	cursor: pointer;
}

.cta_arrow {
	display: block;
	width: 11px;
	height: 16px;
	border: none;
	text-indent: -9999px;
	background-image: url(/resources/images/cta_arrow.gif);
	background-repeat: no-repeat;
	float: left;
}

.cta_text:hover {
	cursor: pointer;
}

a:hover .cta_arrow {
	background-position: right;
}



/* Capwiz Content Area */

#capwiz_content {
	width: 420px;
	padding-left: 60px; 
}



/* FOOTER STYLE */

#footer {
	width: 716px;
	margin-top: 24px;
	padding: 14px;
	background-color: #cadcee;
}

#footer .footer_element {
	float: left;
}

#footer h3 {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #00355f;
}

#footer_contact_info {
	width: 200px;
	padding-right: 48px;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #666666;
}

#footer_signup_message {
	width: 448px;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
}


/* Footer Signup Form */

#footer_signup_form {
	width: 448px;
}

#footer_signup_form form {
	margin-top: 10px;
}

#footer_signup_form input {
	border: none;
	width: 174px;
	margin-bottom: 6px;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	padding: 2px 8px;
	color: #666666;
}

#footer_signup_form .submit_btn {
	width: auto;
	background-color: #990000;
	color: #ffffff;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 2px 8px;
}

#footer_signup_form .submit_btn:hover {
	background-color: #979697;
}

.legalese {
	font-size: 11px;
	line-height: 12px;
	color: #666666;
	padding: 12px 10px;
}


/* ISSUES PAGE LIST */

#issues_explore {
	padding-bottom: 20px;
	margin-top: -4px;
}

#issues_explore img {
	float: left;
	width: 92px;
	height: 92px;
	margin-right: 10px;
}

#issues_explore h4 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
}

.issue_item {
	width: 250px;
	height: 92px;
	float: left;
	margin-top: 40px;
}

.right_item {
	margin-left: 8px;
}


/* HOME SLIDESHOW */

.banner_home {
	position: relative;
	width: 728px;
	height: 193px;
	background-color: #d7d7d7;
	border: solid 8px #d7d7d7;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 100;
}

#slideshow h2.home {
	color: #990000;
}

.banner_home h2 a {
	font-size: 15px;
	font-weight: normal;
	line-height: 16px;
}

#slideshow {
	width: 3640px;
	height: 193px;
}

.slide_item {
	width: 720px;
	padding-right: 8px;
	height: 193px;
	display: block;
	background-repeat: no-repeat;
	float: left;
}

.banner_arrow1 {
	position: absolute;
	top: 158px;
	left: 640px;
	width: 12px;
	height: 23px;
	background-image: url(/resources/images/banner_arrow_l.gif);
	background-repeat: no-repeat;
}

.banner_arrow2 {
	position: absolute;
	top: 158px;
	width: 12px;
	left: 684px;
	height: 23px;
	background-image: url(/resources/images/banner_arrow_r.gif);
	background-repeat: no-repeat;
}

.banner_arrow1:hover {
	cursor: pointer;
}

.banner_arrow2:hover {
	cursor: pointer;
}

div.first_item {
	left: 0;
}


/* MISC TYPOGRAPHY */

sup {
	vertical-align: top;
}
