/* COLORS */


.color {
	color: #3DB7E4;
}






/* GLOBAL */

body {
	margin: 0 auto;
	padding: 0;
	background: #21353f url(../img/site_bkgd.jpg);
	font-size: small;
	font-family: Arial, Verdana, sans-serif;
}
#wrapper_outer {
	margin: 0 auto 60px auto;
	width: 980px;
	padding: 15px 0 0 0;
	background: #FFF url(../img/wrapper_bkgd.jpg);
	border-left: 2px solid #777;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;
}
#wrapper_inner {
	margin: 0 auto;
	width: 950px;
	background: url(../img/sidebar.jpg);
}
.clear {clear: both;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td {margin:0; padding:0;}

:focus {-moz-outline-style: none; outline: none; }

img, img a {border: 0;}

p a {
	color: #af0302;
	text-decoration: none;
	font-weight: bold;
}
p a:hover {
	text-decoration: underline;
}
.arrow {
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
	padding: 0 5px;
}
.spacer10 {clear: both; height: 10px; background: #FFF;}
.spacer20 {clear: both; height: 20px; background: #FFF;}










/* HEADER */

#header {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 165px;
	border-bottom: 3px solid #FFF;
	background: #FFF url(../img/header.jpg) no-repeat top left;
}
.logo { 
	text-decoration: none;
	float: left;
	padding: 40px 0 0 35px;
}
.logo a.rollover {
    display: block;
    width: 353px;
    height: 87px;
    text-decoration: none;
}
.logo a:hover.rollover {
    background-position: 0 0;
}
.nav {
	background: #FFF;
	height: 65px;
}
.nav ul li {
	list-style: none;
	float: left;
	background: #FFF;
	margin: 0 7px 0 0;
}
.nav ul li#contact {
	margin: 0;
}
.nav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
	height: 45px;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #c5c5c5;
}
.nav ul li#bio a {width: 100px; background: url(../img/nav_bio.jpg) top center;}
.nav ul li#news a {width: 123px; background: url(../img/nav_news.jpg);}
.nav ul li#blog a {width: 115px; background: url(../img/nav_blog.jpg);}
.nav ul li#events a {width: 140px; background: url(../img/nav_events.jpg);}
.nav ul li#issues a {width: 135px; background: url(../img/nav_issues.jpg);}
.nav ul li#media a {width: 129px; background: url(../img/nav_media.jpg);}
.nav ul li#contact a {width: 152px; background: url(../img/nav_contact.jpg);}

.nav ul li#bio a:hover, 
.nav ul li#news a:hover, 
.nav ul li#blog a:hover, 
.nav ul li#events a:hover, 
.nav ul li#issues a:hover, 
.nav ul li#media a:hover, 
.nav ul li#contact a:hover
{background-position: center 47px;}


.nav ul li#bio a,
.nav ul li#news a,
.nav ul li#blog a,
.nav ul li#events a,
.nav ul li#issues a,
.nav ul li#media a,
.nav ul li#contact a {
background-position: top center;
}

.nav ul li#bio a:hover,
.nav ul li#news a:hover,
.nav ul li#blog a:hover,
.nav ul li#events a:hover,
.nav ul li#issues a:hover,
.nav ul li#media a:hover,
.nav ul li#contact a:hover {
border-bottom: 1px solid #e5e5e5;
}

body#bio li#bio a {background: url(../img/nav_bio_on.jpg) top center; border: 1px solid #d1d1d1;}
body#news li#news a {background: url(../img/nav_news_on.jpg) top center; border: 1px solid #d1d1d1;}
body#blog li#blog a {background: url(../img/nav_blog_on.jpg) top center;}
body#events li#events a {background: url(../img/nav_events_on.jpg) top center;}
body#issues li#issues a {background: url(../img/nav_issues_on.jpg) top center;}
body#media li#media a {background: url(../img/nav_media_on.jpg) top center;}
body#contact li#contact a {background: url(../img/nav_contact_on.jpg) top center;}


