@charset "UTF-8";

/** GLOBAL RESETS **/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: none; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }




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

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

img {
border: 0;
}

table {
border-collapse: collapse;
}

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: 2.8em;
margin-bottom: 0.9em;
font-weight: normal;
text-shadow: silver 2px 2px 3px;
}

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

h3 {
font-size: 1.4em;
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.2em;
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;
}
* html #topbar-wrap li {
margin-bottom: -1px;
}
#topbar-wrap li a {
font-size: 13px;
line-height: 13px;
text-decoration: none;
color: #798612;
padding-bottom: 6px;
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: 30px;
padding-left: 214px;
clear: both;
}

#home #socialLinks {
padding-left: 322px;
}
#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_sm a {
background-image: url(images/facebook_icon.gif);
}

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

#socialLinks #youtube a {
background-image: url(images/youtube.png);
width: 100px;
}

#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;
line-height: 1.1;
}

#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: 12px;
line-height: 12px;
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 #vol-op-list #vol-schools a {
background-image: url(images/vol-op-icon-schools.gif);
}
#sidebar #vol-op-list #vol-uwocm a {
background-image: url(images/vol-op-icon-unitedway.gif);
}

#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);
}