body {
background: url(../images/bcgrGrad.png) repeat-x #d0d08a;
font: 75%/1.6em "Lucida Grande", Verdana, sans-serif;
margin: 0; padding: 0;
color: #000;
}
* ul, * li { 
list-style: none; 
padding: 0;
margin: 0;
}
p { margin: 0; padding: 0; }

a:link {color: #000;}
a:visited {color: #666;}
a:hover {color: #860d14; }
span.returnToTop a:visited {color: #000;}
a:link, a:visited, a:hover { text-decoration: none; }
#content a:link, #content a:visited, #content a:hover { text-decoration: underline; }
a:focus, a:active, a:visited { outline: none; }

.skipNav { display: none; }

#wrapper{
	position: relative;
	width: 928px;
	margin: 0 auto;
	}
#logoWrap{
	position: absolute; left: 38px; top: 0;
	width: 220px; height: 122px;
	}
#logoWrap a {
	position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;
	text-indent: -999em; overflow: hidden; background-color: transparent;
	}
#logoWrap a:hover { 
	cursor: pointer; 
	}	
#top { 
	position: relative; 
	width: 100%; 
	height: 334px;
	}
#bannerTop {
	position: absolute; width: 884px; height: 212px;
	left: 14px; bottom: 0;
	}

/*---MENU -----------------------------*/
#menuMain { 
	position: absolute; right: 40px; top: 101px; 
	width: 598px; 
	}
#menuMain li{
	float: left;
	position: relative;
	}
#menuMain li.home{width: 54px;}
#menuMain li.about{width: 74px;}
#menuMain li.programs{width: 196px;}
#menuMain li.advocacy{width: 96px;}
#menuMain li.resources{width: 96px;}
#menuMain li.contact{width: 74px;}

#menuMain span,
#menuMain li.home a,
#menuMain li.contact a {
	display: block;
	width: 100%; height: 21px;
	text-indent: -999em; overflow: hidden;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
/*#menuMain li.home a {background-position: 0 0;}*/
#menuMain li.about span {background-position: -54px 0;}
#menuMain li.programs span  {background-position: -128px 0;}
#menuMain li.advocacy span  {background-position: -324px 0;}
#menuMain li.resources span  {background-position: -420px 0;}
#menuMain li.contact a  {background-position: -516px 0;}

body.home #menuMain li.home a, #menuMain li.home a:hover {background-position: 0 -21px;}
body.about #menuMain li.about span {background-position: -54px -21px;}
body.programs #menuMain li.programs span {background-position: -128px -21px;}
body.advocacy #menuMain li.advocacy span {background-position: -324px -21px;}
body.resources #menuMain li.resources span {background-position: -420px -21px;}
body.contact #menuMain li.contact a, #menuMain li.contact a:hover {background-position: -516px -21px;}

body.home #menuMain li.home a:hover,
body.contact #menuMain li.contact a:hover{
cursor: default }

/*---menuTopSubs -----------------------------*/

#menuMain li li { float: none; height:2em; 
}
#menuMain ul { position: absolute; top:-999em; width: 100%; background-color: #fcfedd;
}
#menuMain li:hover ul { top: 21px;
}
#menuMain li.about:hover ul{ 
width: 20em; 
}

#menuMain li.advocacy:hover ul { 
width: 12em; 
}
#menuMain li.resources:hover ul { 
width: 15.75em; 
}

#menuMain ul a {
display: block; font-weight: bold; text-indent: 5%;
width: 100%; height: 100%; line-height: 2;
color: #6d0b14;
}

#menuMain ul a:hover{
background-color: #dadf65; text-decoration: none;
}

#menuMain ul a.current:hover{ background-color: #fcfedd; cursor: default; }

/*---SIDEBAR-----------------------------*/

#sidebar{
	float: left;
	width: 204px;
	}
#sidebar ul {
	width: inherit;
	background: url(../images/sidebarShw.png) repeat-y transparent;
	}

#sidebar li{
	margin-left: 15px;
	width: 180px;
	background-color: #860d14;
	}
