html {
    margin: 0;
    padding: 0;
	background: #FFF url(graph_paper.gif) top left repeat;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a {
	color: #0A1154;
	text-decoration: none; 
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #0A1154;
}
a img  { 
    border:0px 
}

p a {
color: inherit;
text-decoration: underline;
}

p a:visited {
color: inherit;
text-decoration: underline;
}

select {
background-color: white;
font-size: 11px;
width: 40px;
padding: 0;
}

option {
border: 0;
padding: 0;
}

.red {

}

.brhalf {
	height: 8px;
	}

h2 {
	padding: 0;
	font-size: 17px;
    margin: 3px 0 7px 3px;
	color: #888;
	font-weight: bold;
	text-transform: capitalize;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
	color: #A53030;

}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form {
}



input {
    border: 1px solid #999;
    font-size: 11px;
}

.spacer {
	clear: both;
	height: 0;
}

.spacerLeft {
	clear: left;
	height: 0;
}

/* main blocks */

#wrapper {
    width: 769px;
	background: white url(graph_shadow.gif) top right repeat-y;
	margin-bottom: 0px;
}

#header {
    padding: 0;
	width: 761px;
	background-color: #F1F1F1;

	height: 232px;
	overflow: hidden;
}

#mainContent {
    width: 424px;
    padding-bottom: 5px;
    background-color: #FFF;
	margin: 23px 0 10px 5px;
}	

#bonusContent {
    position: absolute;
    top: 276px;
    left: 439px;
    width: 311px;
	padding: 0px 0px 0 0;
}

#secretContent {
    position: absolute;
    top: 0px;
    left: 761px;
    width: 150px;
	padding: 14px 0px 4px 13px;
	color: #555577;
	height: 1958px;
	font-size: 12px;
	line-height: 16px;
}
#footer {
	border-top: 1px solid #BBB; 
	border-bottom: 1px solid #BBB; 
	margin-right: 8px;
	height: 18px;
	padding: 6px 0 0 0;
	background-color: #ddd;
	text-align: center;
	color: #555;
	font-size: 10px;
}


/* main blocks */

.contentBoxes {
    clear: both;
    padding: 0;
	font-size: .9em;
	margin: 0;
}

.primaryContentBox {
	margin: 0;
	padding: 0;
	height: 430px;
}

.contentBox {
    float: left;
    width: 203px;
	min-height: 220px;
    margin: 0 0px 8px 0px;
    padding: 0 0px 0 0;
}

.boxContent {

}

.contentBoxes h4 {

}
.contentBoxes p {
	margin: 0;
}

.contentBox h3 {
    margin: 0;
    padding: 0px;
    color: #333;
	width: 100%;
}
.contentBox h4 {
	padding: 0;
}

.contentBox p {
	margin: 0;
	padding: 2px 4px 4px 4px;
}


.logo {
}

.logo h1 {
	background: url(dhb_title2.gif) top left no-repeat;
	text-align: center;
	margin: 0 0 0px 0;
	font-size: 1px;
	color:#FF6600;
	height: 40px;
	background-color: white;
}


#headerLinks {
    font-size: 1.1em;
    font-weight: bold;
	text-transform: uppercase;
}

#headerBlurb {

}

#header .picFloat {
	float: right;
	width: 308px;
	margin-top: 1px;
}

#header .pic {
    height: 160px;
	width: 308px;
	border: 1px solid #999;
}

#header .picCaption {
    padding: 0px 0px 0px 2px;
	font-size: 10px;
	width: 100%;
}

#nextPhoto {
	float: right;
	margin-right: 1px;
}

#header .topLeft {
    width: 420px;
}


#headerWelcome {
    font-size: 12px;
}

#headerWelcome h3 {
    margin: 0px 0px 2px 0;
    font-size: 12px;
}

#headerWelcome .fundraiser {
/*	border-bottom: 4px solid #FFE861; */
	padding: 0px 0px 4px 0px;
	height: 96px;
	margin: 0 4px 0 0px;
	background-color: #FFFAC0;
}

.fundraiser h3 {
	text-align: center;
    margin: 0px 0px 3px 0;
	padding: 1px 0 1px 0;
	background-color: #FFE861;

}

.fundlow {
	padding: 3px 5px 0 5px;
}

#headerWelcome .freshFunds {
	float: left;
	margin: 2px 10px 0 2px;
	width: 110px;
	padding: 3px 0px 0px 0px;
	text-align:center;
	background-color: white;
	font-size: 10px;
	margin-left: 2px;
}

.fundraiser form {
	display: inline;

}

.fundraiser input {
	display: inline;
}

