* { margin:0; padding:0; }

html, body { height:100%; }

body {
font:0.75em/1.7em Verdana;
}

#superwrap {
height:100%;
background:url(head.png) repeat-x top;
}

a { color:#44697d; }

a img { border:0; }

#wrap {
width:990px;
margin:0 auto;
position:relative;
top:0;
left:0;
}

#top {
position:relative;
width:100%;
height:161px;
z-index:2;
}

h1 {
width:190px;
height:160px;
background:url(h1.png) no-repeat;
font-size:0;
text-indent:-2000px;
float:left;
margin-right:8px;
}

h1 a {
display:block;
width:100%;
height:100%;
}

h3.open {
color:#36687e;
font-weight:normal;
height:27px;
margin-top:10px;
padding:5px 0 0 25px;
background:url(arrow.png) left center no-repeat;
}

h3.open a {
text-decoration:none;
color:#36687e;
}

#topRight {
float:right;
background:#ffffff;
width:786px;
padding:0 3px;
height:161px;
position:relative;
}

#topImages {
position:relative;
height:133px;
}

#topImages h2 {
background:url(topImages.png) no-repeat;
width:789px;
height:22px;
font-size:0;
text-indent:-2000px;
position:absolute;
bottom:0;
left:0;
}

#topImages img {
float:left;
}

#topImages img + img {
margin-left:3px;
}

#menu {
position:absolute;
bottom:0;
left:2px;
list-style:none;
z-index:20;
}

#menu li {
display:block;
float:left;
text-transform:uppercase;
text-align:center;
margin-right:4px;
position:relative;
}

#menu li a {
border-left:1px solid #a69993;
border-right:1px solid #a69993;
display:block;
width:100%;
height:23px;
text-decoration:none;
padding-top:2px;
font-size:0.85em;
color:#ffffff;
background:#4c3327;
}

#menu li:hover ul {
display:block;
}

#menu li ul {
display:none;
position:absolute;
top:25px;
left:0;
z-index:50;
background:#b9c9d0;
height:100%;
}

#menu li ul li {
border-top:1px solid #a69993;
background:#b9c9d0;
width:100%;
text-transform:none;
}

#menu li ul .smaller {
font-size:0.8em;
}

#menu li ul li a {
background:#b9c9d0;
color:#44697d;
}

#menu #homeMenu, #menu #homeMenu ul { width:109px; }
#menu #aboutMenu, #menu #aboutMenu ul { width:118px; }
#menu #eventMenus, #menu #eventMenus ul { width:105px; }
#menu #communityMenu, #menu #communityMenu ul { width:168px; }
#menu #grantsMenu, #menu #grantsMenu ul { width:107px; }
#menu #helpMenu, #menu #helpMenu ul { width:158px; }

#menu .active, #menu a:hover {
background:#44697d;
color:#b5c5cc;
border-left:1px solid #a2b4be;
border-right:1px solid #a2b4be;
}

#dlogin {
font-size:0.75em;
text-transform:uppercase;
position:absolute;
text-decoration:none;
top:160px;
left:50px;
}

#content {
position:relative;
}

#leftContent {
margin:36px 0 0 20px;
width:700px;
min-height:400px;
}

#fullContent {
margin:36px 0 0 20px;
width:100%;
min-height:400px;
}

.introText {
display:block;
margin:36px auto 30px auto;
/*margin:36px 0 30px 75px;*/
width:auto;
}

.ocontent .introText {
margin-top:0;
}

.iThome {
margin:36px auto 30px auto;
}

.inline {
display:inline;
font-size:1.1em;
color:#36687e;
text-transform:uppercase;
font-weight:bold;
}

.mrgbt { margin-bottom:10px; }
.mrgbtp { margin-bottom:15px; }
.mrgbtpp { margin-bottom:20px; }
.mrgbtt { margin-top:10px; margin-bottom:10px; }