#sidebar li#newsLetter{
height: 69px;
margin-top: 0; background: url(../images/sidebarBcgrs.png) no-repeat transparent 0 0;
}	
#sidebar li#sPrograms{
height: 221px;
margin-top: 0; background: url(../images/sidebarBcgrs.png) no-repeat transparent 0 -119px;
}
#sidebar li#sAdvocacy{
height: 236px; background: url(../images/sidebarBcgrs.png) no-repeat transparent 0 -339px;
}
#sidebar li#sResources{
height: 246px; background: url(../images/sidebarBcgrs.png) no-repeat transparent 0 -576px;
}
#sidebar li#sDonate{
height: 127px; background: url(../images/sidebarBcgrs.png) no-repeat #860d14 0 -819px;
}
#sidebar li#social{
position: relative; height: 50px; background: url(../images/sidebarBcgrs.png) no-repeat #860d14 0 -69px;
}
#sidebar li a{
display: block;
width: inherit; height: 100%;
text-indent: -999em;
}
#sidebar li#social a{
position: absolute; top: 7px; left: 14px; width: 72px; height: 26px;
}
#sidebar li#social a#socialFacebook{
left: 94px;
}
#sidebar li a:hover{ 
background: url(../images/sidebarShw.png) repeat-y transparent -15px 0;
}
#sidebar li a.current:hover{ background: none; cursor: default; }

#sidebar #sSearch{ 
padding: 20px 0 30px;
overflow: hidden;
}
#sidebar #searchform {
padding-left: 12px; }
#sidebar #searchform #s { width: 150px; 
margin-bottom: 10px;
}

/*---CONTENT++-----------------------------*/
#content{
float: left;
width: 578px;
padding-right: 82px; padding-left: 60px;
min-height: 1000px;
background: url(../images/contentBcgr.png) repeat-y transparent; /*700px wide; gif for ie6*/
}
body.home #content{ 
width: 695px; padding-left: 25px; padding-right: 0; 
}

body.donate #content{
width: 510px;
padding-right: 150px;
}
#contentBuffer {
height: 30px; overflow: hidden;
}
#contentHome {
width: 480px; padding-right: 240px;
}

#missionStatmt {
background: url(../images/missionStatementTxt.png) no-repeat transparent 0 12px;
width: 655px; height:98px; margin: 0; padding: 0; text-indent: -999em;
}

.collage{
position: absolute; top:438px; left: 717px; width: 208px; height: 830px;
}
#c1{
background: url(../images/collage8.jpg) no-repeat transparent;
}
#c2{
background: url(../images/collage5.jpg) no-repeat transparent;
}
#c3{
background: url(../images/collage6.jpg) no-repeat transparent;
}
#c4{
background: url(../images/collage7.jpg) no-repeat transparent;
}

#content p {
margin-bottom: 1em ;
width: auto;
}
#content p.doubleSpace { margin-top: 2em; }

#content p.stateName {
font-size: 1.2em; font-weight: bold; margin-top: 2em; 
}

#content p.returnToTop {
text-align: center; margin: 1.2em 0 2.5em;
}
span.paraIndent { padding-left: 20px; }
span.resSubLinks { font-size: 1.1em; font-weight: bold; }

h2, h3 {
font-size: 1.2em; color: #860d14;
margin: 1.8em 0 .8em; width: auto;
}
h2.title {
text-transform: uppercase; margin-bottom: 1.6em;
}

h3 {
font-size: 1.1em;
}
#content ul { 
margin-left: 20px;
}
#content li { 
list-style: disc;
margin-top: .8em;
}
h2#upcoming {
width: 190px; height: 31px; text-indent: -999em; margin-bottom: 1.2em; 
background: url(../images/upcomingBcgr.png) no-repeat transparent;
}

a#giveOnline:link, a#giveOnline:visited { display: block;
margin: 3em auto;
width: 108px; height:42px;
background: url(../images/giveOnline.gif) no-repeat transparent 0 0;
}
a#giveOnline:hover { background-position: 0 -42px; }

#content h4 {
font-size: 1.1em;
margin: 1.6em 0 .8em; width: auto;
}
#content h4.tight {
margin: 1em 0 .4em; width: auto;
}


#content img.upperRight{
float: right;
padding: .5em 0 2em 2em; 
}


/*---FOOTER-----------------------------*/
#footer {
clear: both;
background: url(../images/footerShw.png) no-repeat transparent 0 0;
font-size: .9em;
margin: 0 auto 30px 0px;
padding-top: 20px; padding-left: 208px;
width: auto;
text-align: center;
color: #000;
}
body.jsOff #footer { background: none; }
#footer li {
display: inline;
margin: 0 7px 0 0px;
}

#footer a {
border-left: 1px #000 solid;
padding: 0 0px 0 10px;color: #000;
}

#footer a:hover {
color: #000;
text-decoration: underline;
}
#footer a.current:hover {
text-decoration: none;
cursor: default;
}

#footer li.home a, #footer p#copyright a {
border-left: none;
padding-left: 0;
}
#footer ul, p#copyright {
margin: 0; padding: 0;
}


