/* @group Layout */

html {
	text-align: center;
	background: #361f10 url(/site_media/images/bg_html.gif) repeat-x;
	}

html#splash {
	background-image: none;
	background-color: #000;
	}

body {
	background:  transparent url(/site_media/images/bg_body.jpg) repeat-y center top;
	}

#splash body {
	background: transparent url(/site_media/images/bg_head_wrap_splash.jpg) no-repeat center top;
	}	

#head_wrap {
	background: transparent url(/site_media/images/bg_head_wrap.jpg) no-repeat center top;	
	}

.minimal #head_wrap {
	background-image: url(/site_media/images/bg_head_wrap_minimal.jpg);
	}	

#splash #head_wrap {
	background-image: none;
	}	

#masthead, #content, #site_info {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 980px;
	}

#masthead {
	height: 223px;
	}

.minimal #masthead {
	height: 129px;
	}

#splash #masthead {
	height: 515px;
	}

#logo {
	display: block;
	position: absolute;
	top: 45px;	
        left: 250px;
        z-index: 100;
	}
#logo a {
        display: block;
        width: 482px;
        height: 102px;
        text-indent: -9999px;
}
.minimal #logo {
	top: 30px;
	left: 302px;
	}

.minimal #logo a {
	display: block;
	width: 429px;
	height: 86px;
	text-indent: -9999px;
	}

#splash #logo {
	top: 165px;
	left: 335px;
	}

#splash #logo a {
	display: block;
	width: 485px;
	height: 112px;
	text-indent: -9999px;
	}

#body_wrap {
	background:  transparent url(/site_media/images/bg_body_wrap.jpg) no-repeat center top;	
	}

.minimal #body_wrap {
	background-image:  url(/site_media/images/bg_body_wrap_minimal.jpg);	
	}

#splash #body_wrap {
	background-color: transparent;
	background-image: none;
	height: 500px;
	}

#content {
	background: #b48c34 url(/site_media/images/bg_content.gif) repeat-x;
	overflow: hidden;
	}

#content div.main {
	float: left;
	width: 620px;
	margin: 5px;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#content div.main.wide {
	width: 970px;
	}

#content div.main .section {
	margin: 5px;
	padding: 1em 1.5em;
	background: transparent url(/site_media/images/bg_section.jpg) no-repeat;
	}

#content div.main.wide .section {
	background-image: url(/site_media/images/bg_section_wide.jpg);
	}

#content div.main.short .section {
	min-height: 940px;	
	}

#homepage #content div.main .section.news {
	margin-top: 0;
	}

#content div.main .section .header, #salsa h2 {
	margin-top: 0;
	border-bottom: 1px solid #866142;
	}

body.blog #content div.main .blog .article {
	border-bottom: 1px solid #866142;
padding-bottom: 1em;
	}

body.blog #content div.main .blog .article.last {
	border-bottom: none;
	}

#content div.main .section.volunteer,
#content div.main #flash-box {
	margin: 5px;
	padding: 0;
	margin-bottom: 0;
	}

#content div.aside {
	float: right;
	width: 345px;
	margin-top: 5px;
	margin-right: 5px;
	}

#content div.aside #contribute {
	background: transparent url(/site_media/images/bg_contribute.jpg) no-repeat;
	position: relative;
	height: 349px;
	}

#content div.aside #contribute .header {
	display: block;
	position: absolute;
	top: -9999px;
	}

#content div.aside #contribute .intro {
	margin: 0;
	padding-top: 18px;
	padding-left: 13px;
	}

#content div.aside #contribute .intro a {
	display: block;
	height: 70px;
	text-indent: -9999px;
	}

#content div.aside #contribute .article {
	position: absolute;
	left: 5px;
	width: 335px;
	height: 79px;
	}

#content div.aside #contribute .article a {
	display: block;
	width: 335px;
	height: 79px;
	text-indent: -999px;
	}

#content div.aside #contribute .article h3 {
	display: block;
	position: absolute;
	top: -9999px;	
	}

#content div.aside #contribute .article#volunteer {
	top: 95px;
	}

#content div.aside #contribute .article#volunteer a {
	background: transparent url(/site_media/images/bg_d_volunteer.jpg) no-repeat;	
	}


#content div.aside #contribute .article#tell {
	top: 179px;
	}

#content div.aside #contribute .article#tell a {
	background: transparent url(/site_media/images/bg_d_tell.jpg) no-repeat;	
	}

#content div.aside #contribute .article#join {
	top: 263px;
	}

#content div.aside #contribute .article#join a {
	background: transparent url(/site_media/images/bg_d_join.jpg) no-repeat;		
	}

#content div.aside #contribute .article#volunteer a:hover, #content div.aside #contribute .article#tell a:hover, #content div.aside #contribute .article#join a:hover {
	background-position: 0 -79px;
	}


#content div.aside .section {
	background: #eccf84 url(/site_media/images/bg_aside_section.jpg) no-repeat;
	}

#content div.aside .section.follow p {
	float: left;
	width: 180px;
	}

