body{
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #2b2b2b;
margin: 0;
padding: 0;
}

/* Main Elements
....................................................................... */
#container_header{ /* 100% width header container */
clear: both;
float: left;
width: 100%;
min-width: 956px;
height: 169px;
background: #fff url(/assets/images/bg_container_header.gif) 0 0 repeat-x;
}
#container_content{ /* 100% main content container */
clear: both;
float: left;
width: 100%;
min-width: 956px;
background: #b1bfc9;
padding: 7px 0 7px 0;
}
#container_join { /* 100% width 'join up' container */
clear: both;
float: left;
width: 100%;
min-width: 956px;
border-bottom: 3px solid #fff;
background: #232323;
}
#container_footer{ /* 100% width footer container */
clear: both;
float: left;
width: 100%;
min-width: 956px;
border-top: 1px solid #4a9059;
background: #fff;
}

#header{
position: relative;
width: 950px;
height: 169px;
background: url(/assets/images/bg_header.jpg) 0 0 no-repeat;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
margin: 0 auto;
}
.content{
margin: 0 auto;
width: 320px;
}

.mobileDay{
clear: both;
float: left;
width: 300px;
background: #d8e4ec;
padding: 8px 10px 8px 10px;
text-transform: capitalize;
font-weight: bold;
}

.mobileContent{
padding: 8px 10px 8px 10px;
border: 3px solid #d8e4ec;

}

.wrapper{ /* Wraps Left & Middle columns */
float: left;
width: 720px;
min-height: 700px;
background: #fff url(../assets/images/bg_wrapper.gif) 100% 100% no-repeat;
padding: 4px 0 4px 0;
}
.wrapper.fullwidth{ /* Wraps all columns */
width: 956px;
min-height: 0;
background: #fff url(../assets/images/bg_wrapper_fullwidth.gif) 100% 100% no-repeat;
padding: 0 0 4px 0;
margin: 0 0 6px 0;
}
.left{
float: left;
width: 225px;
padding: 0 3px 0 3px;
}
.middle{
float: left;
width: 459px;
padding: 0 0 20px 0;
margin: 5px 0 0 15px;
display: inline;
}

.full{
float: left;
width: 675px;
padding: 0 0 20px 0;
margin: 5px 0 0 15px;
display: inline;
}
.right{
float: right;
width: 231px;
}
#join {
width: 906px;
color: #fff;
font-size: 1.1em;
padding: 15px 25px 15px 25px;
margin: 0 auto;
}
#footer{
width: 906px;
min-height: 30px;
font-size: 0.85em;
padding: 15px 25px 15px 25px;
margin: 0 auto;
}

/* Generic
....................................................................... */
p {
}
a {
color: #4b9059;
}
a:hover {
color: #2b2b2b;
}
h1{
font-size: 1.3em;
color: #4b9059;
margin: 0 0 2px 0;
}
h2{
font-size: 1.1em;
color: #4b9059;
margin: 0 0 12px 0;
}
h3{
font-size: 1em;
color: #2b2b2b;
margin: 0 0 12px 0;
}
.small{
font-size: 0.8em;
}
img, img a{
border: 0;
}
img.floatright { /* Right aligned images to appear within paragraphs */
float: right;
margin: 0 0 10px 12px;
}
img.floatleft { /* Left aligned images to appear within paragraphs */
float: left;
margin: 0 12px 10px 0;
}
img.bordered {
border: 3px solid #a1a9b4;
}
ul, ol{
margin: 10px 0 10px 25px;
list-style-type: none;
}
li{
margin: auto;
list-style-type: disc;
padding: 0 0 6px 0;
}
li ul{
margin: 10px 0 0 0;
}
hr {
height: 1px;
background: #969fa5;
border: 0;
border-bottom: 1px solid #969fa5;
margin: 0 0 10px 0;
}
.red {
color: #581515;
}
.green {
color: #b0f252;
}
.small{
font-size: 0.8em;
}
.clear{
clear: both;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}
a.arrowlink {
font-size: 0.85em;
font-weight: bold;
background: url(../assets/images/bg_arrowlink.gif) 0 50% no-repeat;
padding: 5px 0 5px 22px;
}
a.noarrowlink {
font-size: 0.85em;
font-weight: bold;
padding: 5px 0 5px 0;
}