.bluec, a.bluec { color:#44697d; }
.brownc, a.brownc { color:#4c3327; }
.greenc, a.greenc { color:#6a7029; }

.ninline {
font-size:1em;
color:#36687e;
text-transform:uppercase;
font-weight:bold;
}

#rightMenu {
width:147px;
position:absolute;
top:-20px;
right:50px;
list-style:none;
}

#rightMenu li {
width:147px;
height:98px;
margin-bottom:14px;
}

#rightMenu #donateMenu {
background:url(donate.png) no-repeat;
}

#rightMenu #ourstoriesMenu {
background:url(ourstories.png) no-repeat;
}

#rightMenu #volunteerMenu {
background:url(volunteer.png) no-repeat;
}

#rightMenu #whatsnewMenu {
background:url(whatsnew.png) no-repeat;
}

#rightMenu li a {
font-size:0;
text-indent:-2000px;
display:block;
width:100%;
height:100%;
}

.clearfoot {
clear:both;
}

#footwrap {
width:100%;
height:183px;
margin-top:30px;
background:#3a6a7e;
}

#foot {
margin:0 auto;
width:950px;
height:183px;
position:relative;
}

#sponsors {
float:left;
padding-top:25px;
width:700px;
background:url(sponsorBorder.png) right no-repeat;
}

#sponsors img {
margin-right:10px;
}

#contact {
font-size:0.9em;
line-height:1.2em;
float:left;
color:#ffffff;
margin:20px 0 0 30px;
}

#contact p {
margin-bottom:10px;
}

#contact a {
color:#ffffff;
text-decoration:none;
}

#contact #design {
font-size:0.8em;
text-transform:uppercase;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.excerpt {
margin-bottom:15px;
}

.more {
color:#44697d;
text-transform:uppercase;
text-decoration:none;
font-size:1.15em;
}

#whatsnewSub .more {
font-size:1em;
}

.more:hover {
text-decoration:underline;
}

#board {
margin-top:10px;
width:135px;
height:24px;
background:url(moreright.png) no-repeat right center;
}

#board a {
text-transform:uppercase;
text-decoration:none;
color:#4c3327;
}

#board a:hover {
text-decoration:underline;
}

.bioheadshot {
float:left;
margin:5px 10px 5px 0;
border:8px solid #36687e;
}

.biotext {
float:left;
width:300px;
}

#backtoboard {
text-transform:uppercase;
text-decoration:none;
position:absolute;
bottom:0;
right:0;
}

#backtoboard:hover {
text-decoration:underline;
}

#whatsnew {
height:70px;
margin-top:20px;
padding:10px;
background:#dce4e7;
overflow:hidden;
position:relative;
}

#whatsnewSub {
height:auto;
position:relative;
}

#whatsnewSub p {
height:70px;
margin-bottom:10px;
}

#scrollup {
display:block;
background:url(scrollup.png) no-repeat;
width:15px;
height:16px;
font-size:0;
text-indent:-2000px;
position:absolute;
top:3px;
right:3px;
}

#scrolldown {
display:block;
background:url(scrolldown.png) no-repeat;
width:15px;
height:16px;
font-size:0;
text-indent:-2000px;
position:absolute;
bottom:3px;
right:3px;
}

.newsUpdateBox h2 {
color:#26697f;
text-align:center;
font-size:1.2em;
}

#whatsnew img {
float:left;
}

#whatsnew div {
margin-left:15px;
width:515px;
float:left;
}

#boardList {
margin-top:15px;
list-style:none;
float:left;
width:250px;
font-size:0.9em;
}

#boardList li {
margin-bottom:7px;
}

#boardList a {
color:#000000;
text-decoration:none;
padding-left:15px;
}

#boardList li:hover {
background:url(blueleft.png) no-repeat left center;
}

#boardList a:hover, #boardList .active a {
color:#44697d;
}

#boardPhotos {
margin-top:15px;
float:left;
width:450px;
}

#boardPhotos img {
margin:0;
padding:0;
}

#boardPhotos a {
float:left;
margin:2px;
display:block;
position:relative;
width:108px;
height:115px;
}

#boardPhotos a span {
background:url(boardBorder.png) center center no-repeat;
position:absolute;
top:0;
left:0;
width:108px;
height:115px;
}

#boardPhotos a:hover span {
display:block;
}