#content div.aside .section.follow .social {
	float: right;
	width: 130px;
	margin-top: -1.5em;
	padding-bottom: 1em;
	}

#content div.aside .section.follow .social li {
	float: left;
	margin-right: 7px;
	}

/* special treatment for aside Contact */
#content div.aside .section.contact {
	margin-bottom: 5px;
	background: none;
	}
#content div.aside .section.contact p {
	margin: 5px 0 0;
	text-indent: -9999px;

	}
#content div.aside .section.contact a {
	display: block;
	height: 89px;
	width: 345px;
	background: transparent url(/site_media/images/bg_contact.jpg) no-repeat left top;
	}
#content div.aside .section.contact a:hover {
	background-position: left -89px;
	}

#content div.aside .section div.footer {
	clear: both;
	background: #eccf84 url(/site_media/images/bg_aside_section_foot.jpg) no-repeat;
	margin-top: 1em;
	height: 3px;
	}

/* @group Navigation */

#skip {
	display: block;
	position: absolute;
	top: -9999px;
	}

#site.nav {
	position: absolute;
	top: 180px;
	left: 272px;
	width: 702px;
	height: 42px;
	background: transparent url(/site_media/images/bg_nav_site.gif) no-repeat;
	z-index: 100;
	}

#site.nav li {
	position: relative;
	float: left;
	}

#site.nav li li {
	float: none;
	}

#site.nav li a {
	display: block;
	height: 43px;
	}

#site.nav #home {
	width: 65px;
	margin-right: 3px;
	}

#site.nav #meet {
	width: 103px;
	margin-right: 3px;
	}

#site.nav #issues {
	width: 72px;
	margin-right: 3px;
	}

#site.nav #involve {
	width: 121px;
	margin-right: 3px;
	}

#site.nav #news {
	width: 62px;
	margin-right: 3px;
	}

#site.nav #multimedia {
	width: 110px;
	margin-right: 3px;
	}

#site.nav #blog {
	width: 59px;
	margin-right: 3px;
	}

#site.nav #contact {
	width: 87px;
	margin-right: 2px;
	}

#site.nav #home a.parent:hover,
#site.nav #home:hover a.parent,
#site.nav #home.hover a.parent,
#site.nav #home.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat 0 -43px;
	}

#site.nav #meet a.parent:hover,
#site.nav #meet:hover a.parent,
#site.nav #meet.hover a.parent,
#site.nav #meet.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -68px -43px;
	}

#site.nav #issues a.parent:hover,
#site.nav #issues:hover a.parent,
#site.nav #issues.hover a.parent,
#site.nav #issues.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -174px -43px;
	}

#site.nav #involve a.parent:hover,
#site.nav #involve:hover a.parent,
#site.nav #involve.hover a.parent,
#site.nav #involve.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -249px -43px;
	}

#site.nav #news a.parent:hover,
#site.nav #news:hover a.parent,
#site.nav #news.hover a.parent,
#site.nav #news.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -373px -43px;
	}

#site.nav #multimedia a.parent:hover,
#site.nav #multimedia:hover a.parent,
#site.nav #multimedia.hover a.parent,
#site.nav #multimedia.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -438px -43px;
	}

#site.nav #blog a.parent:hover,
#site.nav #blog:hover a.parent,
#site.nav #blog.hover a.parent,
#site.nav #blog.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -551px -43px;
	}

#site.nav #contact a.parent:hover,
#site.nav #contact:hover a.parent,
#site.nav #contact.hover a.parent,
#site.nav #contact.current a.parent {
	background: url(/site_media/images/bg_nav_site.gif) no-repeat -613px -43px;
	}

#site.nav .parent {
	text-indent: -9999px;
	}

#site.nav .children {
	position: absolute;
	top: 43px;
	left: -9999px;
	background-color: #ffe347;
	border-top: 2px solid #cca23b;
	width: 158px;
	}

#site.nav li:hover .children,
#site.nav li.hover .children {
	left: 0;
	}

#site.nav .children li a {
	padding: .8em 1em 0;
	height: 1.7em;
	border-bottom: 1px solid #ead248;	
	}

#site_info {
	clear: both;
	overflow: hidden;
	padding-bottom: 1.5em;
	}

#site_info .nav {
	float: left;
	width: 625px;
	}

#site_info .nav li {
	float: left;
	}

#site_info .nav li a {
	line-height: 3em;
	margin: 0 1em;
	}

#site_info .rights {
	float: right;
	width: 350px;
	line-height: 3.2em;
	}

#site_info .funding {
	margin-left: 50px;
	border: 1px solid #ccc;
	padding: 3px 5px;
	}

/* @end */

/* @group Utility */

.text_hide {
	display: block;
	text-indent: -9999px;
	}

.text_remove {
	display: block;
	position: absolute;
	top: -9999px;
	}

/* @end */

/* @end */

/* @group Typography */

body {
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	color: #000;
	}

h2 {
	color: #361f10;
	text-transform: uppercase;
	font-size: 3.4em; /* 34px */ 
	line-height: 1.0588em; /* 36px */ 
	margin-top: 0.5294em; 
	margin-bottom: 0em;
	letter-spacing: -2px;
	}