/* Header Elements
....................................................................... */
#logo {
float: left;
width: 330px;
height: 131px;
}
#header_right {
float: right;
width: 435px;
height: 131px;
color: #4b9059;
text-align: right;
}
#topnavi {
height: 50px;
margin: 15px 15px 0 0;
}
#topnavi a {
color: #63666a;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
padding: 5px 1px 5px 1px;
}
#topnavi a.mobile {
background: url(../assets/images/icon_mobile.gif) 100% 50% no-repeat;
padding-right: 15px;
}
#topnavi a:hover {
color: #4b9059;
text-decoration: underline;
}
#topnavi img {
margin-bottom: 0;
}
#topnavi strong {
color: #822121;
}
#donate {
clear: both;
float: right;
width: 223px;
height: 73px;
}
#donate a {
display: block;
width: 223px;
height: 73px;
background: url(../assets/images/btn_donate.gif) 0 0 no-repeat;
}
#donate a:hover {
background-position: -223px 0;
}
#donate a span {
display: none;
}


/* Navigation
....................................................................... */
#navi {
clear: both;
float: left;
width: 950px;
height: 35px;
font-size: 0.95em;
background: #d8e4ec;
}
#navi ul {
margin: 0;
padding: 0;
}
#navi li {
float: left;
margin: 0 2px 0 0;
padding: 0;
list-style: none;
}
#navi li.first {
margin-left: 15px;
}
#navi li a {
display: block;
width: auto;
height: 25px;
color: #2b2b2b;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
padding: 10px 11px 0 11px;
}
#navi li a:hover	{
color: #fff;
background: #4b9059;
}
#navi li.selected a {
color: #fff;
background: #4b9059;
}

/* Subnavigation
....................................................................... */
#subnavi {
clear: both;
float: left;
width: 225px;
margin: 0 0 15px 0;
display: inline;
}
#subnavi h2 {
font-size: 1em;
color: #b0f252;
background: #4a9059 url(../assets/images/bg_subnav_title.gif) 100% 100% repeat-x;
padding: 8px 12px 12px 12px;
margin: 0 0 3px 0;
}
#subnavi ul {
margin: 0;
padding: 0;
}
#subnavi li {
clear: both;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#subnavi a {
display: block;
width: 173px;
font-size: 0.9em;
text-decoration: none;
color: #2b2b2b;
background: #eff4f7;
padding: 5px 40px 5px 12px;
margin: 0 0 3px 0;
}
#subnavi a:hover {
background: #d8e4ec;
}
#subnavi li.selected a {
background: #b2e058 url(../assets/images/bg_subnavi_selected.gif) 100% 50% no-repeat;
}
#subnavi li.selected a:hover {
background: #b2e058 url(../assets/images/bg_subnavi_selected.gif) 100% 50% no-repeat;
}

/* My club navigation
....................................................................... */
#myclubnavi {
background: #4a2525;
margin-top: -5px;
padding: 5px 0 10px 0;
}
#myclubnavi ul {
margin: 0;
padding: 0;
}
#myclubnavi li {
clear: both;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#myclubnavi a {
display: block;
width: 170px;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
color: #fff;
background: #4a2525;
background-position: 15px 2px;
background-repeat: no-repeat;
border-top: 2px solid #4a2525;
border-bottom: 2px solid #4a2525;
padding: 6px 15px 6px 40px;
}
#myclubnavi a:hover {
color: #fff;
background-color: #341a1a;
border-color: #fff;
}
#myclubnavi li.selected a {
color: #341a1a;
background-color: #b2e058;
background-position: 15px -175px;
border-color: #fff;
}
#myclubnavi li.selected a:hover {
color: #341a1a;
background-color: #b2e058;
background-position: 15px -175px;
border-color: #fff;
}

