@charset "UTF-8";

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.centeredText {
text-align: center;
}

.feature-box {
background-image: url(images/feature-box-a-bkg-slice.gif);
background-repeat: repeat-x;
text-align: center;
margin-bottom: 18px;
background-color: #e6ebbe;
border: 1px solid #e3e6c5;
padding-top: 7px;
padding-bottom: 8px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}

.feature-box h3,
.feature-box h4,
.feature-box h5,
.feature-box p {
padding: 0px 10px;
margin-top: 0px;
}
.feature-box p {
font-size: 100%;
}

.feature-box .button a {
margin-bottom: -5px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}

#volsolsearch .vsinput {
width: 98%;
margin-top: 4px;
}

#volsolsearch h3 { font-size: 160%; }

.imgFloatRight {
float: right;
margin-top: 5px;
margin-bottom: 8px;
margin-left: 15px;
}

.imgFloatLeft {
float: left;
padding-right: 10px;
padding-bottom: 6px;
}

.divPhotoFloatR,
.divPhotoFloatL {
font-size: 1em;
margin-bottom: 15px;
width: 220px;
line-height: 1.3em;
padding-bottom: 0.7em;
padding-top: 0.7em;
border-top: 1px solid #d2d993;
border-bottom: 1px solid #d2d993;
}

.divPhotoFloatR { float: right; }
.right-column .divPhotoFloatR { float: none; }
.divPhotoFloatL {
float: left;
margin-right: 16px;
}

.divPhotoFloatR img,
.divPhotoFloatL img {
padding-bottom: 4px;
}
.back-top {
text-align: center;
margin-top: 2em;
font-size: 1.0em;
line-height: 1em;
}

.back-top a {
text-decoration: none;
}

.boldRed {
font-weight: bold;
color: #CC0000;
}

.nobreak {
white-space: nowrap;
}

.lg-top-margin {
margin-top: 1.5em;
}

.bvu-green {
color: #8A9E3A;
}

/* -------- buttons ---------*/

.button {
margin-top: 1.3em;
margin-bottom: 1em;
}
.button a {
background-repeat: no-repeat;
text-indent: -9999px;
height: 20px;
display: block;
background-position: 0px 0px;
text-decoration: none;
}

.button a:hover {
background-position: 0px -20px;
text-decoration: none;
}

.volunteer a {
background-image: url(images/btn-volunteer_now.gif);
width: 135px;
}

.getstarted a {
background-image: url(images/btn-get_started.gif);
width: 112px;
}

.programs a {
background-image: url(images/btn-programs.gif);
width: 181px;
}

.commresources a {
background-image: url(images/btn-comm_resources.gif);
width: 181px;
}

.skillsbank a {
background-image: url(images/btn-skills_bank2.gif);
width: 178px;
}

.register a {
background-image: url(images/btn-register_agency.gif);
width: 202px;
}

.share a {
background-image: url(images/btn-share_your_expertise.gif);
width: 172px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
.take-survey a {
background-image: url(images/btn-take_survey.gif);
width: 152px;
margin: 10px auto 5px;
}
.sign-up a {
background-image: url(images/btn-sign_up.gif);
width: 112px;
}

.click-to-register a {
background-image: url(images/btn-click_to_reg.gif);
width: 182px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}

.post a {
background-image: url(images/btn-post_opp.gif);
width: 224px;
}

.tipsforposting a {
background-image: url(images/btn-tips_for_posting.gif);
width: 234px;
}
.newvolcoords a {
background-image: url(images/btn-fornewcoords.gif);
width: 246px;
}
.group_volunteering a {
background-image: url(images/btn-group_volunteering.gif);
width: 200px;
}
.voluntourism a {
width: 124px;
background: url(images/btn-voluntourism.gif);
}
.resourcesbtn a {
background-image: url(images/btn-resources.gif);
width: 126px;
}
.stories a {
background-image: url(images/btn-stories.gif);
width: 188px;
}
.readnow a {
background-image: url(images/btn-readnow.gif);
width: 105px;
}
.abag a {
background-image: url(images/btn-visit_abag.gif);
width: 106px;
}

/* ---- end buttons -------*/

#voluntourism .getstarted {
margin-right: 16px;
}