.donate_wrap {
	float: right;
	width: 166px;
	padding: 107px 0 0 0;
}
.donate_but { 
	width: 135px;
	height:32px;
	text-decoration: none;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.donate_but a.rollover {
    display: block;
    width: 135px;
	height:32px;
    background: url(../img/button_donate.jpg) no-repeat top left;
    text-decoration: none;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.donate_but a:hover.rollover {
    background-position: 0 0;
}










/* HOME */

.feature_left {
	float: left;
	width: 630px;
	height: 280px;
	background: url(../img/lollar_home.jpg) top right;
}
.feature_left h3 {
	color: #FFF;
	font-size: 170%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 35px 0 15px 35px;
	border: 0px;
}
.feature_left p {
	float: left;
	color: #829097;
	font-size: 105%;
	line-height: 1.7em;
	padding: 77px 185px 0 35px;
}
.feature_right {
	float: left;
	width: 320px;
	height: 280px;
	background: url(../img/join_home_lt.jpg);
}
.vol_home_wrap {
	padding: 151px 0 0 92px;
	float: left;
}
.readmore_wrap {
	padding: 18px 0 0 35px;
	float: left;
}
.readmore_but { 
	width: 100px;
	height:25px;
	text-decoration: none;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.readmore_but a.rollover {
    display: block;
    width: 100px;
	height:25px;
    background: url(../img/button_readmore.jpg) no-repeat top left;
    text-decoration: none;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.readmore_but a:hover.rollover {
    background-position: 0 0;
}
.videos_home {
	float: left;
	width: 628px;
	height: 345px;
	background: #f1f1f1 url(../img/videos_bkg.jpg) bottom left repeat-x;
	border-right: 2px solid #FFF;
}
.videos_home h3 {
	color: #284452;
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 21px 0 9px 35px;
	border: 0px;
	width: 200px;
	float: left;
}
.videos_home_wrap {
	padding: 10px 0 0 33px;
}
.videos_home_wrapper {
	width: 291px;
	float: left;
}
.videos_home_wrapper .video_inner {
	background: #FFF;
}
.videos_but_wrap { 
	float: right;
	padding: 21px 37px 0 0;
}
.videos_but { 
	width: 135px;
	height:22px;
	text-decoration: none;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.videos_but a.rollover {
    display: block;
    width: 135px;
	height:22px;
    background: url(../img/button_videos.jpg) no-repeat top left;
    text-decoration: none;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.videos_but a:hover.rollover {
    background-position: 0 0;
}
.news_home {
	float: left;
	width: 318px;
	height: 345px;
	background: #f1f1f1 url(../img/news_box_bkgd.jpg) top left repeat-y;
	border-left: 2px solid #FFF;
}
.news_home h3 {
	color: #284452;
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 21px 0 20px 35px;
	border: 0px;
	float: left;
}
.news_item {
	float: right;
	width: 318px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #e1e1e1;
	padding: 10px 0;
	background: url(../img/news_bkgd.jpg) bottom left no-repeat;
}
.date {
	float: left;
	width: 118px;
	font-size: 85%;
}
.date p {
	padding: 2px 0 0 35px;
	font-weight: bold;
	color: #777;
	text-transform: uppercase;
}
.link {
	float: right;
	width: 200px;
	font-size: 90%;
}
.link p {
	float: right;
	width: 200px;
	font-style: italic;
	color: #777;
	line-height: 1.7em;
}
.link p a {
	text-decoration: none;
	color: #777;
	display: block;
	font-weight: normal;
	padding: 0 8px 0 0;
}
.link p a:hover {
	text-decoration: underline;
}
.news_but_wrap { 
	float: left;
	padding: 21px 0 0 35px;
}
.news_but { 
	width: 135px;
	height:22px;
	text-decoration: none;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.news_but a.rollover {
    display: block;
    width: 135px;
	height:22px;
    background: url(../img/button_news.jpg) no-repeat top left;
    text-decoration: none;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.news_but a:hover.rollover {
    background-position: 0 0;
}


















/* SIDEBAR */


.sidebar {
	width: 320px;
	float: right;
	padding: 52px 0 52px 0;
}
.vol {
	width: 250px;
	height: 150px;
	margin: 0 auto;
	border-bottom: 5px solid #FFF;
	border-top: 5px solid #FFF;
	background: url(../img/volunteer.jpg) no-repeat;
	background-position: center 24px;
}
.vol_but_wrap {
	padding: 93px 0 0 57px;
	float: left;
}
.vol_but { 
	width: 135px;
	height:32px;
	text-decoration: none;
	float: left;
	border: 1px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.vol_but a.rollover {
    display: block;
    width: 135px;
	height:32px;
    background: url(../img/button_vol.jpg) no-repeat top left;
    text-decoration: none;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.vol_but a:hover.rollover {
    background-position: 0 0;
}










/* CONTENT */


.content_wrapper {
	float: left;
	width: 475px;
	padding: 0 0 0 35px;
}
.content {
	width: 475px;
	padding: 20px 0 20px 0;
	float: left;
}
h1 {
	color: #af0302;
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 20px 0 10px 0;
	border-bottom: 1px dotted #d1d1d1;
}
h2 {
	color: #af0302;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: capitalize;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 17px 0 5px 0;
}
.content p {
	padding: 0 0 14px 0;
	font-size: 90%;
	color: #555;
	line-height: 1.7em;
	font-family: Arial, Verdana, sans-serif;
}
.addthis {
	float: right;
	width: 83px;
	padding: 22px 0 0 0;
	z-index: 1000;
}







/* BIO */


.bio_image {
	float: left;
	margin: 3px 35px 25px 0;
	background: #e1e1e1;
}








/* NEWS */

.news_title {
	padding: 0 0 5px 0;
	float: left;
	font-size: 135%;
	font-weight: bold;
	width: 100%;
	color: #284452;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.4em;
}
.news_title a {
	text-decoration: none;
	color: #284452;
	font-size: 80%;
	display: block;
	line-height: 1.3em;
}
.news_title a:hover {
	text-decoration: underline;
}
.news_date {
	padding: 0 0 17px 0;
	margin: 0 0 14px 0;
	float: left;
	font-size: 85%;
	color: #999;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	width: 100%;
	border-bottom: 2px solid #f1f1f1;
}
.news_date a {
	color: #999;
	text-decoration: none;
}
.news_date a:hover {
	color: #777;
}
.news_date_alt {
	padding: 0 0 17px 0;
	margin: 0 0 5px 0;
	float: left;
	font-size: 85%;
	color: #999;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	width: 100%;
}
.news_date_alt a {
	color: #999;
	text-decoration: none;
}
.news_date_alt a:hover {
	color: #777;
}
.news_title_lg {
	padding: 2px 0 5px 0;
	float: left;
	font-size: 140%;
	font-weight: bold;
	color: #932e29;
	line-height: 1.3em;
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
}
.news {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0 0 10px 0;
}
.back {
	float: left;
	padding: 20px 0 0 0;
	margin: 0 0 0 -5px;
}
.back a {
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	color: #af0302;
	text-decoration: none;
}
.paginate {
	float: left;
	padding: 15px 0 0 0;
	color: #999;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
}
.paginate a {
	text-transform: uppercase;
	font-weight: bold;
	color: #555;
	text-decoration: none;
}












/* ISSUES */


.issues_text ul {
	padding: 0 0 0 15px;
	list-style: square;
}
.issues_text ul li {
	font-size: 90%;
	color: #555;
	line-height: 1.7em;
	font-family: Arial, Verdana, sans-serif;
	padding: 0 0 5px 0;
}
.issues_text p {
	font-size: 100%;
	font-style: italic;
	line-height: 1.4em;
	padding: 0 0 5px 0;
}
.divider {
	height: 10px;
	width: 100%;
	border-bottom: 1px dotted #d1d1d1;	
}














/* EVENTS */


.events_date {
	padding: 0 0 3px 0;
	float: left;
	font-size: 85%;
	color: #999;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	width: 100%;
}
.events_title {
	padding: 0 0 17px 0;
	margin: 0 0 14px 0;
	float: left;
	font-size: 125%;
	font-weight: bold;
	width: 100%;
	color: #284452;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.4em;
	border-bottom: 2px solid #f1f1f1;
}
.events_title  a {
	text-decoration: none;
	color: #284452;
	display: block;
}
.events_title  a:hover {
	text-decoration: underline;
}
.events_date_alt {
	padding: 0 0 25px 0;
	float: left;
	font-size: 85%;
	color: #999;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	width: 100%;
}
.events_title_alt {
	padding: 0 0 5px 0;
	float: left;
	font-size: 145%;
	font-weight: bold;
	width: 100%;
	color: #284452;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.4em;
}











/* BLOG */

.blog {
	border-bottom: 1px dotted #d1d1d1;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}











/* MEDIA */

.content_wrapper_wide {
	float: left;
	padding: 0 0 0 35px;
	background: #FFF;
}
.content_wide {
	width: 915px;
	padding: 20px 0 20px 0;
	float: left;
}
.content_wrapper_wide h1 {
	color: #af0302;
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 20px 0 10px 0;
	border-bottom: 1px dotted #d1d1d1;
	width: 880px;
	float: left;
}
.content_wrapper_wide .addthis {
	padding: 0 35px 0 0;
	margin: -30px 0 0 0;
}
.video_wrapper {
	width: 305px;
	float: left;
	height: 290px;
}
.video_outer {
	float: left;
	padding: 0 0 20px 0;
}
.video_inner {
	padding: 12px;
	float: left;
	background: #f6f6f6;
	border: 1px solid #e1e1e1;
}
.video_embed {
	float: left;
	width: 240px;
	height: 165px;
	background: #000;
	border: 2px solid #FFF;
}
.video_title {
	width: 285px;
	float: left;
	font-size: 110%;
	color: #af0302;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: capitalize;	
	padding: 12px 0 2px 0;
}
.video_date {
	width: 280px;
	float: left;
	font-size: 85%;
	color: #999;
	font-weight: bold;
}












/* VOLUNTEER */


.form_wrapper {
	font-size: 90%;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}
.form_inner h2 {
	padding: 0 0 5px 0;
	color: #932e29;
	font-size: 160%;
	line-height: 1.2em;
	font-weight: bold;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	width: 410px;
	text-transform: capitalize;
}
.input_wrapper {
	float:left;
	padding: 15px 10px 10px 0;
	line-height: 1.70em;
	color: #666;
}
.label_short {
	float:left;
	padding: 0;
	width: 110px;
	height: 15px;
}
.label_state {
	float:left;
	width: 50px;
	height: 18px;
}
.asterisk {
	font-weight: normal;
}
.short {
	padding: 5px;
	border: 1px solid #d5d5d5;
	width: 214px;
	color: #666;
	font-size: 100%;
	float:left;
	background: #f5f5f5;
}
.mid {
	padding: 5px;
	border: 1px solid #d5d5d5;
	width: 246px;
	color: #666;
	font-size: 100%;
	float:left;
	background: #f5f5f5;
}
.long {
	padding: 5px;
	border: 1px solid #d5d5d5;
	width: 450px;
	color: #666;
	font-size: 100%;
	float:left;
	background: #f5f5f5;
}
.zipcode {
	padding: 5px;
	border: 1px solid #d5d5d5;
	width: 150px;
	color: #666;
	font-size: 100%;
	float:left;
	background: #f5f5f5;
}
.vol_button {
	float: left;
	border:0;
	background: #FFF url("../img/vol_button.jpg") no-repeat top left;
	font-size:0;
	line-height:0;
	text-indent: -4000px;
	color:white;
	width:135px;
	height:32px;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.vol_button a {
	display: block;
	text-decoration: none;
}
.thanks {
	padding: 10px 0 14px 0;
	color: #af0302;
	font-size: 110%;
	float:left;
	font-weight: bold;
}










/* FOOTER */

.updates {
	background: #f1f1f1 url(../img/updates_bkgd.jpg) top left no-repeat;
	height: 90px;
	width: 630px;
	float: left;
	border-right: 3px solid #FFF;
	border-top: 8px solid #FFF;
}
.getupdates {
	padding: 5px;
	border: 1px solid #d5d5d5;
	width: 180px;
	color: #666;
	font-size: 100%;
	float:left;
	background: #FFF;
}
.updates_input_wrapper {
	float: left;
	padding: 31px 0 0 310px;
}
.submit_wrapper {
	float: left;
	padding: 31px 0 0 15px;
}
.submit {
	float: left;
	border:0;
	background: #FFF url("../img/button_submit.jpg") no-repeat top left;
	font-size:0;
	line-height:0;
	text-indent: -4000px;
	color:white;
	width:75px;
	height:28px;
	cursor:pointer;
}
.submit a {
	display: block;
	text-decoration: none;
}

.social {
	background: url(../img/bottom.jpg) no-repeat top left;
	height: 90px;
	width: 317px;
	float: right;
	border-top: 8px solid #FFF;
}
.social ul {
	float: right;
	padding: 29px 0 0 0;
}
.social ul li {
	list-style: none;
	float: right;
	margin: 0 35px 0 0;
	height: 35px;
	width: 35px;
}
.social ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
	height: 35px;
	width: 35px;
	background: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.social ul li#facebook a {background: url(../img/social_facebook.jpg) center center;}
.social ul li#twitter a {background: url(../img/social_twitter.jpg);}
.social ul li#youtube a {background: url(../img/social_youtube.jpg);}
.social ul li#linkedin a {background: url(../img/social_linkedin.jpg);}

.disclaimer_left {
	float: left;
	width: 360px;
}
.disclaimer_left p {
	font-size: 85%;
	color: #999;
	padding: 20px 0 22px 35px;
	line-height: 1.4em;
}
.disclaimer_right {
	float: right;
	background: #FFF;
	width: 580px;
	text-align: right;
}
.disclaimer_right p {
	float: right;
	font-size: 85%;
	color: #999;
	padding: 20px 35px 22px 0;
	line-height: 1.4em;
}
.disclaimer_right p a {
	font-weight: bold;
	color: #777;
	text-decoration: none;
}
.disclaimer_right p a:hover {
	color: #555;
}