#myclubnavi li.myclub a {
background-image: url(../assets/images/icon_myclub.gif);
}
#myclubnavi li.info a {
background-image: url(../assets/images/icon_info.gif);
}
#myclubnavi li.friends a {
background-image: url(../assets/images/icon_friends.gif);
}
#myclubnavi li.invite a {
background-image: url(../assets/images/icon_invite.gif);
}
#myclubnavi li.ranking a {
background-image: url(../assets/images/icon_ranking.gif);
}
#myclubnavi li.endorse a {
background-image: url(../assets/images/icon_endorse.gif);
}
#myclubnavi li.widgets a {
background-image: url(../assets/images/icon_widgets.gif);
}
#myclubnavi li.contact a {
background-image: url(../assets/images/icon_contact.gif);
}

/* Sidebar panels
....................................................................... */
.panel {
clear: both;
float: left;
width: 225px;
background: #fff url(../assets/images/bg_side_panel.gif) 100% 100% no-repeat;
padding: 3px 3px 3px 3px;
margin: 0 0 7px 0;
}
.panel h2 {
font-size: 0.9em;
color: #fff;
background: #4a9059;
text-transform: uppercase;
padding: 8px 12px 8px 12px;
margin: 0 0 3px 0;
}
.panel_content {
padding: 5px 15px 8px 15px;
}
.panel_content.underlined { /* Bordered Top & Bottom only */
border-top: 1px solid #969fa5;
border-bottom: 1px solid #969fa5;
}
.panel_content.bordered { /* Bordered on all 4 sides */
border: 1px solid #969fa5;
}

/* Login Styles (not logged in)
....................................................................... */
#login {
background: #4a2525;
color: #fff;
padding: 10px 15px 0 15px;
margin: 0 0 3px 0;
}
#login h3 {
height: 24px;
background: url(../assets/images/title_login.gif) 0 0 no-repeat;
}
#login h3 span {
display: none;
}
#login a {
color: #fff;
}
#login a:hover {
color: #b2e058;
}
#login form{
margin: 0;
padding: 0;
}
#login input{
font-size: 1em;
color: #2b2b2b;
border: 2px solid #c5c5c5;
width: 150px;
padding: 4px;
margin: 0 0 5px 0;
background: #fff;
}
#login input.password {
width: 115px;
}
#login .btn{ /* Submit Button */
width: 27px;
height: 27px;
background: url(../assets/images/btn_login.gif) 0 0 no-repeat;
border: 0;
padding: 0;
margin: 0 0 0 5px;
vertical-align: middle; *vertical-align: text-bottom;
cursor: pointer;
}
#login #join_link {
clear: both;
background: #b2e058;
margin: 8px -15px 0 -15px;
}
#login #join_link a {
display: block;
color: #4a2525;
padding: 7px 15px 7px 15px;
}
#login #join_link a:hover {
color: #4b9059;
}

/* Login Styles (logged in)
....................................................................... */
#logged_in {
background: #4a2525;
color: #fff;
padding: 10px 15px 10px 15px;
margin: 0 0 3px 0;
}
#logged_in h3 {
height: 25px;
background: url(../assets/images/title_logged_in.gif) 0 0 no-repeat;
color: #fff;
font-size: 1.4em;
font-weight: bold;
padding: 5px 0 0 155px;
margin-bottom: 6px;
}
#logged_in h3 span {
display: none;
}
#logged_in a {
color: #fff;
}
#logged_in a:hover {
color: #b2e058;
}
#logged_in strong {
color: #b0f252;
}
#logged_in a.what_points {
font-weight: bold;
font-size: 0.85em;
}
#logged_in #club_link {
clear: both;
font-size: 0.85em;
font-weight: bold;
padding: 6px 0 6px 0;
margin: 3px 0 3px 0;
}
#logged_in #club_link a {
background: url(../assets/images/btn_login.gif) 100% 50% no-repeat;
padding: 6px 30px 6px 0;
}
#logged_in a.logout {
color: #b7b7b7;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
}
#logged_in a.logout:hover {
color: #fff;
}


