@charset "UTF-8";

/* ----------------------------------------------------------
    **Tommy Sowers** CSS
    Managed by: Blue State Digital
    Last Update: May 2009 

    TABLE OF CONTENT 

    01 - GLOBAL BROWSER RESET
    02 - COMMON STYLE
    03 - LAYOUT
    04 - HOMEPAGE 
    05 - SUBPAGES
    06 - FRAMEWORK
    07 - UTILITY
    08 - EMBED FORM
	
    COLOR GUIDE (Main Site Colors and their Hex Codes)
	Link Green: #006633
	Link Yellow: #ffcc00
	
---------------------------------------------------------- */

/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */
/* YUI Reset version: 2.7.0 */

html { font-family: Helvetica, Arial, sans-serif; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }



/* 02 =COMMON STYLE 
---------------------------------------------------------- */
.base { font-family: Helvetica, Arial, sans-serif; }
.base h1 { font-size: 1.65em; color: #000; font-weight: bold; font-style: italic; position: relative; z-index: 2; letter-spacing: 0.025em; margin-bottom: 8px;}
/*
.base h1 { font-size: 1.50em; color: #fff; font-weight: bold; position: relative; z-index: 2; letter-spacing: 0.025em;}
.shadow-text { font-size: 1.60em; color: #000; font-weight: bold; position: relative; top: -1.05em; left: -.051em;z-index: 1;  word-spacing: 0em; letter-spacing: -0.045em;}
*/
.base h2 { font-size: 1.20em; color: #000; font-weight: bold; font-style: italic; position: relative; z-index: 2; letter-spacing: 0.025em; }
.base h3 {  }
.base h4 {  }

.base p { font-family: Helvetica, Arial, sans-serif;  font-size: 0.83em; margin-bottom: .8em; line-height: 135%;}

a, a:link, a:visited { color: #006633; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote {  }

.base ul, ol {  }
.base ul {  }
.base ol {  }
.base ul li, .base ol li {  }
.base li ol {  }
.base li ul {  }

body { background: #000 url(page/-/img/main-body/main-bg.jpg) repeat-x; }

#container { width: 960px; margin: 0 auto; }

/* 03 =LAYOUT
---------------------------------------------------------- */
#header img.tagline { float: left; font-weight: bold; color: #339933; margin-top: 60px; margin-left: -40px;}
#header p.tagline em { display: block; }

#logo { float: left; margin-left: -30px; position: relative; z-index: 99; width: 285px; height: 139px; }

#quick-form { position: relative; right: 10px; top: 30px; float: right; width: 350px; }
#quick-form p { color: #fff; position: relative; top: 5px; left: 3px; font-size:  0.8em; text-transform: uppercase; margin-bottom: 10px;}
#quick-form input { font-size: 0.70em; color: #000; padding: 6px 3px 4px 3px; display: inline; float: left; margin: 0px 3px;}
#quick-form input#quick-email { width: 133px;  border-top: 1px solid #616965; border-left: 1px solid #616965;}
#quick-form input#quick-zip { width: 57px;  border-top: 1px solid #616965; border-left: 1px solid #616965;}
#quick-form input#quick-submit { vertical-align: middle; margin: 0; position: relative; top: -6px; }

#navigation { background: url(page/-/img/header/nav-bg.png); width: 1076px; float: left; display: block; height:42px; position: relative; top: -40px; left: -90px;;font: bold 0.84em Arial, Helvetica, sans-serif; color: #fff; position: relative; z-index: 1; }
#navigation li { display: inline; float: left;  }
#navigation ul { float: right; background: url(page/-/img/sprites/sowers-nav.jpg); height: 30px; width: 732px; text-indent: -9999px; overflow: hidden; margin: 6px 28px 0 0; }
#navigation ul li a { display: block; margin-top: 7px; overflow: hidden; }
#navigation ul li a#bio { width: 105px; }
#navigation ul li a#cd { width: 154px; }
#navigation ul li a#events { width: 74px; }
#navigation ul li a#news { width: 61px; }
#navigation ul li a#videos { width: 71px; }
#navigation ul li a#issues { width: 72px; }
#navigation ul li a#fundraising { width: 195px; }

#navigation ul li a:hover { height: 15px; }
#navigation ul li a#bio:hover, body#bio a#bio {background: url(page/-/img/sprites/sowers-nav.jpg) 0px -37px; }
#navigation ul li a#cd:hover, body#cd a#cd {background: url(page/-/img/sprites/sowers-nav.jpg) -105px -37px; }
#navigation ul li a#events:hover, body#events a#events {background: url(page/-/img/sprites/sowers-nav.jpg) -259px -37px; }
#navigation ul li a#news:hover, body#news a#news  {background: url(page/-/img/sprites/sowers-nav.jpg) -333px -37px; }
#navigation ul li a#videos:hover, body#videos a#videos {background: url(page/-/img/sprites/sowers-nav.jpg) -394px -37px; }
#navigation ul li a#issues:hover, body#issues a#issues {background: url(page/-/img/sprites/sowers-nav.jpg) -465px -37px; }
#navigation ul li a#fundraising:hover, body#fundraising a#fundraising {background: url(page/-/img/sprites/sowers-nav.jpg) -537px -37px; }

#content {  position: relative; top: -30px;  background: url(page/-/img/main-body/faux-column.jpg) repeat-y -1px; }
#main-content { width: 608px; border: 12px solid #002c16; border-right: 0; border-bottom: 0px; background-color: #fff; float: left; padding: 10px;}
#home #main-content, #framework #main-content { margin-bottom: -45px; padding-bottom: -50px; background: none;}
#sidebar { width: 300px; background-color: #000; float: right; padding:0px; margin-top: 10px; position: relative; right: 6px;}
#sidebar img { float: left; margin-right: 10px; }
#sidebar p { color: #fff; font-size: 0.83em; padding: 2px 5px;}
#photo-gallery {display: block; width: 270px;  background-color: #fff; margin: 10px 0; padding: 10px; font-size: 0.83em; border: none;}
#home #photo-gallery {height: 210px;}
#photo-gallery img{ display: inline; margin-left: 245px; position: relative; top: -15px;}
#photo a { text-decoration: none; }
#photo img { margin-left: 20px; float: none; border: none; margin-top: 10px; height: 125px;}
#sidebar iframe { margin-bottom: 5px; }

#action-center ul { background: #fde125 url(page/-/img/sprites/action-center-sprite2.jpg); text-indent: -9999px; overflow: hidden; width: 290px; height: 158px; }
#action-center li { height: 46px; width: 290px; font-size: 1.76em; margin-bottom: 9px; line-height: 175%; text-align: center; text-shadow: 0 0 0.2em #fff; width: 290px; height: 45px; display: block; }
#action-center li a { display: block; margin: 5px 0; height: 40px;}
#action-center li a#contribute {height: 45px; }
#action-center li a#build-army {height: 45px; }
#action-center li a#join-us {height: 45px; }

#footer { display: block; height: 65px; width: 960px; background: url(/page/-/img/footer/footer-bg.jpg) repeat-x; clear: both; position: relative; top: -30px; }
#home #footer { position: relative; top: -10px; border-top: 3px solid #000; width: 945px;}
#footer-logo { float: left; width: 132px; }
#footer img.tagline { float: left; font-weight: bold; color: #339933; margin-top: 18px; margin-left: 10px; font-style: italic;}
#footer img.tagline em { display: block; }
#footer ul { float: right; padding-top: 20px; height: 29px; width: 271px; }
#footer li { display: inline ; margin: 0; padding-right: 10px; float: left; padding-top: 5px; }
#footer li a { color: #ffcc00; font-weight: bold; font-size: 0.85em;}
#footer ul li a:hover { text-decoration: underline; }
#footer ul img { float: left; padding-right: 5px; }
#paid { color: #fff; text-align: center;  }
div#paid-for  { color: #fff; }
#paid-for { width: 350px; color: #fff; margin: 0 auto; display: block; padding-top: 7px; padding-bottom: 0px; border-style: solid; border-width: 1px; border-color: #ffffff;}
#paid p.center { color: #fff; margin-top: 10px; }


/* 04 =HOMEPAGE
---------------------------------------------------------- */
#splash { background-color: #000; background-image: none; }
#flash-intro object { margin-left: auto; margin-right: auto; }
#hero { width: 660px; height: 405px; overflow: hidden; position: relative; left: -20px; top: -18px; font-size: 12px; }
#hero img { width: 638px; }
#rotator { height: 282px; overflow: hidden; }
#hero-nav ul li { width: 197px; height: 190px;background-color: #0a2910; color: #fff; float: left; padding: 7px; border-right: 2px solid #001b0d; display: block; line-height: 1.5em;}
#hero-nav ul li a, #hero-nav ul li a:visited { color: #fff; text-decoration: none; }
#hero-nav ul li a:hover, #hero-nav ul li:hover { background-color: #244c18; cursor: hand; display: block; }
#hero-nav ul li strong { color: #ffcf06; display: block; font-size: 1.3em; margin-bottom: 3px;}
#hero-nav ul li a:hover, #hero-nav ul li:hover { background-color: #244c18; cursor: hand; display: block;}
#hero-nav ul li .activeSlide { width: 197px; height: 190px;background-color: #244c18; color: #fff; float: left; padding: 7px; display: block; line-height: 1.5em; position: relative; top: -7px; left: -7px;}

#home-lower { width: 944px; background-color: #fff; display: block; position: relative; top: -20px; border-top: 5px solid #000; left: -21px; z-index: 99; ;margin-bottom: -5px;}
#home-lower a, #home-lower a:visited { text-decoration: none; }
#home-lower a:hover { text-decoration: underline; }
#cycle div.entry.clearfix { height: 288px; overflow: hidden; }
#col1 p.social { float: left; width: 180px; padding-left: 10px;}
#col1 img { float: left; }
#col2 h3 a { font-weight: bold; text-decoration: none; position: relative; top: 3px; }
.home-lower-col ul li { margin-bottom: 10px; }
.home-lower-col { width: 300px; float: left; display: block; border-right: 1px solid #b2b2b2; padding: 10px 10px 10px 10px}
div#col3.home-lower-col.clearfix { border: none; padding-right: 4px; width: 280px;}


/* 05 =SUBPAGES
---------------------------------------------------------- */
.content-list { float: left; width: 100%; margin-bottom: 10px; margin-right: 15px; }
.content-list img { display: inline; float: left; margin:  -5px 25px 15px 0px; }
.content-list h2, .content-list h2 a, ul.content-list li h2 a:visited { color: #006633; font-weight: bold; line-height: 100%; text-decoration: none; font-style: normal;}
.content-list h2 a:hover {text-decoration: underline; }
.content-list p, #main-content p { font-size: 13px; margin: 5px 0 10px 0; }

#main-content .content-list em { float: none; }
#main-content em, #main-content .pic p { font-size: 0.8em; color: #666; line-height: 130%; width: 100%; float: left; margin-top: 5px;}
#main-content .pic {  float: left; margin: 10px 15px 15px 0; height: 100%; width: 130px;}
.main-text { float: left; width: 70%; }

#videos #main-content ul.video-list li { float: left; width: 120px; padding: 10px 20px 15px 10px; height: 158px; }
#videos #main-content ul.video-list li a img { width: 100%; border: 5px solid #c9c9c9; margin-bottom: 1px;}
#videos #main-content em { position: relative; top: -15px; }
#videos #main-content ul.video-list li em a { position: relative; top: 15px; }
#videos #main-content ul.video-list { width: 600px;	}
#videos object { margin-bottom: 10px; }

/* 06 =FRAMEWORK
---------------------------------------------------------- */
.full-width { font-family: Helvetica, Arial, sans-serif; }
.full-width #content { background: none; }
.full-width #main-content { width: 916px; border-right: 12px solid #002c16; font-size: 1em; margin-bottom: -20px; line-height: 135%; }
#framework li { margin: 5px 0; font-size: 0.9em;  margin-left: 15px; list-style-type: decimal;}
#framework span.radio { margin: 0 5px; }
#framework #contribution table tbody tr td.contribcolumn table tbody tr td table tbody tr td label strong { line-height: 50%; }
#framework #contribution label { padding-bottom: 10px; font-weight: normal;  }
#framework #contribution table tbody tr td.contribcolumn table tbody tr td.contribheader { margin: 7px 0; font-size: 1.3em; font-weight: bold; }
#framework #contribution table tbody tr td.contribcolumn table tbody tr td table tbody tr { margin-top: 10px; }
#framework #contribution ol { margin-top: 10px; }
#framework h2 { font-size: 2em; font-weight: bold; margin: 5px 0;}
#framework #contribution td.contribheader{ float: left; margin-bottom: 10px; width: 100%; font-weight: normal;  }
.full-width input { margin-top: 10x; }#framework input, #framework select { margin-right: 5px; margin-bottom: 8px;}
#framework input#processbutton { margin-top: 10px; }
#framework input { border: 1px solid #002c16; padding: 3px; margin-left: 0px;}

#contribution table tbody tr td.contribcolumn table tbody tr td table tbody tr td { font-size: 1em;  }
.full-width #quick-form form fieldset p { margin: 10px 0; }
.full-width #paid { font-size: 0.85em; }
#framework { font-size: 0.83em; margin:0 0 20px; }
#framework #outreachlogin table, #signupform form table { margin-top: 10px; margin-bottom: 10px; padding: 5px;}
#outreachlogin table tbody tr td.logindesc, #signupform form table tbody tr td.signupdesc { padding: 5px; }
#outreachsettings3 div table tbody tr td label span.description { margin: 5px; padding: 5px; }
#outreachsettings3 label { margin-top: 5px; }
#signup tbody tr td table tbody tr td div.fieldset div.label label.field { font-weight: normal; margin-bottom: 5px; }
#container #outreachpage #outreachpicture {

padding:0 10px 10px 0;
}

/* 07 =UTILITY
---------------------------------------------------------- */

.stretcher { clear: both; height: 1px; visibility: hidden; }
.nomargin { margin-bottom: 0px; }
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.floatl-nomargin { float: left; margin: 0; padding: 0;}
.floatr-nomargin { float: right; margin: 0; padding: 0;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required { color: red; }
.center { text-align: center; }
.left { float: left; width: 100%; }
.right { float: right; width: 100%; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup { bottom: 1ex; }
sub { top: .5ex; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clearfix {display:block;}

li.no-border, li.no-border a { border-right: 0;}
#typekit-badge-lwq5ndc, .typekit-badge { display: none; }

/* 08 =EMBED FORM
---------------------------------------------------------- */

/* STYLES FOR EMAIL SIGNUP EMBED FORM */

#quick-form-rtj{
background: url(/page/-/img/embedBG.jpg) no-repeat #e5e5e5;
padding: 19px 7px 7px 7px;
padding-left: 200px;

height: 51px;
position: relative;
}

#quick-form-rtj1{
background: url(/page/-/img/embedBG1.jpg) no-repeat #e5e5e5;
padding: 19px 7px 7px 7px;
padding-left: 200px;
height: 51px;
position: relative;
}

#quick-form-rtj form, #quick-form-rtj1 form{
border: none;
margin: 0;
padding: 0;
positive: relative;
}

#quick-form-rtj fieldset, #quick-form-rtj1 fieldset{
border: none;
margin: 0;
padding: 0;
positive: relative;
}

#quick-form-rtj input.emailtext, #quick-form-rtj1 input.emailtext{
background: #ffffff;
border: 1px solid #999999;
width: 120px;
height: 13px;
font-size: 12px;
padding: 7px 5px 5px 5px;

}

#quick-form-rtj input.ziptext, #quick-form-rtj1 input.ziptext{
background: #ffffff;
border: 1px solid #999999;
width: 80px;
height: 13px;
font-size: 12px;
padding: 7px 5px 5px 5px;
}

#quick-form-rtj .quick-submit{
	position: absolute;
	top: 38px;
	padding-left: 3px;
}

#quick-form-rtj1 .quick-submit{
	position: absolute;
	top: 38px;
	padding-left: 3px;
}

#quick-submit-rtj1{
	position: absolute;
	top: 0px;
	padding-left: 3px;
}

#quick-form-rtj img, #quick-form-rtj1 img{
	padding-bottom: 5px;
}