@charset "UTF-8";

body {
font-family: Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 62.5%;
background-color: #d2d993;
color: #3C3932;
text-align: center;
}

* {
margin: 0px;
padding: 0px;
}

img {
border: 0;
}

table {
border-collapse: collapse;
}

p,
li {
font-size: 1.2em;
line-height: 1.4em;
}

p {
margin-bottom: 0.7em;
margin-top: .3em;
}

ul {
margin-right: 2em;
margin-bottom: 1em;
margin-left: 0.25em;
margin-top: 0.3em;
}

li {
background-image: url(images/bullet_arrow.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
display: block;
list-style-type: none;
padding-left: 1em;
margin-bottom: .6em;
}

li ul {
margin-bottom: .7em;
}

li li {
font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Georgia, Times New Roman, Times, serif;
color: #5A1F56;
line-height: 1.1em;
}

h1 {
font-size: 3em;
margin-bottom: 0.9em;
font-weight: normal;
text-shadow: silver 2px 2px 3px;
}

h2 {
font-size: 1.8em;
margin-bottom: 0.6em;
margin-top: 1em;
}

h3 {
font-size: 1.5em;
margin-bottom: 0.5em;
line-height: 1.2em;
margin-top: 1.5em;
}

h4 {
font-size: 1.3em;
margin-bottom: 0.3em;
margin-top: 1.3em;
}

h5 {
font-size: 1.3em;
color: #8B6288;
margin-bottom: 0.3em;
margin-top: 1.1em;
line-height: 1.2em;
}

a:link {
font-weight: bold;
color: #5A1F56;
text-decoration: none;
}

a:visited {
font-weight: bold;
color: #764573;
}

a:hover {
color: #798612;
text-decoration: underline;
}

a:active {
color: #000000;
}

sup {
font-size: 60%;
line-height: 90%;
}

.clearer {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
display: block;
}

#topbar-wrap {
background-image: url(images/topbar-wrap-bkg.gif);
background-color: #d2d993;
}

#topbar-wrap,
#topbar-wrap div {
background-repeat: repeat-x;
background-position: left bottom;
}

#topbar-wrap div {
text-align: right;
width: 880px;
margin-right: auto;
margin-left: auto;
}

#topbar-wrap ul {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 3px;
}

#topbar-wrap li {
margin-bottom: 0px;
background-image: none;
padding-left: 0px;
float: right;
font-size: 1.2em;
}
* html #topbar-wrap li {
margin-bottom: -1px;
}
#topbar-wrap li a {
text-decoration: none;
color: #798612;
padding-bottom: 3px;
display: block;
padding-left: 1.2em;
background-repeat: no-repeat;
font-weight: normal;
}

#topbar-wrap li a:hover {
color: #4D1949;
text-decoration: underline;
}

#topbar-wrap #navPhotos a {
background-image: url(images/topbar-icon-ext-link.gif);
padding-right: 13px;
background-position: 100% 34%;
}

#topbar-wrap #navContact a {
background-image: url(images/topbar-icon-email.gif);
padding-right: 15px;
background-position: 100% 32%;
}

#topbar-wrap #navAbout a {
background-image: url(images/topbar-icon-about.gif);
padding-right: 14px;
background-position: 100% 34%;
}

#topbar-wrap #navClearer {
font-size: 0px;
line-height: 0px;
clear: both;
float: none;
height: 0px;
}

#header-wrap {
background-image: url(images/header-bkg-slice.gif);
background-repeat: repeat-x;
}

#header-wrap div {
height: 85px;
overflow: hidden;
width: 880px;
margin-right: auto;
margin-left: auto;
background: url(images/header-watermark.jpg) no-repeat 8px 0px;
}

#header-wrap h2 {
float: left;
margin: 0px;
padding: 0px;
}

#header-wrap h2 a {
display: block;
height: 56px;
width: 256px;
overflow: hidden;
background: url(images/header-logo.gif) no-repeat;
margin-top: 15px;
margin-left: 18px;
text-indent: -9999px;
}

#header-wrap p {
text-indent: -9999px;
background-image: url(images/header-tagline.gif);
background-repeat: no-repeat;
height: 86px;
width: 100px;
float: right;
background-position: left center;
}
#header-wrap #header-pic {
background-image: url(images/header-pic-g.jpg);
background-repeat: no-repeat;
display: block;
float: right;
height: 88px;
width: 212px;
}

