/* CSS Document */

body { background:url(paperBgSm.jpg) repeat; color: #222; font: normal 0.8em/1.6em Monaco, "Trebuchet MS", Verdana, sans-serif; margin:0; padding:0; letter-spacing: 1px; }

form {margin: 0; padding: 0;}


h1 {color: #b29959;}
h2 {font-weight:bold; font-size:1.1em; margin-bottom: .2em; color:#b29959; margin-top:0px;}
h3 {margin:0; padding:0;}
p {margin-top:0px;}
img {border:0;}

a {color:#00734B;}

.cleaner { display: block; clear: both; height: 1px; overflow: hidden; margin:0px; }


#page { width: 780px; text-align: left;  height: 1300px; }

/* Header Elements */

#header {  padding: 44px 0 0 0; width: 780px; background:url(paperBgSm.jpg) repeat;}
#logo {}
#logo a {display: block; background:url(logo.gif) 34px 0 no-repeat; height: 55px; width: 172px; float: left; text-indent: -1000px; overflow: hidden;}
#nav {float: left; width: 600px; display:block; margin-left: 0px; padding: 17px 0 0 0px; }
#nav ul { display: block; height: 44px; margin-top:0;}
#nav li { display: block; float: left; }
#nav li a { display: block; float: left; height: 42px;  text-indent: -1000px; overflow: hidden;  }
#nav li .nav1 { width: 99px; background: url(_nav_home.gif) 0 -42px no-repeat;}
#nav li .nav1:hover { background-position: 0 0; }
#nav li .nav2 { width: 103px; background: url(_nav_about.gif) 0 -42px no-repeat;}
#nav li .nav2:hover { background-position: 0 0; }
#nav li .nav3 { width: 223px; background: url(_nav_whyVolunteer.gif) 0 -42px no-repeat;}
#nav li .nav3:hover { background-position: 0 0; }
#nav li .nav4 { width: 105px; background: url(_nav_stories.gif) 0 -42px no-repeat;}
#nav li .nav4:hover { background-position: 0 0; }
#nav li .nav5 { width: 243px; background: url(_nav_participate.gif) 0 -42px no-repeat;}
#nav li .nav5:hover { background-position: 0 0; }
#nav li .nav6 { width: 144px; background: url(_nav_mapping.gif) 0 -42px no-repeat;}
#nav li .nav6:hover { background-position: 0 0; }
#nav li .nav7 { width: 115px; background: url(_nav_contact.gif) 0 -42px no-repeat;}
#nav li .nav7:hover { background-position: 0 0; }

#nav li .nav1Active { width: 99px; background: url(_nav_home_active.gif) 0 0px no-repeat;}
#nav li .nav2Active { width: 103px; background: url(_nav_about_active.gif) 0 0px no-repeat;}
#nav li .nav3Active { width: 223px; background: url(_nav_whyVolunteer_active.gif) 0 0px no-repeat;}
#nav li .nav4Active { width: 105px; background: url(_nav_stories_active.gif) 0 0px no-repeat;}
#nav li .nav5Active { width: 243px; background: url(_nav_participate_active.gif) 0 0px no-repeat;}
#nav li .nav6Active { width: 144px; background: url(_nav_mapping_active.gif) 0 0px no-repeat;}
#nav li .nav7Active { width: 115px; background: url(_nav_contact_active.gif) 0 0px no-repeat;}

/* Main area elements */

#container {margin:36px 0 0 151px; }
#wCol {width: 610px; margin-bottom:0px; padding-bottom:0px; font: Calibri, Arial, Helvetica, sans-serif ; font-size:1em; overflow: hidden; float: left;}
#wCol.map {width: 610px; font: Calibri, Arial, Helvetica, sans-serif ; font-size:1em; }
#lCol, #rCol {float: left; width: 252px; margin-right: 10px; overflow: hidden;}

#rCol.about {text-align:center;}

#wCol #searchForm { padding: 7px 10px 10px 10px; background-color: #FFF; color: #00734B;}
#wCol #searchForm h2 {color: #b29959; font-size: 1.3em;}
#wCol select {font-size:12px;}
#searchResults li {border-bottom:1px dotted #b29959;}
#container ul {margin-left:0px;  padding:0px;}
#container li {margin-left: 0px;  padding: 5px 0}
.introText, .boxText {padding: 7px 10px 10px 10px; margin-bottom: 10px; overflow: visible; }

.readMoreLink {font-size:.9em;}

.introText {color: #005434; font-size: 1.2em;}
/* .boxText {color:#333333; background-color:#E8E8E8; font-size: .9em; background:url(paperBgSm_lighter.jpg) repeat;} */
.boxText {color:#777777; background-color:#FFFFFF; font-size: .9em; text-align:left;}

#container .quote {	font-style: italic;}
#container .credit {font-size: .8em; text-align:right; margin-bottom: 10px; line-height:1.3em;}

.about img {margin-top: 30px; }

#oppDetails { margin: 20px 0;}
#oppDetails h2 {margin-top: 10px;}
.signup {font-size: 1.3em; text-align:right;}
.l {float: left;}
.r {float: right;}

.footer { padding: 45px 0px 20px 160px; font-size: 80%; }