#voluntourism .right-column img {
padding-bottom: 75px;
}

#voluntourism_app #formTable {
width: 520px;
}

.required {
font-style: italic;
font-weight: bold;
color: #8A9A30;
}
#voluntourism_app #formTable td {
padding-bottom: 5px;
vertical-align: top;
}

#voluntourism_app #formTable .leftcol {
text-align: right;
padding-right: 8px;
width: 40%;
}

#voluntourism_app #formTable form h4 {
margin-top: .2em;
margin-bottom: .2em;
}

#voluntourism_app #formTable .textField {
width: 300px;
}

#voluntourism_app #formTable span.error {
color: #F00;
padding-top: 3px;
}

.agencies #header-wrap #header-pic,
.agencies #nav-wrap-inner {
background-image: url(images/header-pic-c.jpg);
}
.business #header-wrap #header-pic,
.business #nav-wrap-inner {
background-image: url(images/header-pic-e.jpg);
}
.volunteers #header-wrap #header-pic,
.volunteers #nav-wrap-inner {
background-image: url(images/header-pic-j.jpg);
}
.resources #header-wrap #header-pic,
.resources #nav-wrap-inner {
background-image: url(images/header-pic-d.jpg);
}
.donate #header-wrap #header-pic,
.donate #nav-wrap-inner {
background-image: url(images/header-pic-b.jpg);
}
.contact #header-wrap #header-pic,
.contact #nav-wrap-inner {
background-image: url(images/header-pic-f.jpg);
}
#about #header-wrap #header-pic,
#about #nav-wrap-inner {
background-image: url(images/header-pic-h.jpg);
}

.left-column {
float: left;
margin-top: 3px;
}

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

#home .left-column { width: 194px; }
#home .right-column { width: 404px; }
.feature-box .button a { margin-top: 6px; }
.feature-box.newsletter .readnow a { float: right;}
#content-wrap #home h2 {
margin-top: .6em;
}
.agencies .feature-box.newsletter .readnow a { margin-right: 1.2em;}

.feature-box.newsletter h4 {
color: #8A9A30;
}
.feature-box.newsletter .newspaper {
float: left;
margin-right: 8px;
margin-bottom: 6px;
}

.feature-box #signup {
padding-bottom: 4px;
}

.pdf_link img {
margin-bottom: -3px;
}
#skilled_volunteer h4 {
color: #89992E;
}

#skilled_volunteer .button a {
background-image: url(images/btn-register_as_a_volunteer.gif);
width: 173px;
}
#hands_on .button a {
background-image: url(images/btn-hands_on.gif);
width: 160px;
}

#hands_on h4 {
margin-bottom: 0.7em;
background-image: url(images/hands_on-footprints.gif);
background-position: 6px center;
padding-left: 55px;
background-repeat: no-repeat;
padding-top: 5px;
padding-bottom: 5px;
}
#signup h4 {
color: #5A1F55;
margin-bottom: 0.6em;
}

#home .right-column h2 a {
text-decoration: none;
}

#home #obama_poster h4 a {
background-image: url(images/obama_poster-thmb.jpg);
background-repeat: no-repeat;
background-position: center bottom;
display: block;
padding-bottom: 141px;
text-decoration: none;
}
#signup #sign-up-btn  {
margin-bottom: 8px;
margin-top: 3px;
background: url(images/btn-sign_up_b.gif) no-repeat;
}

.email-newsltr {
background: url(images/email_icon.gif) no-repeat 0px 2px;
padding-left: 22px;
height: 26px;
margin-top: 2em;
margin-bottom: 0px;
clear: both;
}

#about #sidebar #box2 p {
font-size: 9px;
line-height: 11px;
}

