@charset "utf-8";
/* Main Structure --------------------------------------------------------------  */
* { margin:0; padding:0 }
body { background:#2f3d51; color:#5C5C5C; font: 76% Verdana, Geneva, sans-serif; margin:0 auto }
a img { border:0 }
#page { width:960px; margin:0 auto; background:#d8e5ff }
#left-pic { height:368px;width:640px; float:left; margin:-66px 0 0 0; padding:0;z-index:0 }
#left { width:600px; float:left; margin:0; padding:0; background:#fff url(../img/white.png); padding:10px 20px }
#social { height:368px; width:320px; float:left; margin:0; padding:0; background:#d8e5ff; display:inline; position: relative; }
#sidebar { margin:10px 0 0 25px; ; background:#d8e5ff; display:inline; float: left; position: relative; display:inline }
#bottom { background:#a4c3fe; height:210px }

/*Image Replacements------------------------------------------------- */
h1.logo { width: 960px; height: 250px; position: relative; margin:0; padding:0 }
h1.logo a { position: absolute; width: 100%; height: 100%; background-image: url(../img/header.jpg); text-indent:-9999px }
h3.clickmore { width: 187px; height: 66px; position: relative; margin:0; padding:0; top:275px; left:445px }
h3.clickmore a { position: absolute; width: 100%; height: 100%; background-image: url(../img/clickmore.jpg); text-indent:-9999px; background-repeat: no-repeat; }
div.clickoverlay {}
h4.join { width: 125px; height: 36px; position: relative; margin:0; padding:0; }
h4.join span { position: absolute; width: 100%; height: 100%; background-image: url(../img/join.png); text-indent:-9999px; background-repeat: no-repeat; }
.contribute { display:block; margin:12px 0 0 45px }
#contribute-form { margin:15px 130px; }
.cform { border:solid 1px #E6E6E6; padding:10px 0; background-color: #EAF1FF; }
.event { border-bottom:solid 2px #97acd7; width:270px; margin-bottom:12px }
.yb {float:right;padding:15px 0 15px 15px}
.fm-img {float:left; padding: 5px 15px 15px 0}
ul.fade {margin:0;padding:0}
ul.fade li {margin:0;padding:0;list-style-type:none}

/*Index Menu ------------------------------------------------- */
#menu-index { background:#a4c3fe; height:40px }
#navi { width: 639px; height: 40px; position: relative; background: url(../img/index-menu.png); margin: 0; padding: 0; float:left }
#navi li { float: left; list-style:none; }
#navi li a { position: absolute; top: -4px; margin: 0; padding: 0; display: block; height: 40px; background: url(../img/nav_main.png) no-repeat; text-indent: -9999px; overflow: hidden; }
/*up state*/
li#navi_home a { left: 0; width: 80px; background-position: 0 0; }
li#navi_bio a { left: 80px; width: 105px; background-position: -80px 0; }
li#navi_issues a { left: 185px; width: 75px; background-position: -185px 0; }
li#navi_endorsements a { left: 260px; width: 140px; background-position: -260px 0; }
li#navi_media a { left: 400px; width: 70px; background-position: -400px 0; }
li#navi_involved a { left: 474px; width: 158px; background-position: -470px 0; }

/*Other Pages Menu ------------------------------------------------- */
.signup { height:30px; background-color:#a4c3fe; float:left; padding:10px 0 0 0; width:320px }
#menu { height:40px; background-image: url(../img/menu-bg.png); background-color:#a4c3fe; background-repeat: repeat-x; background-position: top; float:left; margin:0; padding:0; width:640px }
#nav { width: 629px; height: 40px; position: relative; background: url(../img/index-menu.png); margin: 0; padding: 0; }
#nav li { float: left; list-style:none; }
#nav li a { position: absolute; top: 0; margin: 0; padding: 0; display: block; height: 52px; background: url(../img/menu.png) no-repeat; text-indent: -9999px; overflow: hidden; }
/*up state*/
li#nav_home a { left: 0; width: 80px; background-position: 0 0; }
li#nav_bio a { left: 80px; width: 105px; background-position: -80px 0; }
li#nav_issues a { left: 185px; width: 75px; background-position: -185px 0; }
li#nav_endorsements a { left: 260px; width: 140px; background-position: -260px 0; }
li#nav_media a { left: 400px; width: 70px; background-position: -400px 0; }
li#nav_involved a { left: 470px; width: 158px; background-position: -470px 0; }
/*hover state*/
li#nav_home a:hover { background-position: 0 -62px; }
li#nav_bio a:hover { background-position: -80px -62px; }
li#nav_issues a:hover { background-position: -185px -62px; }
li#nav_endorsements a:hover { background-position: -260px -62px; }
li#nav_media a:hover { background-position: -400px -62px; }
li#nav_involved a:hover { background-position: -470px -62px; }
/*activestate*/
li#nav_home a.active { background-position: 0 -62px; }
li#nav_bio a.active { background-position: -80px -62px; }
li#nav_issues .active { background-position: -185px -62px; }
li#nav_endorsements a.active { background-position: -260px -62px; }
li#nav_media a.active { background-position: -400px -62px; }
li#nav_involved a.active { background-position: -470px -62px; }

/*Lists------------------------------------------------- */
ul#connect { margin: 10px 0; padding:0; }
ul#connect li { float:left; display:inline }

/* Twitter --------------------------------------------------------------  */
h4.tw-hl { margin:0; padding:0 0 3px 0 }
#tweets-box { width:250px; padding:10px; background:#c5d8fd; margin:10px 0 0 0; font-size:11px }
#tweets li { padding:0; margin:0 0 8px; list-style-type:none; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #b8c8e9; }
#tweets small { display:block; font-size:10px; margin-bottom:8px; color:#385a99 }
#tweets .hash { color:#0066CC; }
#tweets .reply { color:#0066CC; }
#tweets a:link { text-decoration:none; }
#tweets a:active { text-decoration:none; }
#tweets a:hover { text-decoration:underline; }
#tweets a:visited { text-decoration:none; }

/*Headlines------------------------------------------------ */
h2 { font-size:2.3em; padding:10px 0 .8em 0 }
h3 { color:#414141; padding:1em 0 .8em 0; font-size:1.3em }
h4 { color:#414141; padding:1em 0 1.3em 0; line-height:1.3em; font-size:1.1em }
div.represent { width:630px; padding-left:20px }
div.contact { margin:0 auto; padding:10px 5px; border:solid 1px #8eaeec; font-size:1em; width:920px; line-height:1.4em }
.pr { text-align:right; margin:30px 10px 10px 0; font-size:.9em }
#sidebar h5 { font-weight:bold; font-size:1.1em; padding:0 0 2px 0; margin:0 0 0 0 }
div.event p { margin:8px 0 12px 0; }
p { line-height:1.6em }

/*Misc------------------------------------------------ */
a, a:visited { color:#0847bf; text-decoration:underline }
a:hover { color:#063999; text-decoration:none }
p { line-height:1.6em; font-size:1em; margin-bottom:.7em }
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0 }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
em, dfn { font-style: italic }
dfn { font-weight: bold }
sup, sub { line-height: 0 }
abbr, acronym { border-bottom: 1px dotted #666 }
address { margin: 0 0 1.5em; font-style: italic }
del { color:#666 }
pre { margin: 1.5em 0; white-space: pre }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5 }

/* Tables -------------------------------------------------------------- */
th { font-weight: bold }
thead th { background: #c3d9ff }
tr.even td { background: #e5ecf9 }
tfoot { font-style: italic }
caption { background: #eee }

/* Misc classes -------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }
.hide { display: none }
.quiet { color: #666 }
.loud { color: #000 }
.highlight { background:#ff0 }
.added { background:#060; color: #fff }
.removed { background:#900; color: #fff }
.first { margin-left:0; padding-left:0 }
.last { margin-right:0; padding-right:0 }
.top { margin-top:0; padding-top:0 }
.bottom { margin-bottom:0; padding-bottom:0 }
blockquote { margin-left:1.5em }

/*==================================CONTACT FORM======*/
#contact-wrapper { border:1px dashed #d2d2d2; background:#f7f7f7; padding:10px 20px 20px 20px; }
#contact-wrapper div { clear:both; margin:1em 0; }
#contact-wrapper label { display:block; float:none; width:auto; }
form#contactform input { border:1px dashed #d2d2d2; font-size:11px; color:#505050; font-family:Arial, Helvetica, sans-serif; height:25px; }
form#contactform textarea { border:1px dashed #d2d2d2; font-size:11px; color:#505050; font-family:Arial, Helvetica, sans-serif; width:525px; }
form#contactform .submit { margin-top:20px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:11px; cursor:pointer; text-align:center; width:75px; height:25px; line-height:25px; border:none; background-color: #025E80; }
.error { color:#FF0000; }
.success { color:#009900; }
.jsub { background:#E4E4E4; margin-left:6px; border:solid 1px #CCC; font:10px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding:2px 3px }
.jinput { width:150px; background:#fff; border:solid 1px #ccc; font-size:11px; height:20px; color:#BBB; padding:3px 0 0 5px; height:17px }
.emailsu { margin-left:80px }