/*---CONTACT PAGE ELEMENTS+-------------------*/

#contactText { margin: 30px 0 0 50px; width: 470px; }
body.contact blockquote {
float: left; width: 50%; margin: 0; padding: 0;
}

/****FORM DEFAULTS************************************************************/	
.amd_form {
	font-family: inherit;
	}	
.amd_form legend {
	display: none;
	}
.amd_form fieldset { 
	margin: 0; padding: 0; border: 0;
	}
.amd_form label {
	display: block;
	/*display: -moz-inline-box;*/
	vertical-align: top;
	}
.amd_form .error {
	display: none;
	/*font-style: italic;*/
	
	/*define for each case*/
	color: #840e19;
	}
.amd_form  ol {
  margin: 0; padding:0;
	}
#contactFormCtner .amd_form li {
  list-style: none;
  padding: 8px 0;
  margin: 0;
	}
.amd_form li.requiredHint {
	font-size: .857em; padding:0;
	}
.amd_form li.nojsErr {
	/*define for each case*/
	color: #fff;
	}	
.amd_form input {
  width: auto; 
	}
.amd_form input[type='text'] {
	/*define for each case*/
  width: 0px;
	}
.amd_form textarea {
  width: 90%; font-family: inherit; 
	}
.amd_form  input,
.amd_form  textarea {
  font-family: "Lucida Grande", Helvetica, Ariel, sans-serif;
	}
.amd_form input[type='submit']:hover, 
.amd_form input[type='reset']:hover {
  cursor:pointer;
	}
.amd_form input.hidden { 
	display: none; 
	}
#contactFormCtner #amf_response_thank,
#contactFormCtner #amf_response_err {
	margin: 0; padding: 4em 0 0;  width: 80%; 
	text-align: center; line-height: 1.4em;
	color: #840e19; font-size: 14px;
	}
#contactFormCtner.processed {
	height: auto;
	}


/****FORM "DESIGNED" DEFAULTS*************************************************/	
#contactFormCtner {
	position: relative; height: 270px; width: 470px; margin: 32px auto 0;
	}
#amd_contactform_fixed {
	height: 270px; width: 470px;
	background: url(../images/contactBcgr.gif) no-repeat 0 0 ;
	}
#amd_contactform_fixed ol {
	height: 260px;
	padding-top: 10px;
	}
#amd_contactform_fixed li {
	padding: 0; height: 28px;
	}
#amd_contactform_fixed li.amcf_name { 
	 
	}
#amd_contactform_fixed li.amcf_email  { 
	margin-top: 0;
	}
#amd_contactform_fixed li.amcf_note { 
	margin-top: 0; height: 144px;
	}	
#amd_contactform_fixed label {
	display: none;
	}
	
/*---err params---*/
#amd_contactform_fixed .error {
	position: absolute; font-size: 12px;
	left: 126px; width: 247px; top: 44px; padding-left: 4px; 
	z-index: 3;
	
	/*define for each case*/
	background-color: #d0d08a;
	}
#amd_contactform_fixed li.amcf_email .error { 
	top: 88px; width: 313px; 
	}
#amd_contactform_fixed li.amcf_note .error { 
	top: 250px; width: 313px; 
	}
/*---input, textarea params---*/
#amd_contactform_fixed input, 
#amd_contactform_fixed textarea { 
	position: absolute; left: 129px; font-size: 12px; z-index: 2;
	margin: 0; border: 0; background-color: transparent;  padding: 0 0 0 4px;
	}
#amd_contactform_fixed input { 
	top: 19px; width: 240px; height: 24px;
	}
#amd_contactform_fixed #amcf_email  { 
	top: 63px; 
	}
#amd_contactform_fixed #amcf_note { 
	top: 108px; width: 306px; height: 140px;
	overflow: auto; 
	}
#amd_contactform_fixed textarea:focus,
#amd_contactform_fixed input:focus,
#amd_contactform_fixed input.ieFocus,
#amd_contactform_fixed textarea.ieFocus { 
	background-color: #fff;
/*
	background-color: green;
*/
	}
/*---submit btn params---*/
#amd_contactform_fixed #submitBtn {
	position: absolute; left: 27px; top: 221px; width: 72px; height: 32px;  
	background-image: url(../images/submitBtn.gif);
	background-repeat: no-repeat; 
	margin: 0;  padding: 0; border: 0; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active,
#amd_contactform_fixed #submitBtn:hover,
#amd_contactform_fixed #submitBtn.over { 
	background-position: 0 -32px; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active { 
	outline: none;  
	}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */