/*============================================
    basics
=============================================*/

body, html
{
	color: #515151;
	margin: 0;
	padding: 0;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	background-color: #fff;
	background-image: url(images/bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: repeat-y;
	height: 100%;
	min-height: 100%;
}

a, a:hover
{
	text-decoration: none;
}

a
{
		color: #3a5b98;
}

a:hover
{
		color: #283d64;
}

p 
{
	color: #515151;
	margin: 0;
	margin-bottom: 20px;
	line-height: 1.5em;
	padding: 0;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: .8em;
}

h1
{
	font-size: 1.5em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

h2
{
	font-size: 1.5em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}

h3
{
	font-size: 1em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}

h4
{
	font-size: .8em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

strong 
{
	color: #932327;
	font-weight: bold;
}

 ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

ul li
{
	color: #515151;
	margin: 0;
	margin-bottom: 20px;
	line-height: 1.2em;
	padding: 0;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: .8em;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0  3px;
	padding-left: 15px;
}

 ol
{
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

ol li
{
	color: #515151;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 1.2em;
	padding: 0;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: .8em;
}

blockquote
{
	width: 450px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/misc-bg.gif);
        background-repeat: repeat;
        background-position: top; 
	padding: 30px;
	color: #515151;
	line-height: 1.5em;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: 1em;
	border-right: 1px solid #d7d5d0;
	border-bottom: 1px solid #d7d5d0;
	border-left: 1px solid #ebe9e5;
	border-top: 1px solid #ebe9e5;
}





/*============================================
    layout
=============================================*/


#container
{
	background: transparent;
	text-align: center;
	padding: 0px;
	padding-bottom: 20px;
	margin: 0px;
}

#page
{
	background-image: url(images/page-bg.gif);
        background-repeat: no-repeat;
        background-position: top; 
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	width: 1043px;
}

#page table.main 
{
	margin: auto;
	margin-top: 20px;
}

td#main
{
	padding: 10px 0px 0px 0px;
	margin: auto;
	width: 600px;
	vertical-align: top;
}

td#gutter
{
	padding: 0px 0px 0px 0px;
	margin: auto;
	width: 40px;
}

td#sidebar
{
	padding: 10px 0px 0px 0px;
	margin: auto;
	text-align: left;
	width: 300px;
	vertical-align: top;
}


/*============================================
    header
=============================================*/


#header
{
	background-image: url(images/header-bg4.jpg);
        background-repeat: no-repeat;
        background-position: top; 
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: center;
	height: 220px;
	width: 1129px;
}

#header table 
{
	margin: auto;
}

#header table.logo 
{
	height: 142px;
}


/*============================================
    navigation
=============================================*/

div#nav 
{
	margin-top: 20px;
	text-align: left;
	width: 480px;
}

#nav span 
{
	display:block;
}

span#signup 
{
background: url(images/nav-sprite.gif) 0px -25px no-repeat; 
	float: left;
	width: 80px;
	height: 20px;
	cursor: hand;
}

span#signup:hover 
{
background: url(images/nav-sprite.gif) 0px 0px no-repeat; 
	float: left;
	width: 80px;
	height: 20px;
	cursor: hand;
}

a:hover #signup 
{
background: url(images/nav-sprite.gif) 0px 0px no-repeat; 
	float: left;
	width: 80px;
	height: 20px;
	cursor: hand;
}

span#signup-selected 
{
	background: url(images/nav-sprite.gif) 0px 0px no-repeat; 
	float: left;
	width: 80px;
	height: 20px;
}

span#takeaction 
{
background: url(images/nav-sprite.gif) -80px -25px no-repeat; 
	float: left;
	width: 136px;
	height: 20px;
	cursor: hand;
}

span#takeaction:hover 
{
background: url(images/nav-sprite.gif) -80px 0px no-repeat; 
	float: left;
	width: 136px;
	height: 20px;
	cursor: hand;
}

a:hover #takeaction
{
	background: url(images/nav-sprite.gif) -80px 0px no-repeat; 
	float: left;
	width: 136px;
	height: 20px;
}

span#takeaction-selected 
{
	background: url(images/nav-sprite.gif) -80px 0px no-repeat; 
	float: left;
	width: 136px;
	height: 20px;
	cursor: hand;
}

span#donate 
{
	background: url(images/nav-sprite.gif) -216px -25px no-repeat; 
	float: left;
	width: 100px;
	height: 20px;
	cursor: hand;
}

span#donate:hover 
{
	background: url(images/nav-sprite.gif) -216px 0px no-repeat; 
	float: left;
	width: 100px;
	height: 20px;
	cursor: hand;
}

a:hover #donate 
{
	background: url(images/nav-sprite.gif) -216px 0px no-repeat; 
	float: left;
	width: 100px;
	height: 20px;
	cursor: hand;
}

span#donate-selected 
{
	background: url(images/nav-sprite.gif) -216px 0px no-repeat; 
	float: left;
	width: 100px;
	height: 20px;
	cursor: hand;
}

span#about 
{
	background: url(images/nav-sprite.gif) -316px -25px no-repeat; 
	float: left;
	width: 90px;
	height: 20px;
	cursor: hand;
}

span#about:hover 
{
	background: url(images/nav-sprite.gif) -316px 0px no-repeat; 
	float: left;
	width: 90px;
	height: 20px;
	cursor: hand;
}

a:hover #about 
{
	background: url(images/nav-sprite.gif) -316px 0px no-repeat; 
	float: left;
	width: 90px;
	height: 20px;
	cursor: hand;
}

span#about-selected 
{
	background: url(images/nav-sprite.gif) -316px 0px no-repeat; 
	float: left;
	width: 90px;
	height: 20px;
	cursor: hand;
}

span#home 
{
	background: url(images/nav-sprite.gif) -406px -25px no-repeat; 
	float: left;
	width: 60px;
	height: 20px;
	cursor: hand;
}

span#home:hover 
{
	background: url(images/nav-sprite.gif) -406px 0px no-repeat; 
	float: left;
	width: 60px;
	height: 20px;
	cursor: hand;
}

a:hover #home 
{
	background: url(images/nav-sprite.gif) -406px 0px no-repeat; 
	float: left;
	width: 60px;
	height: 20px;
	cursor: hand;
}

span#home-selected 
{
	background: url(images/nav-sprite.gif) -406px 0px no-repeat; 
	float: left;
	width: 60px;
	height: 20px;
	cursor: hand;
}


/*============================================
    content
=============================================*/


div#feature, div#current 
{
	margin: 0;
	margin-bottom: 40px;
}

h2#title-large
{
	font-size: 1.5em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}

h2#title-small
{
	font-size: 1em;
	letter-spacing: 0.02em;
	color: #932327;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}

a#action-large
{
	background: #e7e6e0;
	font-size: .7em;
	letter-spacing: 0.02em;
	color: #283d64;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #d7d5d0;
	border-bottom: 1px solid #d7d5d0;
	border-left: 1px solid #ebe9e5;
	border-top: 1px solid #ebe9e5;
}

a:hover#action-large
{
	background: #d7d5d0;
	font-size: .7em;
	letter-spacing: 0.02em;
	color: #283d64;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #d7d5d0;
}

a#action-small
{
	background: #e7e6e0;
	font-size: .7em;
	letter-spacing: 0.02em;
	color: #283d64;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin: 5px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #d7d5d0;
	border-bottom: 1px solid #d7d5d0;
	border-left: 1px solid #ebe9e5;
	border-top: 1px solid #ebe9e5;
}

a:hover#action-small
{
	background: #d7d5d0;
	font-size: .7em;
	letter-spacing: 0.02em;
	color: #283d64;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin: 5px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #d7d5d0;
}

div#divider-large 
{
	background: url(images/hr.gif) no-repeat; 
	width: 594px;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#divider-small
{
	background: url(images/hr-small.gif) no-repeat; 
	width: 201px;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#divider-blank
{
	width: 201px;
	height: 1px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div#homenews
{
	background-image: url(images/news-bg2.gif);
        background-repeat: repeat-y;
        background-position: top; 
	padding: 30px 0px 0px 0px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
	width: 280px;
}

div#homenews-item
{
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: left;
}

div#homenews-bottom
{
	background-image: url(images/news-bg-bottom.gif);
        background-repeat: no-repeat;
        background-position: top; 
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-bottom: 40px;
	text-align: center;
	width: 280px;
	height: 45px;
}

div#homenews table
{
	margin: auto;
}

div#sidebar-feature table
{
	margin: auto;
}

div#sidebar-feature
{
	background-image: url(images/news-bg2.gif);
        background-repeat: repeat-y;
        background-position: top; 
	padding: 30px 0px 0px 0px;
	margin: auto;
	margin-bottom: 0px;
	text-align: center;
	width: 280px;
}

div#sidebar-feature img.feature-home { display: none; }

div#sidebar-feature-item
{
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: left;
}

div#sidebar-feature-bottom
{
	background-image: url(images/news-bg-bottom.gif);
        background-repeat: no-repeat;
        background-position: top; 
	padding: 0px 0px 0px 0px;
	margin: auto;
	margin-bottom: 40px;
	text-align: center;
	width: 280px;
	height: 45px;
}

img.feature-home 
{
	float:left;
	margin: 5px;
	margin-right: 20px;
}

div#feature-banner
{
	background: url(images/features-banner.gif) no-repeat; 
	width: 594px;
	height: 39px;
}

div#donate-banner
{
	background: url(images/donate-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#tell-friend-banner
{
	background: url(images/tellfriend-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#emailaction-banner
{
	background: url(images/emailaction-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#privacy-banner
{
	background: url(images/privacy-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#about-banner
{
	background: url(images/about-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#news-banner
{
	background: url(images/news-banner-large.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

div#previous-news-banner
{
	background: url(images/previous-news-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

span#featured-action
{
	float: left;
	width: 150px;
	height: 39px;
	cursor: hand;
}

span#email-action
{
	float: left;
	width: 150px;
	height: 39px;
	margin-left: 280px;
	cursor: hand;
}

div#current-banner
{
	background: url(images/current-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

span#current-actions
{
	float: left;
	width: 150px;
	height: 43px;
	cursor: hand;
}

div#previous-banner
{
	background: url(images/previous-banner-notf.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

span#previous-actions
{
	float: left;
	width: 150px;
	height: 43px;
	cursor: hand;
}

span#tell-friend-email
{
	float: left;
	width: 150px;
	height: 43px;
	margin-left: 280px;
	cursor: hand;
}

div#signup-banner
{
	background: url(images/signup-banner.gif) no-repeat; 
	width: 594px;
	height: 43px;
}

span#email-action-main
{
	float: left;
	width: 150px;
	height: 39px;
	margin-left: 430px;
	cursor: hand;
}


/*============================================
    sign up
=============================================*/

form p
{
	color: #283d64;
}

form, form#sign-up
{
	text-align: left;
}

form#sign-up table.address
{
	margin: 0;
	padding: 0;
	color: #283d64;
	line-height: 1.5em;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: .8em;
}

form table.address
{
	margin: 0;
	padding: 0;
	color: #283d64;
	line-height: 1.5em;
	font-family:  trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	font-size: .8em;
}

input, textarea
{
	font-family: trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	background: #fff;
	font-weight: normal;
	font-size: 10pt;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #d7d5d0;
	padding: 5px;
}

select
{
	font-family: trebuchet, trebuchet ms, helvetica, arial, tahoma, verdana, sans-serif;
	background: #fff;
	font-weight: normal;
	font-size: 10pt;
	border: 1px solid #d7d5d0;
	color: #515151;
}

textarea
{
	width: 400px;
}

form input.button
{
	background: #d7d5d0;
	font-size: .9em;
	letter-spacing: 0.02em;
	color: #283d64;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #d7d5d0;
}

/*============================================
    DIA petition override
=============================================*/


/*
 #petition-custom .diaFields {
	float:right;
}

#petition-custom #petition_content {
	float:left;
	height: 100px;
}

#petition-custom .petition_comment {
	float:left;
}
*/


div#dia-petition-wrapper {

}

div#feature div#dia-petition-wrapper div#salsa .diaFields {
	float:left;
}

div#feature div#dia-petition-wrapper div#salsa textarea#petition_content {
	float:left;
	height: 350px;
	border:0px;
}

div#feature div#dia-petition-wrapper div#salsa .petition_comment {
	float:left;
}

div#feature div#dia-petition-wrapper div#salsa .submit {
	background-color:#CCCCCC;
}

/* div#dia-petition-wrapper div#salsa textarea { width: 700px; height: 500px;  } */


/*============================================
    footer
=============================================*/


#footer a
{
	font-size: .9em;
	letter-spacing: 0.02em;
	color: #35486c;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a:hover
{
	font-size: .9em;
	letter-spacing: 0.02em;
	color: #575e76;
	font-family: trebuchet, trebuchet ms, tahoma, verdana, sans-serif, helvetica, arial;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#footer
{
	background-image: url(images/footer-bg.gif);
        background-repeat: no-repeat;
        background-position: middle; 
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: center;
	height: 91px;
	width: 989px;
}

#footer table 
{
	vertical-align: middle;
	margin: auto;
	height: 91px;
	color: #787878;
	font-size: .8em;
}

#left {
	width:170px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding-top:135px;
	padding-right:5px;
	padding-left:30px;
	float:left;
	display:inline;
}

#right {
	width:80px;
	margin:0;
	padding-top:147px;
	float:left;
	display:inline;
}