body { margin: 0; padding: 0; background: #681d11; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
img { border: 0; }
a { color: #b73219; text-decoration: underline; }
a:hover { color: #e4a51e; text-decoration: none; }
.clear { clear: both; }
form { margin: 0; padding: 0; }

#container { margin: 0 auto; width: 960px; text-align: left; border: 1px solid #bf311a; }
#header { background: url(../images/header-bg2.jpg) no-repeat; overflow: hidden; }

#header #text { }
#header #text a.text-btn {display: block; height: 43px; float: left; width: 317px; background: #fff url(../images/text-btn.jpg) no-repeat;}
#header #newsletter { height: 43px; }
#header #newsletter form { margin: 0; padding: 0; }
#header #newsletter ul { float: right; margin: 0 5px 0 0; padding: 9px 0 0 0; list-style: none; }
#header #newsletter ul li { float: left; }
#header #newsletter .title { display: block; background: url(../images/newslettersignup-txt.gif) no-repeat 0 50%; width: 118px; height: 28px; text-indent: -9000em; overflow: hidden; } 
#header #newsletter .txt { margin-right: 5px; padding: 4px; background: #fff url(../images/newsletter-input-bg.gif) repeat-x bottom; font-size: 11px; color: #767676; border: 1px solid #bd741d; }

#header #johnalbers-photo { float: right; background: url(../images/johnalbers-bg.jpg) no-repeat; width: 185px; height: 295px; }

#header #logo { float: left; width: 775px; height: 154px; }
#header #logo h1 { float: left; margin: 0; padding: 0; width: 280px; height: 154px; }
#header #logo h1 a { display: block; width: 280px; height: 154px; text-indent: -9000em; overflow: hidden; }
#header #logo blockquote { float: right; margin: 0 0 0 0; padding: 45px 99px 0 0; font-family: "Georgia", Times New Roman, Times, serif; color: #fff; width: 263px; }
#header #logo blockquote p { margin: 0; padding: 0 0 10px 0; }
#header #logo blockquote span { display: block; text-align: right; color: #ffe6aa; }
#header #logo a.teardown-btn { display: block; float: right; margin-right: 60px; width: 320px; height: 154px; text-indent: -9000em; overflow: hidden; }
#header #menu { float: left; margin: 0; padding: 0; list-style: none; }
#header #menu li { float: left; }
#header #menu li a { display: block; height: 50px; text-indent: -9000em; overflow: hidden; }
#header #menu li a.home-btn { background: #fff url(../images/home-btn.gif) no-repeat; width: 65px; }
#header #menu li a.about-btn { background: #fff url(../images/about-btn.gif) no-repeat; width: 92px; }
#header #menu li a.about-btn-selected { background: #a7250e url(../images/about-btn.gif) no-repeat bottom; width: 92px; }
#header #menu li a.media-btn { background: #fff url(../images/media-btn.gif) no-repeat; width: 97px; }
#header #menu li a.media-btn-selected { background: #a7250e url(../images/media-btn.gif) no-repeat bottom; width: 97px; }
#header #menu li a.issues-btn { background: #fff url(../images/issues-btn.gif) no-repeat; width: 63px; }
#header #menu li a.issues-btn-selected { background: #a7250e url(../images/issues-btn.gif) no-repeat bottom; width: 63px; }
#header #menu li a.news-btn { background: #fff url(../images/news-btn.gif) no-repeat; width: 99px; }
#header #menu li a.news-btn-selected { background: #a7250e url(../images/news-btn.gif) no-repeat bottom; width: 99px; }
#header #menu li a.photos-btn { background: #fff url(../images/photos-btn.gif) no-repeat; width: 60px; }
#header #menu li a.photos-btn-selected { background: #a7250e url(../images/photos-btn.gif) no-repeat bottom; width: 60px; }
#header #menu li a.mygeorgia-btn { background: #fff url(../images/mygeorgia-btn.gif) no-repeat; width: 79px; }
#header #menu li a.mygeorgia-btn-selected { background: #a7250e url(../images/mygeorgia-btn.gif) no-repeat bottom; width: 79px; }
#header #menu li a.whatmatters-btn { background: #fff url(../images/whatmatters-btn.gif) no-repeat; width: 152px; }
#header #menu li a.whatmatters-btn-selected { background: #a7250e url(../images/whatmatters-btn.gif) no-repeat bottom; width: 152px; }
#header #menu li a.contact-btn { background: #fff url(../images/contact-btn.gif) no-repeat; width: 68px; }
#header #menu li a.contact-btn-selected { background: #a7250e url(../images/contact-btn.gif) no-repeat bottom; width: 68px; }
#header #menu li a:hover { background-color: #a7250e; background-position: bottom; }
#header #flash { float: left; background: url(../images/flash.jpg) no-repeat; width: 575px; height: 258px; }

#header #pgtitle { float: left; background: url(../images/title-bg.gif) repeat-x; width: 575px; height: 91px; }
#header #pgtitle h1.aboutjohn { margin: 0; padding: 0; background: url(../images/title-aboutjohn.gif) no-repeat; height: 91px; }
#header #pgtitle h1.johnbelieves { margin: 0; padding: 0; background: url(../images/title-johnbelieves.gif) no-repeat; height: 91px; }
#header #pgtitle h1.albersfamily { margin: 0; padding: 0; background: url(../images/title-albersfamily.gif) no-repeat; height: 91px; }
#header #pgtitle h1.johnsplatform { margin: 0; padding: 0; background: url(../images/title-johnsplatform.gif) no-repeat; height: 91px; }
#header #pgtitle h1.getconnected { margin: 0; padding: 0; background: url(../images/title-getconnected.gif) no-repeat; height: 91px; }
#header #pgtitle h1.mediaroom { margin: 0; padding: 0; background: url(../images/title-mediaroom.gif) no-repeat; height: 91px; }
#header #pgtitle h1.issues { margin: 0; padding: 0; background: url(../images/title-issues.gif) no-repeat; height: 91px; }
#header #pgtitle h1.photos { margin: 0; padding: 0; background: url(../images/title-photos.gif) no-repeat; height: 91px; }
#header #pgtitle h1.mygeorgia { margin: 0; padding: 0; background: url(../images/title-mygeorgia.gif) no-repeat; height: 91px; }
#header #pgtitle h1.help { margin: 0; padding: 0; background: url(../images/title-help.gif) no-repeat; height: 91px; }
#header #pgtitle h1.news { margin: 0; padding: 0; background: url(../images/title-news.gif) no-repeat; height: 91px; }
#header #pgtitle h1.tellmeabout { margin: 0; padding: 0; background: url(../images/title-tellmeabout.gif) no-repeat; height: 91px; }
#header #pgtitle h1.register { margin: 0; padding: 0; background: url(../images/title-register.gif) no-repeat; height: 91px; }
#header #pgtitle h1.findmy { margin: 0; padding: 0; background: url(../images/title-findmy.gif) no-repeat; height: 91px; }
#header #pgtitle h1.askjohn { margin: 0; padding: 0; background: url(../images/title-askjohn.gif) no-repeat; height: 91px; }
#header #pgtitle h1.whatmatters { margin: 0; padding: 0; background: url(../images/title-whatmatters.gif) no-repeat; height: 91px; }
#header #pgtitle h1.campaign { margin: 0; padding: 0; background: url(../images/title-campaign.gif) no-repeat; height: 91px; }
#header #pgtitle h1.women { margin: 0; padding: 0; background: url(../images/title-women.gif) no-repeat; height: 91px; }
#header #pgtitle h1.military { margin: 0; padding: 0; background: url(../images/title-military.gif) no-repeat; height: 91px; }
#header #pgtitle h1.businesses { margin: 0; padding: 0; background: url(../images/title-businesses.gif) no-repeat; height: 91px; }
#header #pgtitle h1.seniors { margin: 0; padding: 0; background: url(../images/title-seniors.gif) no-repeat; height: 91px; }
#header #pgtitle h1.faith { margin: 0; padding: 0; background: url(../images/title-faith.gif) no-repeat; height: 91px; }
#header #pgtitle h1.youth { margin: 0; padding: 0; background: url(../images/title-youth.gif) no-repeat; height: 91px; }
#header #pgtitle h1.contact { margin: 0; padding: 0; background: url(../images/title-contact.gif) no-repeat; height: 91px; }
#header #pgtitle h1.contract { margin: 0; padding: 0; background: url(../images/title-contract.gif) no-repeat; height: 91px; }
#header #pgtitle h1.donate { margin: 0; padding: 0; background: url(../images/title-donate.gif) no-repeat; height: 91px; }
#header #pgtitle h1.requestyardsign { margin: 0; padding: 0; background: url(../images/title-requestyardsign.gif) no-repeat; height: 91px; }
#header #pgtitle h1.jobs { margin: 0; padding: 0; background: url(../images/title-jobs.gif) no-repeat; height: 91px; }
#header #pgtitle h1.education { margin: 0; padding: 0; background: url(../images/title-education.gif) no-repeat; height: 91px; }
#header #pgtitle h1.waste { margin: 0; padding: 0; background: url(../images/title-waste.gif) no-repeat; height: 91px; }
#header #pgtitle h1.traffic { margin: 0; padding: 0; background: url(../images/title-traffic.gif) no-repeat; height: 91px; }
#header #pgtitle h1.earlyvoting { margin: 0; padding: 0; background: url(../images/title-earlyvoting.gif) no-repeat; height: 91px; }
#header #pgtitle h1.endorsements { margin: 0; padding: 0; background: url(../images/title-endorsements.jpg) no-repeat; height: 91px; }
#header #pgtitle h1.immigration { margin: 0; padding: 0; background: url(../images/title-immigration.gif) no-repeat; height: 91px; }


#header a.donate-btn { display: block; float: left; background: url(../images/donate-btn.jpg) no-repeat; width: 200px; height: 91px; text-indent: -9000em; overflow: hidden; }
#header a.donate-btn:hover { background-position: bottom; }
#header a.donate-btn-selected { display: block; float: left; background: url(../images/donate-selected.jpg) no-repeat; width: 200px; height: 91px; text-indent: -9000em; overflow: hidden; }

#header #quicklinks { float: left; margin: 0; padding: 0; list-style: none; }
#header #quicklinks li { }
#header #quicklinks li a { display: block; width: 385px; text-indent: -9000em; overflow: hidden; }
#header #quicklinks li a.electjohn-btn { background: url(../images/electjohn-btn.jpg) no-repeat; height: 62px; }
#header #quicklinks li a.emailjohn-btn { background: url(../images/emailjohn-btn.jpg) no-repeat; height: 48px; }
#header #quicklinks li a.volunteer-btn { background: url(../images/volunteer-btn.jpg) no-repeat; height: 57px; }
#header #quicklinks li a:hover { background-position: bottom; }
#header #inner-bottom-border { background: url(../images/inner-bottom-border.gif) repeat-x; height: 12px; }

#title-bar { background: url(../images/title-bar.gif) repeat-x; height: 47px; }
#title-bar h1 { margin: 0 0 0 22px; padding: 0; height: 47px; text-indent: -9000em; overflow: hidden; }
#title-bar h1.home { background: url(../images/title-home.gif) no-repeat 0 50%; }
#title-bar a.yardsign-btn { display: block; float: right; width: 390px; height: 47px; background: url(../images/yardsign-btn.jpg) no-repeat top; overflow: hidden; }
#title-bar a.yardsign-btn:hover {background: url(../images/yardsign-btn.jpg) no-repeat bottom; }
#outter-content { background: #fff url(../images/content-top-bg.gif) repeat-x; height: 1%; }
#outter-content #content { padding: 40px; background: url(../images/content-bottom-bg.gif) repeat-x bottom; height: 1%; }
#outter-content #content p { margin: 0; padding: 8px 0; line-height: 1.6em; }

#h-content { height: 1%; background: url(../images/content-bottom-bg.gif) repeat-x bottom; }
#h-content .left { float: left; background: url(../images/content-left-bg.gif) repeat-x; width: 325px; }
#h-content .left .inner { padding: 15px; }
#h-content .left .inner p { margin: 0; padding: 8px 0; line-height: 1.5em; }
#h-content .middle { float: left; background: #fef8ed url(../images/home-middle-bg.gif) repeat-x; width: 251px; }
#h-content .middle .inner { padding: 20px 15px 19px 15px; }
#h-content .middle ul { margin: 0; padding: 0; list-style: none; }
#h-content .middle ul li { float: left; padding: 8px; }
#h-content .middle ul li a { display: block; border: 1px solid #cfcfcf; }
#h-content .middle .viewall-btn { display: block; padding: 2px 10px 2px 20px; background: url(../images/h-list-icon.gif) no-repeat 5px 50%; color: #cd4a13; text-decoration: underline; }
#h-content .middle .viewall-btn:hover { color: #000; text-decoration: none; }
#h-content .right { float: right; background: #e5e5e5 url(../images/news-bg.gif) repeat-x; width: 384px; }
#h-content .right .inner { padding: 15px 15px 29px 15px; }
#h-content .right .inner .cell { padding: 10px; background: #ececec; border: 1px solid #dcdcdc; }
#h-content .right .inner .cell ul { margin: 0; padding: 0; list-style: none; }
#h-content .right .inner .cell ul li { padding: 5px 5px 5px 20px; background: url(../images/h-list-icon.gif) no-repeat 5px 50%; color: #666; }
#h-content .right .inner .cell ul li a { color: #cd4a13; text-decoration: underline; }
#h-content .right .inner .cell ul li a:hover { color: #000; text-decoration: none; }

#content h2 { margin: 0; padding: 0 0 8px 0; font-size: 16px; color: #bf311a; border-bottom: 1px solid #efefef; }
#content .left { float: left; width: 50%; }
#content .right { float: right; width: 40%; }

#footer { background: url(../images/footer-bg.jpg) no-repeat; height: 142px; overflow: hidden; }
#footer .left { float: left; padding: 20px 0 0 10px; width: 25%; }
#footer .left ul { float: left; margin: 0; padding: 0; width: 120px; list-style: none; }
#footer .left ul li { color: #f4b0b0; }
#footer .left ul li a { color: #f4b0b0; text-decoration: none; font-size: 10px; }
#footer .left ul li a:hover { color: #fff; }
#footer .right { float: right; padding: 10px 20px 0 0; width: 70%; text-align: right; }
#footer .right a { display: inline; margin-left: 15px; }

.contact-form { float: left; width: 450px; }
.contact-form .req { color: #d14b13; }
.contact-form table { border-collapse: collapse; }
.contact-form td { padding: 4px 12px; }
.contact-form td.border { border-right: 1px solid #ddd; }
.contact-form label { display: block; text-align: right; font-size: 10px; }
.contact-form .txt { padding: 6px; background: #fff url(../images/input-bg.gif) repeat-x bottom; color: #666; border: 1px solid #b7ccda; width: 200px}
.contact-form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #fff url(../images/input-bg.gif) repeat-x bottom; color: #666; border: 1px solid #b7ccda; width: 200px; height: 100px; }

.side-nav { float: right; margin: 0; padding: 190px 14px 0 0; width: 221px; }
.side-nav ul { margin: 0; padding: 0; list-style: none; }
.side-nav ul li { margin: 0; padding: 0; }
.side-nav ul li a { display: block; margin: 0; padding: 8px 6px 8px 40px; background: url(../images/sidenav-icon.gif) no-repeat 5px 50%; height: 1%; color: #1e5c90; text-decoration: none; }
.side-nav ul li a:hover { background: #fff url(../images/sidenav-icon.gif) no-repeat 5px 50%; }
.side-nav ul li a.selected { display: block; margin: 0; padding: 8px 6px 8px 6px; height: 1%; background: none; color: #999; text-decoration: none; font-weight: bold; }
.side-nav ul li a.selected:hover { display: block; margin: 0; padding: 8px 6px 8px 6px; height: 1%; background: none; color: #999; text-decoration: none; }

.committed-list { margin: 0; padding: 0; list-style: none; }
.committed-list li { padding: 10px 10px 10px 40px; background: url(../images/check-icon.gif) no-repeat 5px 50%; font-size: 12px; border-bottom: 1px solid #efefef; }

.list { margin: 0; padding: 0; list-style: none; }
.list li { padding: 6px 6px 6px 25px; background: url(../images/list-icon.gif) no-repeat 5px 10px; border-bottom: 1px solid #efefef; }
.list li div { padding: 6px 6px 6px 10px; color: #666; }

#event-list { margin: 0; padding: 0; list-style: none; }
#event-list li { padding: 10px 10px 3px 10px; border-bottom: 1px solid #efefef; }
#event-list .date { float: left; background: url(../images/date-box.gif) no-repeat; width: 47px; height: 54px; }
#event-list .date ul { margin: 0; padding: 0; list-style: none; width: 47px; }
#event-list .date ul li { padding: 0; border: 0; }
#event-list .date ul li.m { padding: 0 0 0 0; font-size: 11px; text-align: center; }
#event-list .date ul li.d { padding: 4px 0 0 0; font-size: 16px; font-weight: bold; text-align: center; color: #728493; }
#event-list .date ul li.y { padding: 4px 0 0 0; font-size: 11px; text-align: center; }
#event-list h3 { float: left; margin: 0; padding: 15px 0 0 15px; font-size: 14px; font-weight: normal; color: #6a96d2; width: 300px; }

.gallery { margin: 0; padding: 0; list-style: none; }
.gallery li { float: left; padding: 10px; }
.gallery li a { display: block; border: 2px solid #d6e8ff; }
.gallery li a:hover { border: 2px solid #8cb0dd; }
.gallery li p { width: 145px; height: 80px; text-align: center; }