* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-align: left;
	background: #421c1c url(images/body-bg.gif) repeat-x 0 0;
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: hidden; } 

a { color: #000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px;}

.shell { width: 912px; margin: 0 auto;  }

h2 { font-size: 28px; line-height: 32px; }
h3 { font-size: 20px; line-height: 24px; }
h4 { font-size: 16px; line-height: 20px; }

#header-holder { background: url(images/header-bg.jpg) no-repeat center 49px; } 

#navigation {}
#navigation ul { list-style-type: none; padding: 3px 0 0 45px; height: 46px; }
#navigation ul li { float: left; display: inline; border-right: 1px solid #d89210; padding: 0 3px; }
#navigation ul li.last { border-right: 0 !important; }
#navigation ul li a { float: left; padding: 0 10px; font-size: 18px; line-height: 41px; color: #000000; font-weight: bold; }
#navigation ul li a:hover { background: url(images/nav-bg.gif) repeat-x 0 0; text-decoration: none; }
#navigation ul li a.active {}

/* steven added these for petition styles */
#navigation h3 {color: #421c1c;font-size:16px;}
#petition {margin-top:-45px;float:right;}
#petition a:link {text-decoration:underline;font-size:12px;}
#petition a:hover {text-decoration:none;}
#petition img {margin:0px 5px -3px 0px;}
/* end steven added these for petition styles */

.head { background: url(images/head-bg.png) repeat-x 0 0; height: 374px; }

.left-head { width: 655px; float: left; display: inline; position: relative; height: 376px; }

.carousel-holder { position: relative; width: 650px; height: 332px; margin-left: -12px; }
.carousel { background: url(images/carousel-bg.png) no-repeat 0 0; width: 590px; height: 349px; padding: 27px 32px 0;}
.jcarousel-clip { width: 585px; height: 349px; position: relative; z-index: 4; overflow: hidden; }
.carousel-container { position: relative; z-index: 4px; overflow: hidden; height: 349px; width: 585px; }
.carousel ul { list-style-type: none; position: absolute; top: 0; left: 0; height: 349px; width: 100000px; }
.carousel ul li { height: 349px; width: 585px; float: left; display: inline; }

.thumbs-holder { position: absolute; left: 21px; bottom: 0; z-index: 5; }
.thumbs-shadow { background: url(images/carousel-shadow.png) no-repeat 0 0; width: 593px; height: 102px; padding: 80px 0 0 18px; }
.thumbs-shadow ul { list-style-type: none; padding: 80px 0 0 18px; height: 100px; }
.thumbs-shadow p { background: url(images/thumb-bg.gif) no-repeat 0 0; width: 100px; height: 78px; float: left; display: inline; margin-right: 8px; padding: 5px 3px 0 4px; position: relative; z-index: 15; }
.thumbs-shadow p a { position: relative; z-index: 15; }
.thumbs-shadow p a img { display: block; }

p.img-text { width: 383px; font-size: 10px; color: #fff; background: url(images/white-arrow.gif) no-repeat 0 8px; position: relative; margin-top: 78px; padding-left: 20px; }

p.crane-img { background: url(images/crane.png) no-repeat 0 0; width: 347px; height: 213px; font-size: 0; line-height: 0; text-indent: -4000px; float: right; display: inline; position: absolute; right: -73px; bottom: 0; z-index: 5; }
.thumbs-shadow p.crane-img { right: -123px; bottom: -49px; z-index: 5; }

.right-head { width: 255px; float: right; display: inline; padding-top: 20px; }
.right-head h2.black-arrow { font-size: 32px; line-height: 32px; text-transform: uppercase; background: url(images/black-arrow.gif) no-repeat 0 0; padding: 0 0 13px 28px; }
.right-head .field { border: 0; font-size: 15px; font-weight: bold; color: #000; background: url(images/field-bg.png) repeat 0 0; width: 244px; padding: 8px 5px; float: left; display: inline; text-transform: uppercase; margin-bottom: 10px; }
.right-head .submit-btn { font-size: 14px; text-transform: uppercase; font-weight: bold; float: right; display: inline; margin-top: 10px; border: 0; background: #f2ba52; height: 34px; width: 84px; cursor: pointer; }

/* steven added this */
.blue-raid-box { background: #a1bbd2; width: 195px; margin-top: 35px; float: right; display: inline; padding: 3px 4px 10px; color: #421c1c; position: relative; }
.blue-raid-box h3 { background: #fff; font-size: 15px; line-height: 25px; color: #421c1c; text-transform: uppercase; text-align: center; margin-bottom: 5px; }
.blue-raid-box p { padding-left: 15px; }
.blue-raid-box p a { color: #421c1c; font-size: 14px; line-height: 30px; float: left; display: block; text-transform: uppercase; font-weight: bold; background: url(images/sign-up.png) no-repeat 0 1px; padding-left: 30px; margin-top: 5px; }
/* steven added this */

.blue-box { background: #a1bbd2; width: 195px; margin-top: 35px; float: right; display: inline; padding: 3px 4px 10px; color: #421c1c; position: relative; }
.blue-box h3 { background: #fff; font-size: 17px; line-height: 25px; color: #421c1c; text-transform: uppercase; text-align: center; margin-bottom: 5px; }
.blue-box p { padding-left: 15px; }
.blue-box p a { color: #421c1c; font-size: 14px; line-height: 18px; float: left; display: block; text-transform: uppercase; font-weight: bold; background: url(images/white-arrow2.gif) no-repeat 0 1px; padding-left: 15px; margin-top: 5px; }

.blue-box-shadow { background: url(images/shadow.png) no-repeat 0 0; position: relative; height: 28px; width: 203px; float: right; display: inline;}

#main { position: relative; margin: 0 -53px; width: 1017px; } 
#main-shadow { background: url(images/main-shadow.png) repeat-y 0 0; height: 100%; padding: 0 53px 0 94px; }

.we-bild { background: url(images/we-build.gif) no-repeat 0 0;font-size: 0; line-height: 0; text-indent: -4000px; width: 846px; height: 102px; margin-top: 2px; display: block; }

#content { float: left; display: inline; width: 565px; padding-top: 2px; }

.article { margin-bottom: 2px; }
.article h3 { background: url(images/h2-bg.gif) repeat-y 0 0; line-height: 44px; padding-left: 10px; text-transform: uppercase; }
.article-entry { background: url(images/article-bg.gif) no-repeat 0 bottom; padding-left: 5px; border-bottom: 1px solid #000; }
.article-entry p { padding-bottom: 15px; }
.inner-article { background: transparent !important; border-bottom: 0 !important; }

.news-list {  }
.news-list h2 { line-height: 60px; background: url(images/news-bg.gif) repeat-y; text-transform: uppercase; }
.news-list ul { list-style-type: none; padding-top: 5px; }
.news-list ul li { padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 10px; height: 100%; }
.news-list ul li.last { border-bottom: 0; }
.news-date { float: left; display: inline; width: 40px; line-height: 32px; background: #5f8bb2; text-align: center;  }
.news-info { float: right; display: inline; width: 522px; }
.news-info h4 a { color: #000; }

#sidebar { float: right; display: inline; width: 238px; background: #fcfdfe url(images/sidebar-bg.gif) repeat-x 0 0; margin-top: 16px; padding: 19px 25px 35px 19px; margin-right: 13px; }

ul.video-list { list-style-type: none; padding: 15px 0; height: 48px; }
ul.video-list li { float: left; display: inline; padding-left: 10px; }
ul.video-list li a { float: left; display: inline;  }

.video-article { }
.video-article h4 { font-size: 14px; line-height: 20px; }

#footer { padding: 0 28px 20px 0; } 
#footer p.footer-link { float: right; display: inline; } 

.inner-banner { position: relative; z-index: 6; padding-top: 17px }
.latest-news-box { background: url(images/field-bg.png) repeat 0 0; height: 312px; width: 582px; padding: 14px 12px 12px 40px; }

.news-entry { float: left; display: inline; width: 355px; padding-top: 10px; }
.news-entry h2 { font-size: 38px; line-height: 46px; padding-bottom: 5px; }
.news-entry .news-date { margin-right: 10px; }
.news-entry .news-info { float: left; display: inline; width: 295px; padding-top: 5px; }
.news-entry .news-info p { padding-bottom: 10px; }
.news-img { float: right; display: inline; }
.news-img img { display: block; }

.page-img { background: #fff; padding: 9px; width: 598px; }
.page-img img { display: block; }

.donate-form { padding-top: 15px; position: relative; margin-left: -20px; width: 585px; }
.donate-form h4 { font-size: 12px; line-height: 16px; padding-bottom: 10px; }
.donate-form label { float: left; display: inline; line-height: 23px; }
.donate-form .field { float: right; display: inline; background: #a1bbd2; border: 1px solid #22323d; padding: 3px 5px; margin-bottom: 7px; }

.left-form { width: 315px; float: left; display: inline; padding-top: 10px; }
.left-form label { width: 95px; }
.left-form .field { width: 206px; }

.zip-label { float: right !important; width: 65px !important; }
.state-label { float: right !important; width: 39px !important; }
#state { float: right; display: inline; width: 19px; margin-right: 14px; }
#zip { float: right; display: inline; width: 96px; }

.right-form { width: 250px; float: right; display: inline; padding-top: 10px; }
.right-form .field { width: 147px; }
.right-form select { float: left; display: inline; width: 79px; margin-right: 10px; margin-bottom: 10px; }

.card-type-label { width: 90px; }
#employer { margin-bottom: 30px; }
#year { width: 70px;margin-right: 0; }
#telephone { margin-bottom: 25px; }
.amount-label { width: 140px; }
#amount { width: 93px; margin-bottom: 15px; }
.submit-donation { float: right; display: inline; background: #f2ba52; font-size: 10px; border: 1px solid #22323d; height: 21px; text-transform: uppercase; cursor: pointer; width: 50px; }


#signnow h3 { font-size: 14px; }