/* Social Networking
....................................................................... */
ul.soc_net {
padding: 0;
margin: 0;
}
.soc_net li {
list-style: none;
padding: 0;
margin: 0;
}
.soc_net li a {
display: block;
width: 145px;
color: #666;
font-size: 0.85em;
font-weight: bold;
padding: 12px 0 12px 45px;
margin: 0 0 3px 0;
}
.soc_net li a:hover {
color: #4b9059;
}
.soc_net li a.facebook {
background: url(../assets/images/icon_facebook.gif) 0 50% no-repeat;
}
.soc_net li a.twitter {
background: url(../assets/images/icon_twitter.gif) 0 50% no-repeat;
}
.soc_net li a.linkedin {
background: url(../assets/images/icon_linkedin.gif) 0 50% no-repeat;
}
.soc_net li a.youtube {
background: url(../assets/images/icon_youtube.gif) 0 50% no-repeat;
}
.soc_net li a.rss {
background: url(../assets/images/icon_rss.gif) 0 50% no-repeat;
}
.soc_net li a.podcast {
background: url(../assets/images/icon_podcast.gif) 0 50% no-repeat;
}

/* Search Form
....................................................................... */
#searchform{
clear: both;
margin: 0 0 15px 0;
}
#searchform form{
margin: 0;
padding: 0;
}
#searchform label{
display: block;
font-weight: bold;
font-size: 1em;
text-decoration: none;
color: #2b2b2b;
padding: 5px 0 5px 12px;
}
#searchform input{
font-size: 1em;
color: #2b2b2b;
background: #fff;
border: 2px solid #4a9059;
width: 195px;
padding: 3px;
margin: 0 0 0 12px;
}
#searchform .btn{ /* Submit Button */
float: right;
width: 54px;
height: 24px;
background: url(../assets/images/btn_search.gif) 0 0 no-repeat;
border: 0;
margin: 5px 12px 0 0;
padding: 0;
cursor: pointer;
}

/* Ranking Elements
....................................................................... */
#ranking {
clear: both;
}
#ranking h2 {
width: 100%;
height: 47px;
background: url(../assets/images/title_ranking.gif) 0 0 no-repeat;
border-top: 1px solid #666;
}
#ranking h2 span {
display: none;
}
#ranking_tabs {
clear: both;
float: left;
width: 100%;
background: url(../assets/images/bg_ranking_tabs.gif) 100% 100% repeat-x;
}
#ranking_tabs .floatright a {
color: #2b2b2b;
}
#ranking_tabs .floatright a:hover {
color: #4b9059;
}
.tab_on {
float: left;
}
.tab_on a {
display: block;
font-weight: bold;
font-size: 0.9em;
color: #2b2b2b;
text-decoration: none;
background: #d6e0e7;
border: 1px solid #d6e0e7;
padding: 3px;
margin: 0 3px 0 0;
}
.tab_off {
float: left;
}
.tab_off a {
display: block;
font-weight: bold;
font-size: 0.9em;
color: #2b2b2b;
text-decoration: none;
background: #fff;
border: 1px solid #666;
padding: 3px;
margin: 0 3px 0 0;
}
.tab_on a:hover, .tab_off a:hover {
text-decoration: underline;
}
#ranking_table {
clear: both;
float: left;
width: 272px;
border: 1px solid #666;
border-top: 0;
padding: 1px;
}
#ranking_table table {
width: 100%;
border-collapse: collapse;
border: 0;
padding: 0;
margin: 0;
}
#ranking_table table a {
color: #2b2b2b;
}
#ranking_table table a:hover {
color: #4b9059;
}
#ranking_table th {
background: #d6e0e7;
font-size: 0.8em;
text-align: left;
text-transform: uppercase;
vertical-align: middle;
color: #4b9059;
font-weight: normal;
padding: 5px;
}
#ranking_table td {
border-bottom: 1px solid #d6e0e7;
padding: 5px;
vertical-align: top;
font-size: 0.9em;
}
#ranking_table td.rank {
width: 10%;
text-align: center;
}
#ranking_table td.lawmaker {
width: auto;
}
#ranking_table td.score {
width: 18%;
text-align: center;
font-weight: bold;
background: #b2e058;
}
#ranking_table td.change {
width: 18%;
text-align: center;
}
#ranking_table tr.blank td {
height: 5px;
padding: 0;
}
#ranking_table tr.last td {
border-top: 3px solid #d6e0e7;
border-bottom: 0;
}
#ranking_table td.lawmaker img.floatleft {
margin-right: 5px;
margin-bottom: 0;
}
#full_house_ranking {
float: left;
width: 100%;
margin: 0 0 8px 0;
}
#full_house_ranking a {
display: block;
width: 100%;
font-size: 0.85em;
font-weight: bold;
text-align: center;
text-decoration: none;
background: #666;
color: #fff;
padding: 2px 0 2px 0;
}
#full_house_ranking a:hover {
text-decoration: underline;
}

