@font-face { font-family: "Museo300"; src: url(images/Museo300-regular.otf) format("opentype");}
@font-face { font-family: "MuseoSlab500"; src: url(images/Museo_Slab_500.otf) format("opentype");}

html, body {margin:0; padding:0;}
body {color:#808285;font: normal normal normal 12px/22px 'Museo300', georgia, serif;}
h1, h2, h3 {color:#58595B;font-family:'MuseoSlab500', georgia, serif;font-weight:normal;text-shadow: 0 1px 0 white;}
h1{font-size:36px;letter-spacing:-2px;line-height:40px;margin: 10px 0;}
form, input{border:0; outline:0;}

.wrapper{width:940px; margin:0 auto; padding:0 10px;}

#newsletter, input, #header h1, #footer .wrapper, #state{background: transparent url('images/static.png') no-repeat 0 0;}
#header, #action, #body{background: white url('images/bg.jpg') repeat-x 0 0;}
input#submit, #donate input.image{background: transparent url('images/buttons.png') no-repeat 0 0;}

#header{background-position: 0 0;height:73px;}
#header h1{background-position:-379px 12px;margin:0;padding: 25px 0 25px 40px;text-shadow: 0 1px 0 white;}
#header h1 span{color:#8C8E90;font: italic normal normal 15px 'Hoefler Text', Times, Georgia, serif;letter-spacing: 3px;}

#action{background-position:0 -73px;height:400px;}
#action #image{background: transparent url('images/slide.jpg') repeat-x top center;height:400px;}
#action .content #newsletter{background-position:0 0;height:269px;padding:10px 20px 10px 40px;width:319px;}
#action .content{padding-top:10px;}
#action .content #newsletter h1{margin-bottom:6px;}
#action .content #newsletter label{color:#8C8E90;font: italic normal normal 15px 'Hoefler Text', Times, Georgia, serif;}
#action .content #newsletter input{font: normal normal normal 14px/22px 'MuseoSlab500', georgia, sans-serif;background-position:-403px -94px;border:0;height:19px;padding:3px 5px;width:290px;}
#action .content #newsletter input#zipcode{background-position:-403px -120px;height:19px;width:140px;}

#action .content #newsletter .bottom{color:#A7A9AC;font: italic normal normal 10px 'Hoefler Text', Times, Georgia, serif;height:52px;padding:10px 170px 10px 0;position:relative;text-align:right;}
#action .content #newsletter .bottom input#submit{background-position: 0 0;float:right;height:72px;position:absolute;right:0;top:0;width:177px;}
#action .content #newsletter .bottom input#submit:hover{background-position: 0 -71px;}
#action .content #newsletter .bottom input#submit:active{background-position: 0 -142px;}
#action .content #donate {padding-top:20px;width:379px;}
#action .content #donate input.image{background-position: -175px -9px;display:block;height:70px;margin:0 auto;width:330px;}
#action .content #donate input.image:hover{background-position: -175px -80px;cursor:pointer;}
#action .content #donate input.image:active{background-position: -175px -151px;}

#body{background-position: 0 -476px;min-height:400px;padding:10px 0 20px 0;}

#footer{color:#8C8E90;font: normal normal normal 13px 'Hoefler Text', Times, Georgia, serif;text-align:center;}
#footer a{color:#b7b9bC;}
#footer a:hover{color:#58595B;}
#footer .wrapper{background-position: center -300px;height:200px;padding-top: 15px;}
#footer .wrapper div{margin:0 auto;}
#footer .wrapper #issues ul{list-style-type:none;padding:0;}
#footer .wrapper #issues ul li{display:inline;padding:10px ;font-style:italic;}
#footer .wrapper #issues ul li.first{font-style:normal;}
#footer .wrapper #state{background-position:-379px 12px;height:80px;width:45px;}
#footer .wrapper #paidfor{background:#F1F2F2;border:1px solid #A7A9AC;color:#58595B;letter-spacing:1px;padding:6px 12px 5px;width: 350px;}
#footer .wrapper #info{color:#d1d2d2;padding-top:15px;font-size:10px;}