#headerWelcome .fresh {
	float: left;
	margin: 1px 13px 0 0;
	width: 110px;
	padding: 3px 3px 0px 3px;
	text-align:center;
	background-color: white;
	border: 1px solid #999;
	font-size: 10px;
	margin-left: 2px;
}

.fresh img {
	padding: 0px;
}

#headerWelcome .recent {
	float: left;
}

#headerWelcome ul {
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 2px 0 0 0px;
}

#headerWelcome li {
	margin: 0px 0px 4px 0;
	padding: 0;
}

#header .mission {
    line-height: 1.4em;
    font-size: 11px;
	margin-bottom: 15px;
	margin-bottom: 12px;
	margin-top: 0px;
}

.mission p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.headerSupporting {
	width: 246px;
	float: right;
	border-left: 1px solid #999;
	margin: 0 0 0 10px;
	padding: 0 0px 0 5px;
}

.leadLetter {
	margin-top: 6px;
	font-size: 34px;
	float: left;
 	color: #A53030;
	font-weight: bold;
	height: 22px;
	margin-right: 3px;
}	


.headerSupporting a {
	font-weight: bold;

}

.headerSupporting p {
	margin: 5px 0 0 0;
}


#mainContent .featured h3 {
    font-size: 1em;
	margin: 0;
}

#frontCenter {
	float: left;
}

#mainContent .wideHalf {
	padding: 0 2px 12px 11px;
	width: 234px;
	line-height: 1.5em;
}
#mainContent .wideHalf img {
    border: 1px solid #999;
    background-color: #FFF;
    color: #333;
	display: block;
	margin-bottom: 2px;
}

#mainContent .wideHalf h3, #mainContent .wideHalf h3 a  {
	margin: 2px 0px 0px 0px; 
}

#mainContent .wideHalf p {
	font-size: 12px;
	margin: 0;
	padding: 2px 0px 0px 0px;
}

#stateDrop {
    margin: 0;
	display: inline;
	font-size: 12px;
}


#mainContent .tallHalf {
	float: left; 
	width: 175px;
	border-right: 1px solid #999;
	margin: 0;
	font-size: 11px;
}

.tallHalf input {
	font-size: 10px;
}


#mainContent .tallSection {
	padding: 0 5px 0px 2px;
	margin: 1px 0 10px 0;
}

.tallSection h4 {
	text-transform: uppercase;
}

.tallSectionFloat {
	float: left;
	border: 1px solid #999;
	margin: 3px 3px 0px 0;
}

.mission form {
	display: inline;
	font-size: 11px;
	color: #333;
	color: #EF7D00;
	color: #000000;
}

#emailbox {
	font-size: 10px;
	border: 1px solid #999;
	padding-left: 2px;
	margin-right: 0px;
	background-color: #fff;
	color: #000000;
	display: inline;
}

#emailsubmit {
	font-size: 10px;
	border: 0px solid black;
	font-weight: bold;
	font-weight: normal;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
}

#emailsubmit:hover {
	background-color: #F5C65A;		
}

#lowerContent {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}


#postalAdContent {
    padding: 5px 5px;
    background-color: #004B8A;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
#postalAdContent a {
    color: #FFF !important;
    text-decoration: underline !important;
}


#lowerContent h3 {
}
#interview {
    clear: both;
	padding: 10px 5px 10px 5px;
	height: 126px;
}

#interview .articletitle {

}

#interview .interviewPicture {
	float: left;
	margin: 0 5px 0 0;
}

#interview .interviewWords {
	float: left;
	width: 240px;
}

#interview p {
	padding: 0;
	font-size: 12px;
}

.interviewBody {
	padding: 0;
	height: 84px;
}

#nextInterview {
	text-align: center;
	margin: 0 0 0 0px;
	font-size: 10px;
}

#nextInterview a {
	font-weight: bold;
}

.labsBox {
	float: left;
	width: 264px;
	padding: 0 7px 0 5px;
	border-right: 1px solid #999;
	height: 173px;
	font-size: 12px;
	margin-bottom: 10px;
}

.labsBox img {
	margin-bottom: 3px;
}

.moreStuff {
	float: left;
	width: 135px;
	padding: 0 0 0 8px;
	height: 173px;
	font-size: 11px;
	margin-bottom: 10px;

}

.moreStuff p {
	padding: 0;
}

.moreStuff a {
display: block;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
}

.postalBox {
	border: 1px solid #999;
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 12px 4px;
	height: 91px;
	font-size: 12px;
	background-color: #CED1FF;
}

.postalBox img {
	float: left;
	margin-right: 6px;
}

.postalDescription {
width: 142px;
	float: left;
}



/* project gallery css is below */




#infoBomb {
	font-weight: normal;
	margin: 5px;
	background-color: white;
}

#readings {
	background-color: white;
	font-size: 1.1em;
	margin: 15px 0 0px 5px;
}