#about .partnerDiv {
background-repeat: no-repeat;
background-position: left center;
border-bottom: 1px solid #FFE29F;
padding-bottom: 3px;
padding-top: 12px;
padding-left: 128px;
min-height: 130px;
}

#about .partnerDiv h4 {
margin-top: 0px;
}

#about .partnerDiv h4 a {
text-decoration: none;
color: #8B6288;
}

#about .partnerDiv h4 a:hover {
color: #591E55;
text-decoration: underline;
background-color: #FFF9EC;
}

#about #MDAssocNonprofit {
background-image: url(images/partners-mano.gif);
}

#about #BVU {
background-image: url(images/partners-bvu.gif);
}

#about #HandsOnNetwork {
background-image: url(images/sidebar-handson-logo.gif);
background-position: 18px center;
}

#about #POL {
background-image: url(images/partners-pol.gif);
}

.contact #contactText {
padding-bottom: 2em;
padding-right: 1.5em;
}

#formWrapper select {
margin-bottom: 1em;
}

.contact .submitBtn {
text-align: right;
padding-top: 16px;
padding-right: 20px;
width: 220px;
}

#formWrapper p {
padding-bottom: 2px;
margin-top: .5em;
margin-bottom: .2em;
}

#donateNow a {
margin-bottom: 18px;
background-image: url(images/donatenowlogo4.gif);
background-repeat: no-repeat;
display: block;
height: 53px;
width: 140px;
text-indent: -9999px;
}

.agencies #googlegroups {
background-color: #FFFFFF;
border: 1px solid #d2d993;
margin-top: 1em;
margin-bottom: 1.5em;
}

.agencies #googlegroups h4 {
margin-top: 0px;
}

.agencies #googlegroups td {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 2px;
text-align: center;
}

.agencies #googlegroups img {
margin-top: 6px;
margin-left: -4px;
}
.agencies .right-column { width: 220px; }

#events .elfnight {
background-image: url(images/elfnight-graphic.gif);
width: 165px;
color: #CC0000;
padding-top: 184px;
background-position: center top;
}

#events .mlkday {
background-image: url(images/mlk_day_logo_lg.gif);
width: 220px;
color: #E80203;
padding-top: 220px;
}

#events .event_logo {
font-size: 1.3em;
line-height: 1.1em;
background-repeat: no-repeat;
float: right;
margin-bottom: 15px;
margin-left: 20px;
text-align: center;
margin-top: 12px;
}

#events #wypr {
text-align: center;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}

#events #salogo {
margin-right: 10px;
}

#events #pageHead {
display: none;
}
#events #main-content  h1 {
color: #591E55;
padding-top: 12px;
line-height: 1em;
font-weight: bold;
font-size: 2.4em;
}

#events #mdd_logo {
background-image: url(images/mdd08_lg.gif);
background-repeat: no-repeat;
float: right;
width: 200px;
margin-bottom: 15px;
margin-left: 20px;
font-weight: bold;
color: #591E55;
text-align: center;
font-size: 1.1em;
line-height: 1.1em;
padding-right: 10px;
height: 182px;
margin-top: 10px;
}
#events .click-to-register a {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1.6em;
}
#events .infoTable {
width: 100%;
border: 2px solid #F0DEB0;
background-color: #FFFFFF;
margin-top: 1em;
}

#events .infoTable p { font-size: 1.1em; }

#events .infoTable td {
vertical-align: top;
padding-right: 8px;
border-top: 1px solid #F0DEB0;
padding-top: 3px;
padding-left: 5px;
}

#events .infoTable .leftCol {
width: 20%;
}

#events .infoTable .headerCell {
background-color: #F0DEB0;
}

#events .infoTable .headerCell h3 {
margin-top: 0px;
margin-bottom: 3px;
}

#events #schedule {
font-size: 1.5em;
margin-top: 0.8em;
}

#events #sponsors {
background-image: url(images/mdd08_sponsors.png);
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
overflow: hidden;
margin-top: 20px;
background-position: center bottom;
height: 130px;
text-align: center;
}

