@charset "utf-8";
/* DCM Layout style sheet */
/* ----- CSS Reset ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of reset */

/* ----- Major Sections ----- */
body {
	font: 80%/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #59B64E;
	margin: 0; padding: 0;
}
/* horizontal bands */
#header {
	width: 100%;
	background: #8D5E93 url(../img/bg-header-1e.jpg) repeat-x;
}
#content {
	width: 100%;
	background: #ECD4A1 url(../img/bg-content-2b.jpg) repeat-x;
}
#footer {
	width: 100%;
	background: #5AB750 url(../img/bg-footer-1c.jpg) repeat-x;
}
.container {
	position: relative;
	width: 810px; /* IE6 conditional css modifies this */
	background: #fff;
	margin: 0 auto;
	padding: 20px 0px;
}
#header .container {
	padding: 0;
}
/* ---- Grid System ---- */
.container-1, .container-2, .container-3, .container-4, .container-5, .container-6 {
	float: left;
	margin: 6px 10px; 
}
.container-1 {
	width: 60px;
}
.container-2 {
	width: 160px;
}
.container-3 {
	width: 260px;
}
.container-4 {
	width: 360px;
}
.container-5 {
	width: 460px;
}
.container-6 {
	float: none;
	width: 560px;
}
.clear {
	clear: both;
}
/* containers */
#header .container {
	height: 136px;
	xbackground: #602B7B url(../img/header-1m.jpg) no-repeat;
	background: #602B7B url(../img/header-1n.jpg) no-repeat;
}
#content .container {
	background: #F8EEDA url(../img/content-1d.jpg) repeat-y;
}
#footer .container {
	background: #7AC972 url(../img/footer-1b.jpg) repeat-y;
}
#main-content {
	margin: 0 0 0 200px;
	padding: 1px 10px;
}
#sidebar {
	position: absolute; top: 0; left: 0;
	width: 180px;
	padding: 0 10px 20px 20px;
}
/* ---- Text Styling ---- */
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 1px;
	text-indent: -99999px;
	margin: 0;
}
h2 {
	font-size: 1.6em;
	letter-spacing: -.03em;
	color: #609;
	text-shadow: 2px 2px 2px #ccc;  /* css3 */	
	margin-bottom: 0;
}
h3 {
	font-size: 1.2em;
	letter-spacing: -.04em;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #ccc;	 /* css3 */
	color: #609;
	margin: 1em 0 .5em;
}
#sidebar h3 {
	font-size: 1em;
	letter-spacing: -.01em;
}
h4 {
	color: #606;
	margin: .5em 0;
}
#index h4, #news h4 {
	color: #333;
	border-top: 1px solid #dCc599;
	margin: 1em 0; padding-top: 5px;
}
p {
	margin: 0 0 1em;
}
p#mission {
	font-weight: bold;
	font-size: 1.1em;
	color: #508;
}
p.highlight {
	font-weight: bold;
	color: #508;
}
#main-content ul {
	list-style: none;
	margin: 1em 2em;
}
#main-content ul li {
	padding: 0 0 0 10px;
	background: url(../img/bullet-1c.gif) no-repeat 0px 8px;
}
#main-content a {
	color: #602B7B;
}
#main-content a:hover {
	text-decoration: none;
}
#main-content a:visited {
	color: #9767AF;
}
#main-content div.highlight {
	background: #F7E3C0;
	border: 1px solid #e2d1b0;
	-webkit-border-radius: 10px; /* css3 */
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 1em 2em;
}
#main-content div.pullquote {
	float: right; 
	width: 250px;
	color: #636;
	background: #F7E3C0;
	border: 1px solid #F2E1C0;
	-webkit-border-radius: 10px; /* css3 */
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px #999; /* css3 */
	-moz-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
	margin: 0 -110px 6px 10px;
	padding: 1.5em 20px .5em;
}
#main-content p.credit {
	text-align: right;
}
#main-content h2 {
	margin: 1em 0; 
	border: none; 
}
#main-content img { 
/* raw images should be 8px smaller than the appropriate grid width, 
to allow for border and padding */
	background: #fff;
	border: 1px solid; 
	border-color: #ccc #999 #999 #ccc;
	padding: 3px;
}
#main-content img.noframe { 
	background: none;
	border: none; 
	padding: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: .5em 2em;
}
dl.caption {
	float: left;
	clear: left;
	text-align: center;
	background: #fff;
	border: 1px solid; 
	border-color: #ccc #999 #999 #ccc;
	margin: 0 0 1em;
}
#main-content dl.caption dt img { 
	border: none; 
}
dl.caption dd {
	font-weight: bold;
	font-size: 90%;
	color: #508;
	margin: 0;
}
table {
	width: 100%;
	vertical-align: top;
	margin-bottom: 20px;
}
tr {
	border-bottom: 1px solid #dCc599;
}
td {
	vertical-align: top;
	padding: 3px 1px;
}
address {
	margin: 1em 0 2em 2em;
}
dd address {
	margin: 1em .5em;
}
/* ---------- Home Page Buttons ----------- */
a#help {
	position: relative;
	display: block;
	width: 180px;
	height: 33px;
}
a#help span{
	position: absolute;
	display: block;
	width: 180px;
	height: 33px;
	background-image: url(../img/buttons-2c.jpg);
	background-position: 0px top;
}
a#help:hover span{
	background-position: 0px bottom;
}
a#donate {
	position: relative;
	display: block;
	width: 180px;
	height: 33px;
}
a#donate span{
	position: absolute;
	display: block;
	width: 180px;
	height: 33px;
	background-image: url(../img/buttons-2c.jpg);
	background-position: -360px top;
}
a#donate:hover span{
	background-position: -360px bottom;
}
a#vols {
	position: relative;
	display: block;
	width: 180px;
	height: 33px;
}
a#vols span{
	position: absolute;
	display: block;
	width: 180px;
	height: 33px;
	background-image: url(../img/buttons-2c.jpg);
	background-position: -540px top;
}
a#vols:hover span{
	background-position: -540px bottom;
}
/* ---------- Sidebar Buttons ----------- */
a#email {
	position: relative;
	display: block;
	width: 180px;
	height: 80px;
}
a#email span{
	position: absolute;
	display: block;
	width: 180px;
	height: 80px;
	background-image: url(../img/buttons-2c.jpg);
	background-position: -180px top;
}
a#email:hover span{
	background-position: -180px bottom;
}
a#needs {
	position: relative;
	display: block;
	width: 180px;
	height: 80px;
}
a#needs span{
	position: absolute;
	display: block;
	width: 180px;
	height: 80px;
	background-image: url(../img/buttons-2c.jpg);
	background-position: -720px top;
}
a#needs:hover span{
	background-position: -720px bottom;
}
ul#follow li {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	list-style: none;
	margin-right: 20px;
}
ul#follow li a{
	text-indent: -9999em;
}
ul#follow li#blog {
	width: 177px;
	margin: 10px 1px 0;
}
ul#follow li#facebook a {
	xposition: absolute;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #F8EEDA;
	background-image: url(../img/icons-1b.jpg);
	background-position: -50px -2px;
	xpadding-right: 10px;
}
ul#follow li#facebook a:hover {
	background-position: -50px -52px;
}
ul#follow li#twitter a {
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #F8EEDA;
	background-image: url(../img/icons-1b.jpg);
	background-position: 0px -2px;
	xpadding-right: 10px;
}
ul#follow li#twitter a:hover {
	background-position: 0px -52px;
}
ul#follow li#blog a {
	position: absolute;
	display: block;
	width: 177px;
	height: 48px;
	background-color: #F8EEDA;
	background-image: url(../img/icons-1b.jpg);
	background-position: -100px -2px;
	xpadding-right: 10px;
}
ul#follow li#blog a:hover {
	background-position: -100px -52px;
}
h3#goodsearch {
	clear: left;
}
/* ----- Donor Navigation ----- */
h4#donors {
	margin: 0;
}
ul#donors {
	border-top: 1px solid #9767AF;
	margin: 0; padding: 0;
}
ul#donors ul{
	border-top: 1px solid #7A4695;
}
ul#donors li{
	list-style: none;
	background: none;
	border-bottom: 1px solid #7A4695;
	margin: 0; padding-left: 0;
}
#main-content ul#donors li a{ /* needs major div to overcome specificty problem */
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	color: #fff;
	background: #a777bF;
	padding: 3px 4px;
}
#main-content ul#donors li a:hover, #main-content ul#donors li a:focus{
	background: #9767AF;
}