.reading {
	margin: 0px 0 0px 0;
	padding: 11px 0 11px 0;
	border-bottom: 1px dotted #666;
	line-height: 1.2em;
	color: #333333;
}

.smallReading {
	margin: 0px 0 0px 0;
	padding: 4px 0 4px 0;
	line-height: 1.2em;
	color: #333333;
}

#readDHB {
	float: left;
	width: 197px;
	padding: 0 6px 0px 6px;
	margin-bottom: 20px;
}

#readOthers {
	float: left;
	width: 197px;
	border-left: 1px dotted #999;
	padding: 0 0px 0px 6px;
	margin-bottom: 20px;
}

#readings h3 {
	text-transform: uppercase;
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}

.reading a {
	font-weight: bold;
	font-size: 12px;
}

.smallReading a {
	font-weight: bold;
	font-size: 11px;
}

.reading .readingDescription a {
	display: inline;
	color: black;
	font-weight: normal;
	margin: 0;
}

.reading a:hover {
	text-decoration: underline;
}

.reading p {
	margin: 0;
	padding: 0;
}

#organizations {
	font-size: 10px;
	margin-left: 2px;
}

#organizations p {
	padding: 0 0px 0 1px;
}

#orgLeft {
	float: left;
	width: 209px;
/*	border-left: 1px solid #999;
	border-bottom: 1px solid #999; */
	background-color:#FBFFFB;
}

#orgRight {
	float: left;
	width: 209px;
/*	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; */
	border-left: 1px solid #999; 
	background-color:#FBFFFB;
}

.sideHeaderL {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #006600;
    padding: 1px 0px 1px 0;
    text-align: center;
    background-color: #f3f3f3;
	border-left: 1px solid #999;
}

.sideHeaderR {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #006600;
    padding: 1px 0px 1px 0;
    text-align: center;
    background-color: #f3f3f3;
	border-right: 1px solid #999;
}


#organizations p {
	color: #006600;
	padding: 4px 0px 4px 0px;
	border-top: 1px dotted #8B8;
	font-size: 9px;
	margin: 0 2px 0 2px;
}

#organizations .first {
    border-top: 0px dotted #8B8;
}

#organizations a {
    color: #006600;
    font-weight: bold;
    text-decoration: none;
}

.stayLeft {
	width: 140px;
	text-align: center;
}

.newsLink {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 1px 0;
	text-align: right;
	width: 100%;
	text-decoration: none;
	color: #666;
	height: 23px;
	line-height: 11px;
}

.newsLink a {
	display: block;
	float: right;
	width: 100px;
	padding: 1px 3px 0px 0;
	font-weight: bold;
	text-transform: lowercase;
}

#blog {
    height: 2414px; 
    width: 309px;
    padding: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(blog_corner_white.gif) top right no-repeat;
	background-color:#f3f3f3;
	background-color: #F1E5DB;
	color: #222;
	color: #3A2520;
	border: 1px solid #73524B;
}

#blogNewsBody {
    padding: 0px 10px 20px 10px;
}

#blogNewsBody h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 0;
}

#blogNewsBody h3 {
	font-size: 12px;
}


#blogNewsBody br {
	font-size: 5px;
	line-height: 5px;
	margin: 0;
	padding: 0;
}

#readMoreLink {
padding: 2px 0 1px 0;
background-color: #666;
text-transform: uppercase;
text-align: center;
font-size: 10px;
}

#readMoreLink a {
color: white;
font-weight: bold;
background: url(read_more_link.gif) top center no-repeat;
}

#readMoreLink a:hover {
color: #990000;
background: url(read_more_link2.gif) top center no-repeat;
text-decoration: none;
}


#secretContent h2 {
    font-size: 11px;
    color: #555577;
    margin: 0px 0 0px 0px;
	hieght: 15px;
}

#secretContent .contentBoxes {
    margin-top: 0px;
    padding-top: 0px;
}

#secretContent .contentBox {
    width: inherit;
}

#secretContent p {
padding: 0;
margin: 0px 0 16px 0;
}

#secretContent h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

/* PROJECT GALLERY */


#mainContent .projects {
	padding: 2px 7px 0px 7px;
	margin: 0 0 8px 0px;
	width: 414px;
	height: 300px;
	background: url(projects_shadow.gif) top left no-repeat;
}