#content-wrap {
background-color: #FFF;
background-image: url(images/content-wrap-topedge.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#content-wrap-inner {
background-repeat: repeat-y;
background-color: #FFF;
background-image: url(images/content-wrap-bkg.gif);
width: 880px;
margin-right: auto;
margin-left: auto;
text-align: left;
padding-bottom: 20px;
background-position: right top;
}

#content-top-edge {
background-repeat: repeat-x;
width: 668px;
background-image: url(images/content-wrap-topedge.gif);
height: 7px;
margin-bottom: -7px;
}

/*------ main navigation  -------*/

#nav-wrap {
background-color: #4D1949;
}

#nav-wrap-inner {
width: 880px;
margin-right: auto;
margin-left: auto;
background-image: url(images/header-pic-g.jpg);
background-repeat: no-repeat;
background-position: right -85px;
}

#nav {
margin-top: 0;
margin-bottom: 0;
margin-left: 7px;
background-image: url(images/navbar-bkg.gif);
background-repeat: no-repeat;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
background-image: none;
float: left;
}

#nav li.clearer {
font-size: 0px;
line-height: 0px;
clear: both;
float: none;
}

#nav a {
display: block;
text-decoration: none;
color: #AE8FAE;
padding-top: 2px;
padding-bottom: 4px;
font-weight: bold;
width: 100%;
}

#nav a:hover {
color: #FFFFFF;
background-color: #4A1646;
}
#nav a:active {
color: #FFFFFF;
background-color: #430F3F;
}
.volunteers #navVolunteers a,
.agencies #navAgencies a,
.business #navBusinesses a,
.resources #navResources a,
.donate #navDonate a {
color: #FFFFFF;
}

#navVolunteers {
width: 14%;
}

#navAgencies {
width: 13%;
}

#navBusinesses {
width: 14%;
}

#navResources {
width: 11%;
}

#navDonate {
width: 9%;
}

/* --- end nav ----- */

#main-content {
padding-left: 20px;
float: left;
padding-top: 30px;
width: 624px;
}
#socialLinks {
padding-top: 20px;
padding-left: 264px;
clear: both;
}

#home #socialLinks {
padding-left: 372px;
}
#socialLinks p {
float: left;
width: 16px;
margin-right: 10px;
}
#socialLinks a {
display: block;
background-repeat: no-repeat;
background-position: left center;
font-weight: normal;
font-size: 0px;
line-height: 0px;
text-indent: -9999px;
height: 16px;
width: 16px;
}

#socialLinks #facebook a {
background-image: url(images/facebook_icon.gif);
}

#socialLinks #digg a {
padding-left: 0px;
}

#socialLinks #digg {
}

#socialLinks #linkedin a {
background-image: url(images/linkedin_icon.gif);
}
#socialLinks #googleBookmarks a {
background-image: url(images/google_icon.gif);
}
#socialLinks #yahooBookmarks a {
background-image: url(images/yahoo_icon.gif);
}


/* ---- sidebar -----*/

#sidebar {
width: 192px;
float: right;
background-image: url(images/sidebar-topedge.gif);
background-repeat: repeat-x;
padding-right: 10px;
padding-left: 10px;
padding-top: 26px;
}

#sidebar p {
font-size: 1.1em;
}

#sidebar .module {
margin-bottom: 15px;
}

#sidebar .module h3 {
background-repeat: no-repeat;
background-image: url(images/sidebar-hr.gif);
background-position: left bottom;
padding-bottom: 0.4em;
font-size: 1.3em;
margin-bottom: 0.2em;
margin-top: 0px;
}

#sidebar #BVUlogo,
#sidebar #HandsOn {
margin-bottom: 10px;
text-align: center;
font-size: 9px;
line-height: 9px;
color: #8E8576;
}

#sidebar #BVUlogo {
margin-bottom: 15px;
}

#sidebar #BVUlogo a,
#sidebar #HandsOn a {
background-repeat: no-repeat;
display: block;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
text-indent: -9999px;
background-position: center center;
text-decoration: none;
}

#sidebar #BVUlogo a {
background-image: url(images/sidebar-bvu-logo.gif);
height: 30px;
}