#splash #body_wrap h2 {
	margin-top: 5px;
	}

#splash #body_wrap h2 a {
	font-size: .46em;
	letter-spacing: 0;
	color: #d19908;
	text-decoration: underline;
	word-spacing: 1px;
	}

#splash #body_wrap h2 a:hover {
 	text-decoration: none;
 	}

h3 {
	font-size: 1.8em; /* 18px */
	line-height: 1.2em;
	margin-top: 0.8889em;
	margin-bottom: 0em;	
	}

body.issues h3 {
	color: #7d4c26;	
	}

h3 span.date {
	color: #666;
	font-size: .6em;
	font-weight: 500;
	border-bottom: 0;
	line-height: 1em;
	}

a:link, a:visited {
	color: #7d4c26;
	text-decoration: none;
	}

a:hover, a:active {
	text-decoration: underline;
	}

p.more {
	margin-top: .6em !important;
	}

.more a {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: 700;
	}

#content p, #content ul, #content ol {
	font-size: 1.2em; /* 12px */
	line-height: 1.3333em; /* 16px */
	margin-top: 1.3333em;
	margin-bottom: 0em;
  	}

#site.nav li .children a {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	}

#site.nav li .children a:hover, #site.nav li .children a:active {
	color: #d80808;
	text-decoration: none;
	}

#content .aside #contribute p {
	margin-top: 0;
	}

#content .aside #contribute .article p {
	width: 205px;
	margin-top: 38px;
	margin-left: 10px;
	}

#content div.aside #contribute .intro a {
	color: #fff;
	font-size: 1.2em;
	}

#content div.aside .section p {
	margin-right: 10px;
	margin-left: 10px;
	}

#site_info .nav a {
	color: #d7a00f;
	text-transform: uppercase;
	}

#site_info .rights {
	color: #e9ddc3;
	}

#site_info .rights .funding {
	text-transform: uppercase;
	}

/* @group Headings */

/* Photoshop Settings: PNG-8 Matte Color #efe8d5 for main #f5eddc for asides */

#content div.main .section.news .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_news.png) no-repeat 1px 2px;
	}

#content div.main .section.blog .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_blog.png) no-repeat 1px 2px;
	}
	
#content div.main .section.meetbrad .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_meet-brad.png) no-repeat 1px 2px;
	}

#content div.main .section.issues .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_issues.png) no-repeat 1px 2px;
	}

#content div.main .section.contribute .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_contribute.png) no-repeat 1px 2px;
	}

#content div.main .section.volunteer .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_volunteer.png) no-repeat 1px 2px;
	}

#content div.main .section.tellafriend .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_tell-a-friend.png) no-repeat 1px 2px;
	}
	
#content div.main .section.joincampaign .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_join-campaign.png) no-repeat 1px 2px;
	}

#content div.main .section.multimedia .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_multimedia.png) no-repeat 1px 2px;
	}

#content div.main .section.videos .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_videos.png) no-repeat 1px 2px;
	}

#content div.main .section.photos .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_photos.png) no-repeat 1px 2px;
	}

#content div.main .section.ads .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_ads.png) no-repeat 1px 2px;
	}

#content div.main .section.contact .header {
	text-indent: -9999px;
	background: transparent url(/site_media/images/hd_contact.png) no-repeat 1px 2px;
	}
	
#content div.aside .section .header {
	margin-top: 5px;
	}

#content div.aside .section .header {
	background-position: 8px 10px !important;
	text-indent: -9999px;
	}
	
#content div.aside .section.video .header {
	background: transparent url(/site_media/images/hd_video.png) no-repeat;
	}

#content div.aside .section.follow .header {
	background: transparent url(/site_media/images/hd_follow.png) no-repeat;
	}

/* special treatment for aside Contact */
#content div.aside .section.contact .header {
	/*background: transparent url(../images/hd_contact.png) no-repeat;*/
	position: absolute;
	top: -9999px;
	}

/* @end */

/* @end */

/* @group Forms */

input:focus, textarea:focus {	
	background: #fcfcf1;
	}
		
input[type="text"], input[type="password"], textarea {	
	border-top: 1px solid #999;	
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

input, textarea {
	font-size: 11px;
	color: #555;
	}

label, legend {	
	display: block;
	margin-bottom: .3em;
	font-size: 1em;
	font-weight: 700;
	}

#masthead form h2, #masthead form label {
	display: block;
	position: absolute;
	top: -9999px;
	}

#masthead form input {
	position: absolute;
	}

#masthead form #email {
	top: 35px;
	left: 755px;
	width: 140px;
	}

#masthead form #zip {
	top: 35px;
	left: 906px;
	width: 58px;
	}

#masthead form #submit {
	top: 62px;
	left: 906px;
	}

#splash #masthead form #email {
	top: 430px;
	left: 543px;
	width: 160px;
	}

#splash #masthead form #zip {
	top: 430px;
	left: 712px;
	width: 60px;
	}

#splash #masthead form #submit {
	top: 462px;
	left: 543px;
	}

/* @end */