﻿*{ margin: 0; padding: 0; }
* 
body {font: .84em "Century Gothic", Arial, Helvetica, sans-serif;line-height: 1.64em;background: #fff;color: #444;background-image:url('../images/bg-body-3.png');background-repeat:repeat-x;margin:20px 0 0 0;}
a {color: #066;text-decoration: none;}
a:hover { color: #099; }
.wrap { width: 900px; margin: 0px auto; }
.siteby {float:right}
.clear { clear:both}
p{margin:0 0 12px 0}
ul {margin: 10px 10px 10px 0;padding: 0 0 0 15px;}
li { margin:0 0 0 10px; padding:3px; }
ol {margin: 10px 10px 10px 0;padding: 0 0 0 15px;}
.box {border:1px #BCD7E5 solid;padding:20px;background:#fff;}
.box_admin {border:1px #A5A336 solid;padding:0 20px 20px 20px;background:#fff;clear:both}
.error {color:#c00;border:1px #F90 solid;background:#FFC;padding:5px;}
.TotalRecords {background-position: left bottom; padding: 0 0 5px 0; FONT-SIZE: 0.84em; MARGIN: 0;background-image: url('../images/dot.gif'); background-repeat: repeat-x;font-family:Tahoma; color:#666}
.red {color:#f00;}
.required {color:#f00;}
.welcome {float:right;margin:0;padding:0;color:#000;}
.standout {color:#069;font-weight:bold;}
.callout {border:1px #FFCC00 solid;background:#FFFFD7;padding:10px;margin:10px 0}
.leader_info{border:1px #666 solid;background:#E9E9E9;padding:10px;margin:10px 0}
.cat_cols{width:190px;height:30px;float:left;font-size:.74em}
.quoting {font-family: "Times New Roman", Times, serif;font-style: italic;font-size: 1.2em;}
.needs_box{float:left;margin:20px 30px 20px 0;width:410px;}
.block{width: 100px;}
.smalltext{font-size:.8em;}
.left{float:left;margin-right:1em;}
.right{float:right;margin-left:1em;}
.center{text-align:center;}

/* Bullet Icons */
.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}
.website {background-image: url('../bullets/world_go.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 20px;margin: .4em 0;}
.email {background-image: url('../bullets/001_12.png');background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 3px 30px;margin: .4em 0;}
.project {background-image: url('../bullets/star.png');background-repeat: no-repeat;background-position: 0 .4em;padding: 3px 0 3px 20px;margin: .4em 0;}

#masthead {width:900px;height:183px;background:#fff;position:relative;}
#logo {float:left;}
#logo h1{width: 660px;height: 183px;display: block;margin: 0;padding:0;}
#logo h1 a{width:660px; height:183px; display:block; text-decoration:none; text-indent:-2000px;}
#logo h1 a.logo{width:660px; height:183px; display:block; text-decoration:none; background:url('../images/bg-sos-logo.gif') no-repeat transparent;color:#fff;}

#return {float:right}
#return h2 {width: 188px;height: 121px;display: block;margin: 0;padding:0;}
#return h2 a{width:188px; height:121px; display:block; text-decoration:none; text-indent:-2000px;}
#return h2 a.logo{width:188px; height:121px; display:block; text-decoration:none; background:url('../images/bg-back-to-volunteer.png') no-repeat transparent;color:#fff;}

#navcontainer ul {padding: 0;margin: 0;list-style-type: none;background-color: #099;color: #FFF;width: 100%;text-align: center;}
#navcontainer li { display: inline; }
#navcontainer li a {text-decoration: none;background-color: #099;color: #FFF;padding: .2em 1.6em;font-weight:bold}
#navcontainer li a:hover{background-color: #055;color: #fff;}

#sponsor {position:absolute;top:120px;right:10px;width:180px;}
#sponsor p{line-height:1em;}

/*Pipelist*/
#navcontainercatlist{margin-bottom: 1em;overflow: hidden;width: 460px;}
#navcatlist {list-style-type: none;margin: 0;padding: 0;}
#navcatlist li{border-left: 1px solid #000;float: left;line-height: 1.1em;margin: 0 .5em 0 -.5em;padding: 0 .5em 0 .5em;}

/* 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:0; padding:0;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 li.showall {background:transparent url('../images/cat-showall.gif');}
#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;}

/* Project Info Top Button List */
#pimenu {float:right;padding:0; margin:0; }
	#pimenu li { font-size: 1.1em; display: inline; }
	#pimenu li a { float: left;width: 147px; padding: 14px 0 14px; text-align: center; margin: 0 0 0 10px;}
	#pimenu li a { text-decoration: none; color: #000; background: transparent url('../images/bg-button-off.png') no-repeat;}
	#pimenu li a:hover { text-decoration: none; color: #fff; background: transparent url('../images/bg-button-on.png') no-repeat; }

#content {margin: 0 auto;padding:30px 0;}
#one_col{width:900px;}
#one_col h2 {font-size: 2.4em;font-weight: normal;line-height: normal;color:#CD5028}
#one_col h3 {color:#333;font-size: 1.6em;font-weight: bold;line-height: normal;margin:0 0 20px 0;}

#left_col {float:left;width:540px;margin:0 20px 0 0;}
#left_col h2 {font-size: 2.4em;font-weight: normal;line-height: normal;color:#CD5028}
#left_col h3 {color:#333;font-size: 1.6em;font-weight: normal;line-height: normal;}
	.third {float:left;width:140px;padding:10px;margin:0 15px 20px 0;border:1px #CCC solid}
	.last {margin:0 0 20px 0;}
#right_col {float:right;width:300px;margin:0;}
#right_col h2 {font-size: 1.8em;font-weight: normal;line-height: normal;color:#6CA8CC}
#right_col h3 {font-size: 1.4em;font-weight: normal;line-height: normal;color:#333;}

/* Admin */
#left_col_admin {float:left;width:0px;margin:0;}
#left_col_admin h2 {font-size: 2.4em;font-weight: normal;line-height: normal;color:#CD5028}
#left_col_admin h3 {color:#333;font-size: 1.6em;font-weight: normal;line-height: normal;}
	.third {float:left;width:140px;padding:10px;margin:0 15px 20px 0;border:1px #CCC solid}
	.last {margin:0 0 20px 0;}
#right_col_admin {float:right;width:900px;margin:0;}
#right_col_admin h2 {font-size: 1.8em;font-weight: normal;line-height: normal;color:#6CA8CC}
#right_col_admin h3 {font-size: 1.4em;font-weight: normal;line-height: normal;color:#333;}

.box_admin h2 {font-size: 2.4em;font-weight: normal;line-height: normal;color:#CD5028}
.box_admin h3 {color:#333;font-size: 1.6em;font-weight: normal;line-height: normal;}

/* Admin Nav*/
#adminnavcontainer ul{padding: 0;margin: 0;background-color: transparent;color: #fff;float: left;width: 75%;}
#adminnavcontainer ul li { display: inline; }
#adminnavcontainer ul li a{padding: 0.2em 1em;background-color: #A5A336;color: #fff;text-decoration: none;float: left;border-right: 1px solid #FFD;}
#adminnavcontainer ul li a:hover{background-color: #D8D347;color: #6B6724;}
#adminnavcontainer li#logout-tab a{background-color:#999;color: #FFF;}
#adminnavcontainer li#logout-tab a:hover{background-color:#666;color: #FFF;}


#footer {clear:both;background:#CC4F27 url('../images/bg-footer.png') repeat-x;color:#6B2B14;font-size:.74em;font-family:Tahoma;height:200px;padding:20px 0;}
#footer a {color: #6B2B14;text-decoration:none;}

/* rollover buttons */
.become_partner {float:left;margin:0 20px 0 0}
.become_partner a {display:block;width: 250px;padding:25px 0 50px 0;font-size: 1.6em;color:#fff;background: url('../images/btn-become-a-partner.png') 0 0 no-repeat;text-decoration: none;text-align:center}
.become_partner a:hover { background-position: 0 -100px;color: #fff;}
.partner_listing {float:left;}
.partner_listing a {display:block;width: 250px;padding:25px 0 50px 0;font-size: 1.6em;color:#fff;background: url('../images/btn-partner-listing.png') 0 0 no-repeat;text-decoration: none;text-align:center}
.partner_listing a:hover { background-position: 0 -100px;color: #fff;}

/* table styles */
#htable {background: transparent;width: 100%;border-collapse: collapse;}
#htable th {color: #666;padding: 10px 8px;border-bottom: 2px solid #BCD7E5;}
#htable td {border-bottom: 1px solid #D2E4EE;color: #444;padding: 3px 8px;}
#htable tbody tr:hover td {background: #E7F0F5;}
#htable tfoot tr td {color: #444;border-top: 3px solid #D2E4EE;border-bottom:1px #fff none}

#hsmtable {background: transparent;width: 100%;border-collapse: collapse;font-size:.84em;}
#hsmtable th {color: #666;padding: 10px 8px;border-bottom: 2px solid #BCD7E5;}
#hsmtable td {border-bottom: 1px solid #D2E4EE;color: #444;padding: 3px 8px;}
#hsmtable tbody tr:hover td {background: #E7F0F5;}
#hsmtable tfoot tr td {color: #444;border-top: 3px solid #D2E4EE;border-bottom:1px #fff none}

#formtable {background: transparent;width: 100%;border-collapse: collapse;}
#formtable td {padding: 3px 8px;}