/* ----- Donor Lists ----- */
#event #main-content ul, #event #main-content ul li{
	margin-right: 0;
}
#event #main-content ul#sponsors li{
	font-weight: bold;
	background: none;
	margin-right: 0; padding-left: 0;
}
#event #main-content ul#sponsors li ul li {
	font-weight: normal;
	padding: 0 0 0 10px;
	background: url(../img/bullet-1c.gif) no-repeat 0px 8px;
}
/* ----- main navigation ----- */
ul#nav {
	list-style: none;
	background: #602B7B;
	margin: 0 0 0px; padding: 20px 0 0;
}
ul#nav li{
	background: none;
	border-bottom: 1px solid #7A4695;
	margin: 0; padding-left: 0;
}
ul#nav li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: #9767AF url(../img/bg-nav-1f.jpg) no-repeat left center;
	padding: 4px 8px;
}
ul#nav li a:hover, ul#nav li a:focus{
	background: #7A4695 url(../img/bg-nav-1f.jpg) no-repeat right center;
}
/* current page */
#index ul#nav li a#nav-home,
#news ul#nav li a#nav-news,
#programs ul#nav li a#nav-programs,
#stories ul#nav li a#nav-stories,
#donate ul#nav li a#nav-donate,
#vols ul#nav li a#nav-vols,
#interns ul#nav li a#nav-intern,
#advocate ul#nav li a#nav-advo,
#about ul#nav li a#nav-about,
#contact ul#nav li a#nav-contact {
	background: #7A4695;
}
/* ---------- Skip navigation ----------- */
a#skip,
a#skip:hover,
a#skip:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
a#skip:focus {
	position: static;
	width: auto;
	height: auto;
} 
/* ----- search form ----- */
form#search {
	color: #fff;
	background: #a777bF;
	border-bottom: 1px solid #7A4695;
	margin: 0 0 0px; padding: 6px;
}
form#search input#q{
	font-size: .9em;
	background: #eee;
	margin: 0 0 3px;
}
form#search h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	margin: 0;
}
/* ----- Footer ----- */
#footer {
	font-weight: bold;
	color: #fff;
}
#footer .container-2{
	padding: 0 0 0 15px;
}
#footer ul{
	margin: 0 0 12px;
}
#footer li{
	list-style: none;
}
#footer a{
	font-weight: bold;
	color: #fff;
	margin-right: 30px; padding: 5px 10px;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
}
#footer p.credit a {
	margin: 0 3px; padding: 1em;
}
/* ----- Misc styling ----- */
#corner {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 282px;
	height: 44px;
	background: url(../img/corner-1e.jpg) no-repeat right top;
}
#nav-curve {
	width: 180px;
	height: 30px;
	background: url(../img/nav-curve-1b.jpg) no-repeat;
	margin: 0 0 20px;
}
img.logo {
	xmargin: 3px 60px;
}
.margin-h3 {
	margin-top: 1em;
}
#main-content .top-zero {
	margin-top: 1px;
}
#main-content ul.nobullets li{
	list-style: none;
	background: none;
	padding-left: 0;
}
p.top {
	text-align: right;
}
#main-content p.top a, p.top a:visited {
	color: #B8923D;
}
.floatrt {
	float: right;
}
ul.nobullets {
	list-style: none;
}