/* 'Join up' Elements
....................................................................... */
#join a {
font-weight: bold;
color: #b0f252;
}
#join a:hover {
color: #4b9059;
}

/* Footer Elements
....................................................................... */
#footer strong {
color: #4b9059;
}
#footer a {
color: #2b2b2b;
padding: 0 5px 0 5px;
}
#footer a:hover{
color: #4b9059;
}

/* Misc Elements
....................................................................... */
.subscribe {
float: right;
margin: 2px 0 0 0;
display: inline;
}
.subscribe a {
display: block;
color: #666;
text-decoration: none;
font-weight: bold;
font-size: 0.85em;
padding: 9px 30px 9px 0;
background: url(../assets/images/icon_subscribe.gif) 100% 50% no-repeat;
}
.subscribe a:hover {
color: #4b9059;
text-decoration: underline;
}

#pagination {
clear: both;
float: left;
width: 694px;
color: #fff;
text-align: right;
font-size: 0.85em;
font-weight: bold;
background: #4b9059;
padding: 10px;
}
#pagination a {
color: #fff;
padding: 0 3px 0 3px;
}
#pagination a:hover {
text-decoration: none;
}
#pagination a.selected {
text-decoration: none;
}
#pagination a.prev {
background: url(../assets/images/paging_prev.gif) 0 50% no-repeat;
padding: 5px 0 5px 25px;
}
#pagination a.next {
background: url(../assets/images/paging_next.gif) 100% 50% no-repeat;
padding: 5px 25px 5px 0;
}

.rounded_select {
clear: both;
float: left;
width: 175px;
height: 28px;
background: #b1bfc9 url(../assets/images/rounded_select.gif) 0 0 no-repeat;
padding: 0 10px 0 10px;
}
.rounded_select select {
width: 175px;
background: #b1bfc9;
border: 0;
margin: 5px 0 0 0;
padding: 0;
}

.friend_link { /* Avatar link */
float: left;
margin: 0 3px 3px 0;
}
.club_link { /* Avatar link with text */
clear: both;
float: left;
width: 100%;
margin: 0 0 3px 0;
}
.club_link img {
float: left;
margin: 0 6px 0 0;
}
.club_link a {
color: #2b2b2b;
}
.club_link a:hover {
color: #4b9059;
}

#filterform {
}
#filterform form {
margin: 0;
padding: 0;
}
#filterform .rounded_select {
margin-bottom: 5px;
}
#filterform .btn {
font-size: 0.85em;
font-weight: bold;
color: #4b9059;
background: url(../assets/images/bg_arrowlink.gif) 0 50% no-repeat;
border: 0;
padding: 5px 0 5px 22px;
margin: 0;
cursor: pointer;
}

a.well_said {
background: url(../assets/images/icon_star.gif) 0 50% no-repeat;
padding: 5px 0 5px 20px;
}
a.report {
background: url(../assets/images/icon_report.gif) 100% 50% no-repeat;
padding: 5px 20px 5px 0;
}

#side_donate {
clear: both;
float: left;
width: 201px;
color: #fff;
border: 2px solid #581515;
background: #822121;
padding: 10px;
margin: 5px 0 5px 0;
}
#side_donate span {
color: #b0f252;
}
#side_donate a {
color: #fff;
text-decoration: none;
}
#side_donate a:hover {
text-decoration: underline;
}