#contribs {
clear:both;
width:784px;
padding-bottom:10px;
height:100%;
}

#contribs div {
clear:both;
}

#contribs p {
float:left;
display:block;
padding:3px 8px;
height:20px;
font-size:0.9em;
}

#contribs  .th {
background:#e1e7ea;
width:275px;
color:#4c3327;
margin-right:5px;
}

#contribs  .td {
background:#f0f1e7;
width:60px;
color:#6a7029;
margin-right:10px;
}

#donateForm label {
width:130px;
float:left;
}

#sideImagesVA {
position:absolute;
bottom:-20px;
right:20px;
}

#twocols, #twocolslarge {
width:800px;
height:400px;
clear:both;
}

#twocols li {
width:300px;
float:left;
}

#twocolslarge li {
width:400px;
float:left;
}

#imagebrowser {
width:409px;
height:271px;
background:#b5c5cc;
position:relative;
overflow:hidden;
}

.vabrow {
margin-left:60px;
}

.wwwbrow {
float:left;
margin-left:20px;
margin-right:20px;
}

#imagebrowser #controls {
height:15px;
width:95px;
background:#ffffff;
position:absolute;
bottom:0;
right:0;
}

#prev {
font-size:0;
text-indent:-2000px;
width:18px;
height:15px;
background:url(leftBrowse.png) no-repeat;
display:block;
position:absolute;
top:1px;
left:0;
}

#browseC {
font-size:0;
text-indent:-2000px;
width:65px;
height:15px;
background:url(browseC.png) no-repeat;
display:block;
position:absolute;
top:0;
left:16px;
}

#next {
font-size:0;
text-indent:-2000px;
width:18px;
height:15px;
background:url(rightBrowse.png) no-repeat;
display:block;
position:absolute;
top:1px;
right:0;
}

#suboverlay {
background:url(overlay.png);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:50;
}

.overlay {
position:absolute;
top:0;
left:0;
z-index:150;
width:100%;
height:100%;
}

.overlay .ocontent {
position:relative;
top:0;
left:0;
margin:10px auto;
width:580px;
height:auto;
z-index:510;
background:#ffffff;
border:10px solid #44697d;
padding:30px 20px;
}

.overlay .ocontent p {
margin-top:10px;
}

.overlay .ocontent .indent {

}

.overlay .ocontent .nolistitems {
list-style:none;
}

.overlay .ocontent .nolistitems li {
padding:6px 0;
clear:both;
}

.overlay .ocontent .nolistitems .number {
margin-right:10px;
background:transparent none right center no-repeat;
width:40px;
height:20px;
display:block;
float:left;
text-indent:-2000px;
font-size:0;
}

.overlay .ocontent .nolistitems .n1 { background-image:url(li/1.png); }
.overlay .ocontent .nolistitems .n2 { background-image:url(li/2.png); }
.overlay .ocontent .nolistitems .n3 { background-image:url(li/3.png); }
.overlay .ocontent .nolistitems .n4 { background-image:url(li/4.png); }
.overlay .ocontent .nolistitems .n5 { background-image:url(li/5.png); }
.overlay .ocontent .nolistitems .n6 { background-image:url(li/6.png); }
.overlay .ocontent .nolistitems .n7 { background-image:url(li/7.png); }
.overlay .ocontent .nolistitems .n8 { background-image:url(li/8.png); }
.overlay .ocontent .nolistitems .n9 { background-image:url(li/9.png); }
.overlay .ocontent .nolistitems .n10 { background-image:url(li/10.png); }

.overlay .ocontent .nolistitems .rightspan {
float:left;
display:block;
width:520px;
}


.overlay .ocontent ul, .overlay .ocontent ol {
list-style-position:inside;
}

.overlay .ocontent h2 {
text-transform:uppercase;
}

.overlay .ocontent h2, .overlay .ocontent h3 {
text-align:center;
}

.overlay .ocontent .close {
display:block;
position:absolute;
top:6px;
right:8px;
background:url(close.png) no-repeat;
width:30px;
height:31px;
font-size:0;
text-indent:-2000px;
}