#events #sponsors h4 {
color: #999999;
}
#events #sponsors p {
text-indent: -9999px;
line-height: 0px;
margin-bottom: 0px;
}
#calltoservice #main-content h2 a {
color: #7F8C2B;
text-decoration: none;
}

#calltoservice #main-content h2 a:hover {
color: #5A1F55;
text-decoration: underline;
}
#calltoservice #main-content h5 {
color: #AABC67;
font-weight: normal;
margin-top: -3px;
}

#calltoservice .right-column {
width: 208px;
background-image: url(images/call_to_service-right-bkg.gif);
background-repeat: repeat-y;
}

#calltoservice .right-column img {
margin-bottom: 20px;
}

#calltoservice .left-column {
width: 390px;
margin-top: -8px;
}

#calltoservice .cts-module {
width: 208px;
text-align: center;
background-image: url(images/call_to_service-module-top.gif);
background-repeat: no-repeat;
margin-bottom: 20px;
padding-top: 10px;
}

#calltoservice .cts-module div {
font-size: 0px;
line-height: 0px;
background-image: url(images/call_to_service-module-btm.gif);
background-repeat: no-repeat;
height: 14px;
margin-top: -10px;
}

#calltoservice .cts-module h3 {
color: #E2A500;
margin-bottom: 0.2em;
margin-top: 0px;
font-size: 1.7em;
}
#calltoservice .cts-module h3,
#calltoservice .cts-module p {
padding: 0px 14px;
}
#calltoservice .cts-module img {
padding-top: 6px;
padding-bottom: 9px;
margin-bottom: 0px;
}
.volunteers .left-column {
width: 370px;
}

.volunteers .right-column { width: 220px; }
.volunteers #signup email_input {
height: 1.6em;
}
.volunteers #signup h4 {
margin-bottom: 10px;
color: #5C2257;
}

.volunteers #signup p a {
color: #5C2257;
}

.agencies iframe {
margin-top: 10px;
}

#vol-spot #pageHead {
background-image: url(images/vol_spotlight_head.gif);
background-repeat: no-repeat;
height: 66px;
width: 255px;
text-indent: -9999px;
font-size: 0px;
line-height: 0px;
margin-left: -10px;
margin-bottom: 1px;
}

#vol-spot #main-content .module {
margin-bottom: 20px;
padding: 10px 15px;
border: 3px solid #D2D993;
width: 84%;
margin-top: 20px;
background: #F7FAE5;
}

#vol-spot #main-content .module.odd {
float: right;
}
#vol-spot #main-content .module img {
margin-bottom: 8px;
border: 3px solid #D9DC9F;
}
#vol-spot #main-content .module.even img {
float: right;
margin-right: -80px;
margin-left: 16px;
}

#vol-spot #main-content .module.odd img {
float: left;
margin-left: -80px;
margin-right: 16px;
}
#vol-spot #main-content .module h4 {
margin-top: 0px;
margin-bottom: 2px;
}
#vol-spot #main-content .attribute {
font-size: 1em;
}

#vol-spot #request {
font-size: 1.3em;
background-image: url(images/arrow-right.gif);
background-repeat: no-repeat;
padding-left: 12px;
background-position: 0% 65%;
}

#vol-spot #formwrapper {
text-align: center;
margin-top: -15px;
padding-top: 10px;
padding-bottom: 10px;
}

#vol-handson #formWrapper {
margin-top: 20px;
margin-bottom: 20px;
}

#vol-handson .submitBtn {
padding-top: 15px;
padding-left: 140px;
}

#vol-handson .imgFloatRight {
margin-top: 12px;
padding-right: 15px;
}

#vol-handson #main-content h2 {
background-image: url(images/hands_on-footprints.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 60px;
margin-left: -5px;
}

.smaller-text {
font-size: 80%;
}

#unitedWeServe .icon {
margin-bottom: -5px;
}
.agencies .doc_links img {
padding-right: 3px;
margin-bottom: -3px;
}