#sidebar #HandsOn a {
background-image: url(images/sidebar-handson-logo.gif);
height: 111px;
}

#sidebar #vol-op-list ul {
margin-top: 1em;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#sidebar #vol-op-list li {
background-image: none;
margin: 0px;
padding: 0px;
list-style: none;
}

#sidebar #vol-op-list a {
text-decoration: none;
background-repeat: no-repeat;
display: block;
padding-top: 9px;
padding-bottom: 12px;
padding-left: 31px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: normal;
font-size: 13px;
line-height: 13px;
background-position: 0px center;
}

#sidebar #facebook a {
background-image: url(images/sidebar_facebook_link2.png);
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 40px;
background-position: center center;
margin-top: 22px;
margin-bottom: 20px;
}
* html #sidebar #vol-op-list a {
height: 13px;
}

#sidebar #vol-op-list a:hover {
text-decoration: underline;
}

#sidebar #vol-op-list #vol-environment a {
background-image: url(images/vol-op-icon-environment.gif);
}

#sidebar #vol-op-list #vol-youth a {
background-image: url(images/vol-op-icon-youth.gif);
}

#sidebar #vol-op-list #vol-arts a {
background-image: url(images/vol-op-icon-arts.gif);
}
#sidebar #vol-op-list #vol-group a {
background-image: url(images/vol-op-icon-group.gif);
}

#sidebar #vol-op-list #vol-basic a {
background-image: url(images/vol-op-icon-basic.gif);
}

#sidebar #vol-op-list #vol-education a {
background-image: url(images/vol-op-icon-ed.gif);
}

#sidebar #vol-op-list #vol-family a {
background-image: url(images/vol-op-icon-family.gif);
}

#sidebar #vol-op-list #vol-hlthycomm a {
background-image: url(images/vol-op-icon-healthycomm.gif);
}

#sidebar #vol-op-list #vol-np-sfe a {
background-image: url(images/vol-op-icon-md_nonprofits.gif);
margin-top: -7px;
}
#sidebar #vol-op-list #vol-skilled a {
background-image: url(images/vol-op-icon-skilled.gif);
margin-top: -6px;
}

#sidebar #box2 .title {
font-style: italic;
}

/* ---- footer stuff ----- */

#footer {
color: #7F912F;
font-size: 95%;
padding-bottom: 1em;
}

#footer ul {
margin: 0px;
background-color: #40173E;
background-position: 0px 0px;
background-image: url(images/footer-nav-bkg-slice.gif);
background-repeat: repeat-x;
padding-top: 0.4em;
padding-bottom: .5em;
}

#footer li {
display: inline;
margin: 0px;
background-image: none;
border-right: 1px solid #6F3C6C;
padding: 0px;
}

#footer li#footerHome {
border-left: 1px solid #6F3C6C;
}

#footer li#footerHome a {
padding-left: .8em;
}

#footer li a {
text-decoration: none;
padding-right: 0.75em;
padding-left: 0.6em;
color: #C6B1C4;
font-weight: normal;
font-size: 1em;
line-height: 1em;
}

#footer li a:hover {
color: #FFFFFF;
text-decoration: underline;
}

* html #footer li a {
padding-left: 1.1em;
}

#footer p {
line-height: 1em;
background-image: url(images/footer-legal-bkg-slice.gif);
background-repeat: repeat-x;
padding-bottom: 0.3em;
margin-bottom: 0px;
padding-top: 0.6em;
margin-top: 0px;
}

#footer p a {
padding: 0px;
color: #7F912F;
}

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

/* ---- end footer -----*/

#main-content-col2 {
float: right;
width: 220px;
}
ol.number_img {
margin-left: 0px;
padding-left: 0px;
}

li.numberone,
li.numbertwo,
li.numberthree,
li.numberfour,
li.numberfive {
background-repeat: no-repeat;
background-position: 0px 2px;
list-style-type: none;
display: block;
padding-left: 18px;
}

li.numberone {
background-image: url(images/bullet_1.gif);
}

li.numbertwo {
background-image: url(images/bullet_2.gif);
}

li.numberthree {
background-image: url(images/bullet_3.gif);
}

li.numberfour {
background-image: url(images/bullet_4.gif);
}

li.numberfive {
background-image: url(images/bullet_5.gif);
}