.projectsTop {
	height: 0px;
	border-top: 1px solid black;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.projectsBottom {
	clear: both;
	font-size: 0;
	height: 0px;
	border-bottom: 1px solid black;
	margin: 0;
	padding: 0;
}

.project {
	float: right;
	width: 232px;
	height: 264px;
	padding: 7px 8px 7px 8px;
	margin: 0;
	border-left: 1px solid #666;
	background-color: #FFFFFF;
}

.project p {
	padding: 5px 0 0 0;
	font-size: 11px;
	line-height: 1.3em;
}

.projectPicture {
	margin-top: 0px;
	width: 100%;
	height: 132px;
	text-align: center;
	margin-bottom: 0px;
}

.projects h2 {
	font-size: 11px;
	margin: 0;
	padding: 2px 1px 2px 4px;
	background-color: #F9FF7B;
	text-transform: uppercase;
	height: 13px;
	border-bottom: 1px solid black;
	font-weight: normal;

}

.project a {
	text-decoration: underline;
}

.tabnavProjects {
	float: left;
	width: 165px;
	background-color: #FBF0CC;
	list-style: none;
	padding: 6px 0 6px 0;
	margin: 0;
}

.tabnavProjects li {
	list-style: none;
	padding: 0;
	margin: 0px 0 0px 0;
	font-size: 12px;
}

.tabnavProjects a {
	height: 16px;
	padding: 10px 0 10px 5px;
	margin: 0px 0px ;
	display: block;
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #FBF0CC;
	border-bottom: 1px solid #FBF0CC;
    text-decoration: none;
}

a.activeProject {
    background-color: #fff;
    text-decoration: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.projectTeaser {
	color: #666;
	font-weight: normal;
	font-size: 11px;
}




/* HEADER TABS */

.tabSectionV {
	margin: 0;
    padding: 9px 13px 0px 11px;
	line-height: 1.4em;
	border-right: 0px solid #ccc;
	font-size: 11px;
}

.tabSectionV p {
	margin: 0 0 6px;
}

.largePeriods {
    text-align: center;
    margin: 5px 0 3px 0px;
}

.tabnavHeader {
    padding: 0;
    margin: 0px 0px 0px 0px;
    list-style: none;
	border-left: 0px solid #FF8900;
	height: 21px;
}

.tabnavHeader li {
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
}


.tabnavHeader a {
	display: block;
	font-weight: bold;
	margin: 0 0px 0 0px;
	padding: 7px 5px 2px 5px;
	width: 117px;
	font-size: 10px;
	text-align:center;
	text-decoration: none;
	background: url(tab_top_plain1.gif) top left no-repeat;
	text-transform: lowercase;
	border: 1px solid #999999;
	border-left-width: 0;
	border-top-width: 0;
	border-right-width: 0;
}

.tabnavHeader a:hover,
.tabnavHeader a:active {
	font-weight: bold;
}

.tabnavHeader .current {
	background-color: #ECF3F8;
	background: url(tab_top.gif) top left no-repeat;
	background-color: #E2EBF3;
	font-weight: bold;
}

#headerDonateButton {
border-right-width: 0;
	width: 116px;
}



/* BLOG TABS */

.tabnav {
    padding: 0px 0px 0px 0px;
	margin: 0 0 7px 130px;
    list-style: none;
    line-height: 1em;
    border-bottom-width: 0;
	text-align: right;
}

.tabnav li {
	float: left;
	margin: 0;
	padding: 0;
}

.tabnav a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	padding: 2px 0px 3px 0px;
	font-size: 10px;
	font-weight: bold;

}

.tabSection {
	line-height: 1.4em;
}


/*  BLOG */



#rsslink {
	clear: both;
    padding: 0px 8px 20px 10px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
}

#rsslink a {
    color: #000000;
}

.blogEntry {
    margin-bottom: 20px;
    padding: 0px 10px 20px 10px;
}


.postHead {
	margin-bottom: 3px;
}

.postTitle {
	font-weight: bold;
	font-size: 15px;
	color: #000066;
	color: #A53030;
	color: #A53030;
}


.blogdate {
    font-size: 11px;
    margin: 0px 0 0 0;
	color: #666;
	color: #73524B;
	text-transform: uppercase;
}

.blogdate a {
    color: #444;
}

.storycontent {
	margin-top: 5px;
	clear: both;
	font-size: 12px;
	line-height: 1.7em;
}

.blog_float_r_flow {
    float: right;
    margin: 0 0 0px 0px;
}

.blog_float_r {
    float: right;
    margin: 0 0 8px 10px;
}

.blog_float_r a {
    color: black;
    padding: 0px;
    margin: 0;
}

.blog_float_r img {
    border: 1px solid black;
}

#readmore {
	text-align: left;
	font-weight: bold;
	color: #757575;
	padding-left: 16px;
}

#readmore a {
	text-align: left;
	font-weight: bold;
	color: #757575;
}

#postlist {
	color: black;
	padding-left: 0px;
}

#postlist ul  {
	list-style: none;
	margin: 0;
	padding-left: 1em;
	text-indent: 3px;
}

#postlist a {
	color: black;
}