body { margin: 0 auto; padding: 0 0 60px 0; background: #002454 url(../images/body-bg.jpg) repeat-x top; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #1f221d; font-size: 11px; text-align: center; }
img { border: 0; }
a { color: #373839; text-decoration: underline; }
a:hover { color: #373839; text-decoration: none; }
p { margin: 5px; padding: 0; line-height: 18px; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; text-align: left; }
.clear { clear: both; }
h1 {color: #00509b; font-size: 18px; font-weight: lighter; margin: 0;}
h2 {font-size: 16px; color: #00509b; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ccc;}
h3 {font-size: 14px; color: #124477; margin: 10px 0 0 0; text-align: left}
h4 {font-size: 12px; color: #626968; margin: 10px 0 0 0; text-align: left}
.left {margin: 0; float: left; }
table {font-size: 11px;}

.gallery-img {float: left; margin: 5px; border: 1px solid #000;}



#container {margin: 0 auto; width: 950px; border-left: 1px solid #0362df; border-right: 1px solid #0362df; border-bottom: 1px solid #0362df; text-align: left; }
#top {display: block; margin: 0; padding: 0; width: 950px; height: 252px; background: url(../images/top-bg.jpg) no-repeat; }
#social-media {display: block; float: left; margin: 0; width: 705px; height: 51px; overflow: hidden;}
#social-media a.facebook {display: block; float: left; margin: 10px 0 0 10px; width: 33px; height: 34px; background: url(../images/facebook.jpg) no-repeat top; overflow: hidden;}
#social-media a.facebook:hover {background: url(../images/facebook.jpg) no-repeat bottom;}
#social-media a.wordpress {display: block; float: left; margin: 10px 0 0 10px; width: 33px; height: 34px; background: url(../images/wordpress.jpg) no-repeat top; overflow: hidden;}
#social-media a.wordpress:hover {background: url(../images/wordpress.jpg) no-repeat bottom;}
#social-media a.twitter {display: block; float: left; margin: 10px 0 0 10px; width: 33px; height: 34px; background: url(../images/twitter.jpg) no-repeat top; overflow: hidden;}
#social-media a.twitter:hover {background: url(../images/twitter.jpg) no-repeat bottom;}


#action-btns {display: block; float: left; margin: 85px 0 0 340px; width: 400px; height: 68px;}
#action-btns a.donate-btn {display: block; width: 138px; height: 68px; float: left; background: url(../images/donate-btn.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
#action-btns a.donate-btn:hover {background: url(../images/donate-btn.png) no-repeat bottom;}
#action-btns a.sign-btn {display: block; width: 136px; height: 68px; float: left; background: url(../images/sign-btn.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
#action-btns a.sign-btn:hover {background: url(../images/sign-btn.png) no-repeat bottom;}




#nav {display: block; margin: 0; padding: 0; width: 950px; height: 52px; background: url(../images/nav-bg-2.jpg) no-repeat; text-indent: -9000em;}
#nav ul {display: block; float: left; margin: 0; padding: 0; width: 623px; }
#nav ul li {float: left; list-style: none;}
#nav ul li a {display: block; height: 52px;}
#nav ul li a.home {background: url(../images/home.jpg) no-repeat; width: 65px;}
#nav ul li a.about {background: url(../images/about.jpg) no-repeat; width: 103px;}
#nav ul li a.issues {background: url(../images/issues.jpg) no-repeat; width: 87px;}
#nav ul li a.gallery {background: url(../images/gallery.jpg) no-repeat; width: 70px;}
#nav ul li a.news {background: url(../images/news.jpg) no-repeat; width: 129px;}
#nav ul li a.contact {background: url(../images/contact.jpg) no-repeat; width: 82px;}
#nav ul li a.calendar {background: url(../images/calendar.jpg) no-repeat; width: 86px;}

#nav ul li a:hover {background-position: bottom;}


#title {display: block; margin: 0; padding: 0; width: 950px; height: 70px; background: url(../images/title-bg-2.jpg) no-repeat; text-indent: -9000em; }
#content {margin: 0; padding: 0; width: 950px; background: #fff url(../images/content-bg.jpg) repeat-x bottom; overflow: hidden; }
.left-col-home {float: left; width: 580px; padding: 15px; background: url(../images/flash-background.png) no-repeat; }

.left-col {float: left; width: 580px; padding: 15px; }
	#get-involved {display: block; float: left; width: 552px; height: 55px;}
	#get-involved a.volunteer-btn {display: block; float: left; width: 129px; height: 55px; margin: 0; background: url(../images/volunteer-btn.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
	#get-involved a.volunteer-btn:hover {background: url(../images/volunteer-btn.png) no-repeat bottom; }
	#get-involved a.email-btn {display: block; float: left; width: 129px; height: 55px; margin: 0; background: url(../images/email-btn.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
	#get-involved a.email-btn:hover {background: url(../images/email-btn.png) no-repeat bottom; }
	#get-involved a.donate-btn2 {display: block; float: left; width: 129px; height: 55px; margin: 0; background: url(../images/donate-btn2.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
	#get-involved a.donate-btn2:hover {background: url(../images/donate-btn2.png) no-repeat bottom; }
	#get-involved a.sign-btn2 {display: block; float: left; width: 129px; height: 55px; margin: 0; background: url(../images/sign-btn2.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
	#get-involved a.sign-btn2:hover {background: url(../images/sign-btn2.png) no-repeat bottom; }

	#learn-more {display: block; float: left; width: 552px; height: 94px; margin: 10px 0 0 0; background: url(../images/learn-more.png) no-repeat top left;}
	#learn-more a.career-btn {display: block; float: left; width: 139px; height: 66px; margin: 30px 0 0 0; background: url(../images/career-btn.png) no-repeat top; text-indent: -9000em; overflow: hidden;}
	#learn-more a.career-btn:hover {background: url(../images/career-btn.png) no-repeat bottom; }
a.letter {display: block; float: right; margin: 3px 260px 0 0; width: 277px; height: 69px; background: url(../images/letter.png) no-repeat top; text-indent: -9000em;}
a.letter:hover {background: url(../images/letter.png) no-repeat bottom;}
a.iphone {display: block; float: right; margin: 0 260px 0 0; width: 266px; height: 70px; background: url(../images/iphone-app.jpg) no-repeat top; text-indent: -9000em;}
a.iphone:hover {background: url(../images/iphone-app.jpg) no-repeat bottom;}


a.btn-budget {display: block; float: left; margin: 10px; width: 248px; height: 65px; background: url(../images/btn-budget.jpg) no-repeat top; text-indent: -9000em;}
a.btn-budget:hover {background: url(../images/btn-budget.jpg) no-repeat bottom; }
a.btn-smarter {display: block; float: left; margin: 10px; width: 248px; height: 65px; background: url(../images/btn-smarter.jpg) no-repeat top; text-indent: -9000em;}
a.btn-smarter:hover {background: url(../images/btn-smarter.jpg) no-repeat bottom; }
a.btn-jobs {display: block; float: left; margin: 10px; width: 248px; height: 65px; background: url(../images/btn-jobs.jpg) no-repeat top; text-indent: -9000em;}
a.btn-jobs:hover {background: url(../images/btn-jobs.jpg) no-repeat bottom; }
a.btn-enviro {display: block; float: left; margin: 10px; width: 248px; height: 65px; background: url(../images/btn-enviro.jpg) no-repeat top; text-indent: -9000em;}
a.btn-enviro:hover {background: url(../images/btn-enviro.jpg) no-repeat bottom; }
a.btn-county {display: block; float: left; margin: 10px; width: 248px; height: 65px; background: url(../images/btn-county.jpg) no-repeat top; text-indent: -9000em;}
a.btn-county:hover {background: url(../images/btn-county.jpg) no-repeat bottom; }


a.btn-timeline {display: block; float: right; margin: 20px; width: 248px; height: 65px; background: url(../images/btn-timeline.jpg) no-repeat top; text-indent: -9000em;}
a.btn-timeline:hover {background: url(../images/btn-timeline.jpg) no-repeat bottom; }


.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 #99afce; }
.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: #363535; border: 1px solid #99afce; 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: #363535; border: 1px solid #99afce; width: 200px; height: 100px; }

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


.right-col {float: right; width: 309px; padding: 15px; background: #e6e7e8; }
.right-inner {padding: 10px; background: #f0f2f3; border: 1px solid #cfd0d0; }
ul.news-bullets {color: #980304; font-size: 11px; line-height: 14px;  margin: 0 0 0 25px; padding: 0; text-align: left;}
ul.news-bullets li {list-style-image: ../images/bullet.gif) no-repeat; padding: 0; margin: 5px 0 5px 0; }
ul.news-bullets li a {color: #980304; text-decoration: underline;}
ul.news-bullets li a:hover {color: #980304; text-decoration: none;}

#event-list { margin: 0; padding: 0; list-style: none;  }
#event-list li { padding: 10px 10px 3px 10px;  }
#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; color: #fff; }
#event-list .date ul li.d { padding: 0 0 0 0; font-size: 16px; font-weight: bold; text-align: center; color: #fff; }
#event-list .date ul li.y { padding: 0 0 0 0; font-size: 11px; text-align: center; color: #fff; }
#event-list h3 { float: left; margin: 0; padding: 0px 0 0 15px; font-size: 14px; font-weight: normal; color: #001e4f; width: 300px; text-align: left; }



.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: 140px; height: 80px; text-align: center; }

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


#footer {margin: 0; width: 950px; height: 140px; background: url(../images/footer-bg.jpg) no-repeat; overflow: hidden; color:#809cc3;}
#footer a {color: #809cc3; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}