:visited { text-decoration:none } :link { text-decoration:none } :active { outline: 0 } :focus { outline: 0 } ol { list-style:none } ul { list-style:none } code { font-size:1em; } pre { font-size:1em; } h6 { font-size:1em; } h5 { font-size:1em; } h4 { font-size:1em; } h3 { font-size:1em; } h2 { font-size:1em; } h1 { font-size:1em; } input { margin:0; padding:0 } fieldset { margin:0; padding:0 } blockquote { margin:0; padding:0 } p { margin:0; padding:0 } html { margin:0; padding:0 } body { margin:0; padding:0 } form { margin:0; padding:0 } pre { margin:0; padding:0 } h6 { margin:0; padding:0 } h5 { margin:0; padding:0 } h4 { margin:0; padding:0 } h3 { margin:0; padding:0 } h2 { margin:0; padding:0 } h1 { margin:0; padding:0 } li { margin:0; padding:0 } ol { margin:0; padding:0 } ul { margin:0; padding:0 } :visited img { border:none } :link img { border:none } a img { border:none } address { font-style:normal }
body {background-position: center top;font: .74em Arial, Sans-Serif;color: #333;line-height: 1.6em;background-image: url('../images/bg-body.jpg');background-color: #E6E6B0;background-repeat: repeat-y;}
a { color: #007898; text-decoration: underline; }
a:hover { color: #808080; }
p  { margin: 5px 0 15px;}
h4 { font-size:  1.2em; color:#369;}
h3 { font-size:  1.6em; color:#f90;font-weight:normal}
h2 { font-size: 1.4em; color:#7F9242;}
h2 a { text-decoration: underline; }
h1 { font: 2.3em Georgia; margin: 0 0 22px; }
h1 a { color: #fff; }
h1 a:hover { color: #CFA5D3; }
.clear { clear: both; margin: 0; padding: 0}
.wrap { margin: 0px auto; width: 900px; }
.smalltext{font-size:.74em;color:#999;font-family:Tahoma}
.smallblacktext{font-size:.94em;font-family:Tahoma}
.grey {color:#ccc}
.red {color:#f00}
.alert {color:#f00}
.error {color:#f00}
.NominatedBy{color:#999;font-size:.94em}
.cat_cols{width:190px;height:30px;float:left;font-size:.94em}
#header {width: 900px;height: 109px;background-image: url('../images/bg-header.gif');background-repeat: no-repeat;background-color: #fff;clear:both}
	#header h1{width: 272px;height: 64px;display: block;float: left;margin-top: 26px;margin-left: 12px;}
	#header h1 a{width:272px; height:64px; display:block; text-decoration:none; text-indent:-2000px;}
	#header h1 a.logo{width:272px; height:64px; display:block; text-decoration:none; background:url('../images/logo-volunteer-connection.gif') no-repeat #fff;color:#fff;}

#options {float: right;color: #B565BE;font-weight: bold;margin-top: 10px;margin-right: 20px;width:200px;}
	#options a { color: #B97AC0; padding: 0 0 0 8px; background: url("../images/bullet.gif") no-repeat left 5px; margin: 0 0 0 10px; }
	#options a:hover { color: #E6E8B1; }

#slogan {float: left;margin-top: 20px;width:616px;text-align: center;color: #333;}
	#slogan p {margin: 0; padding: 0;}
	#slogan h2 {padding: 0px;margin: 0px;font-size: 2em;font-weight: normal;}

#menu {float: right;display: block;margin: 22px 0 0 0;padding:0;height:28px}
	#menu li { display: inline; }
	#menu li a { float:left;padding: 4px 0 8px 0;margin: 0 1px 0 0;color: #333;background-image: url('../images/bg-nav-tab-off.gif');background-repeat: no-repeat;text-align: center;}
	#menu a {width:85px;}
	#menu li a:hover {color: #000;background-image: url('../images/bg-nav-tab-on.gif');background-repeat: no-repeat;}
#banner {width:900px;clear:both}
	.flash {width: 594px;height: 203px;background-image: url('../images/bg-flash.jpg');background-repeat: no-repeat;}
	.flash_inside {width: 594px;height: 65px;background-image: url('../images/pic-header-inside2.jpg');background-repeat: no-repeat;float:left}
	.buttons {float:right;width: 300px;height: 65px;}

#left {float: left;width: 594px;margin: 0 0 40px;}
	.col_left{float:left;margin-left:11px;background-color:#DEDEE0;width:177px;padding:20px 10px 20px 10px;}
	.col_right{float:left;padding:20px 20px 0 20px;width:346px;}
	
#right { float: right; width: 306px; margin: 0px; background: #D7E9F5; }
	#right h2{width: 306px;height: 64px;display: block;clear:both;}
	#right h2 a{width:306px; height:64px; display:block; text-decoration:none; text-indent:-2000px;}
	#right h2 a.volunteers{width:306px; height:64px; display:block; text-decoration:none; background:url('../images/btn-volunteers-off.png') no-repeat #fff;color:#FFFFFF;}
	#right h2 a.volunteers:hover{width:306px; height:64px; display:block; text-decoration:none; background:url('../images/btn-volunteers-on.png') no-repeat #fff;color:#FFFFFF;}
	#right h2 a.organizations{width:306px; height:64px; display:block; text-decoration:none; background:url('../images/btn-organizations-off.png') no-repeat #fff;color:#FFFFFF;}
	#right h2 a.organizations:hover{width:306px; height:64px; display:block; text-decoration:none; background:url('../images/btn-organizations-on.png') no-repeat #fff;color:#FFFFFF;}}
	
	.boxright { padding: 15px;background:#fff url('../images/bg-right-col.png') no-repeat; height:416px;}
	.box {float:left;width:310px;margin-right:20px}

#footer { clear: both; border-top: 0px solid #323232; background: transparent url("") repeat-x bottom; color: #808080; padding: 10px 0; }
	#footer #col_left { float: left; width: 400px; margin-left:20px; font-size:.84em }
	#footer #col_right { float: right; width: 400px; margin-right:20px; font-size:.84em; text-align:right }

#full {width: 860px;padding: 20px;}
#left_inside {float: left;width: 660px;padding: 20px;}
#left_inside h2 {font-size:2.6em;padding-bottom:12px;line-height:.8em;}
#left_inside ol { list-style:decimal;margin:0 0 0 20px}
#left_inside ul { list-style:disc;margin:0 0 0 20px}

#right_inside {float: right; width: 160px; padding: 20px; background:#fff url('../images/bg-right-col.png') no-repeat; }

#left_inside_admin {float: right;width: 660px;padding: 20px;}
#left_inside_admin h2 {font-size:2.6em;padding-bottom:12px;}
#right_inside_admin {float: left; width: 160px; padding: 20px; background-color:#efefef; }
#right_inside_admin h3 {font-size:1.4em;font-weight:bold;padding-bottom:0px;color:#999}

.imgFloatLeftBorder {float: left;margin-right: 10px;margin-bottom: 10px;padding: 3px;background-color: #fff;border: 1px solid #ccc;}
.imgFloatRightBorder {float: right;margin-left: 10px;margin-bottom: 10px;padding: 3px;background-color: #fff;border: 1px solid #ccc;}
.imgFloatRight {float: right;margin-left: 10px;margin-bottom: 10px;}

/* Organization Grid Styles */
#org-table h3 {font-size:1.6em;font-weight:normal;color:#f90;margin:0;padding:0}
#org-table {border-collapse: collapse;}
#org-table th {font-size: 14px;font-weight: normal;padding: 10px 8px;}
#org-table td {padding: 8px;}
#org-table .odd {background: #e8edff;}

#opportunity-table {background:#fff url('../images/bg-opportunity-table.png') repeat-x; background-position: left bottom;margin-bottom:20px}
#opportunity-table h3 {font-size:1.8em;font-weight:normal;color:#f90;margin:0;padding:0}
#opp-info-table {border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:transparent;vertical-align:top}
.OrgContactInfo {background-position: left bottom; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.84em; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 20px; PADDING-TOP: 0px; background-image: url('../images/dot.gif'); background-repeat: repeat-x;font-family:Tahoma}
.TotalRecords {background-position: left bottom; padding: 0 0 10px 0; FONT-SIZE: 0.84em; MARGIN: 0;background-image: url('../images/dot.gif'); background-repeat: repeat-x;font-family:Tahoma; color:#666}
.OppButton {height:50px;width:200px;display:block;text-align:center;padding: 6px 0 4px 0;border:1px aqua solidl;background:transparent url('../images/btn-opportunity.png') no-repeat}
.navigator {float:right;margin:0;padding:0;}
.navigator a {border: 1px #ccc solid;padding: 0 3px 0 3px;}
.navigator a:hover {border: 1px #ccc solid;background-color:#ffc}
.navigator-footer a {border: 1px #ccc solid;padding: 0 3px 0 3px;}
.navigator-footer a:hover {border: 1px #ccc solid;background-color:#ffc}
.featured_volunteer{padding:20px;border:1px #fc0 solid;background-color:#ffc}
.separator {background-position: left bottom; padding: 0; margin: 10px 0 10px 0;background-image: url('../images/dot.gif'); background-repeat: repeat-x;}

/* icons */
ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
li.star {background-image: url('../bullets/13.png');background-repeat: no-repeat;background-position: 0 .4em;padding: 3px 0 3px 30px;margin: .4em 0;}
li.bluecheck {background-image: url('../bullets/bul-check-blue.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 30px;margin: .4em 0;}
.back {background-image: url('../bullets/2.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}
.forward {background-image: url('../bullets/001_58.png');background-repeat: no-repeat;background-position: 0 50%;padding: 4px 0 4px 40px;margin: .4em 0;}
.email {background-image: url('../bullets/48.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}
.FormUpdated {background-image: url('../bullets/001_18.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 30px;margin: .4em 0;color:#33CC33;font-weight:bold}
.NotApproved {background-image: url('../bullets/001_30.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 30px;margin: .4em 0;color:#C00;font-weight:bold}
.calloutbox {background:#FFC;border:1px #F90 solid;padding:.2em;margin:.2em 0 0 0;}

/* Admin Tabs */
#navlist{border-bottom: 1px solid #ccc;margin: 0;padding-bottom: 19px;padding-left: 10px;}
#navlist li{display: inline;list-style-type: none;margin: 0;padding: 0;}
#navlist ul{display: inline;list-style-type: none;margin: 0;padding: 0;}
#navlist a:visited{background: #fff url('../images/bg-grey-gradient.png') repeat-x;border: 1px solid #ccc;color: #666;float: left;font-size: small;font-weight: normal;line-height: 14px;margin-right: 8px;padding: 2px 10px 2px 10px;text-decoration: none;}
#navlist a:link{background: #fff url('../images/bg-grey-gradient.png') repeat-x;border: 1px solid #ccc;color: #666;float: left;font-size: small;font-weight: normal;line-height: 14px;margin-right: 8px;padding: 2px 10px 2px 10px;text-decoration: none;}
#navlist a:visited#current{background: #fff;border-bottom: 1px solid #fff;color: #000;}
#navlist a:link#current{background: #fff;border-bottom: 1px solid #fff;color: #000;}
#navlist a:hover { color: #007898; }

/* Organization Admin */
#naverticalist {padding-left: 0;margin-left: 0;border-bottom: 1px solid #CCC;width: 160px;}
#naverticalist li{list-style: none;margin: 0;padding: 0.25em 0.25em 0.25em 0;border-top: 1px solid #CCC;}
#naverticalist li a { text-decoration: none; }

/* Nav Category Image List */
#menucategory {display:block; height:100px; margin:0px;}
#menucategory ul {margin:0; padding:0; list-style-type:none;}
#menucategory li {float:left; margin-right:1px; display:block; width:100px;}
#menucategory li.clerical {background:transparent url('../images/cat-clerical.jpg');}
#menucategory li.fix-it-projects {background:transparent url(../images/cat-fix-it.jpg);}
#menucategory li.outreach {background:transparent url(../images/cat-outreach.jpg);}
#menucategory li.serve-meals {background:transparent url(../images/cat-serve-meals.jpg);}
#menucategory li.sort-donations {background:transparent url(../images/cat-sort-donations.jpg);}
#menucategory a {display:block; width:100px; padding-top:100px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menucategory a:link, * html #menucategory a:visited {height:100px; he\ight:0;}

body.section-4 #navlist li#nav-4 a{background: #fff;border-bottom: 1px solid #fff;color: #000;}
body.section-3 #navlist li#nav-3 a{background: #fff;border-bottom: 1px solid #fff;color: #000;}
body.section-2 #navlist li#nav-2 a{background: #fff;border-bottom: 1px solid #fff;color: #000;}
body.section-1 #navlist li#nav-1 a{background: #fff;border-bottom: 1px solid #fff;color: #000;}
#navlist #subnav-4{display: none;width: 90%;}
#navlist #subnav-3{display: none;width: 90%;}
#navlist #subnav-2{display: none;width: 90%;}
#navlist #subnav-1{display: none;width: 90%;}
body.section-4 #navlist ul#subnav-4{display: inline;left: 10px;position: absolute;top: 95px;}
body.section-3 #navlist ul#subnav-3{display: inline;left: 10px;position: absolute;top: 95px;}
body.section-2 #navlist ul#subnav-2{display: inline;left: 10px;position: absolute;top: 95px;}
body.section-1 #navlist ul#subnav-1{display: inline;left: 10px;position: absolute;top: 95px;}
body.section-4 #navlist ul#subnav-4 a{background: #fff;border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 4px;padding: 2px 10px 2px 10px;text-decoration: none;}
body.section-3 #navlist ul#subnav-3 a{background: #fff;border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 4px;padding: 2px 10px 2px 10px;text-decoration: none;}
body.section-2 #navlist ul#subnav-2 a{background: #fff;border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 4px;padding: 2px 10px 2px 10px;text-decoration: none;}
body.section-1 #navlist ul#subnav-1 a{background: #fff;border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 4px;padding: 2px 10px 2px 10px;text-decoration: none;}
#navlist ul a:hover { color: #f00 !important; }

#contents{background: #fff;border: 1px solid #ccc;border-top: none;clear: both;margin: 0px;padding: 15px;}