* { padding:0; margin:0;}

select option { padding:1px 3px; line-height:1.1; }

.notice {
	margin:5px 15px;
	background:#cfc;
	border:3px solid #efffef;
	color:#4d4d4d;
	padding:10px;
}

body {
	font:0.85em/1.25 Helvetica, Arial, sans-serif;
	color:#000;
	background:#fff;
}

a:link { color:#006aa6; }
a:visited { color:#7f3965; }
a:hover { color:#3b86c4; text-decoration:none; }

#container {
	width:774px;
	margin:10px auto;
	z-index:1;
}

img {
	margin:5px;
}

#header, h1 {
	background:url(../images/bg_header.jpg) no-repeat 0 9px;
}

.home h1, .donate h1, h1 {
	background:url(../images/bg_header5.gif) no-repeat 0 0;
	height:230px;
}

.about h1 {
	background:url(../images/bg_header4.gif) no-repeat 0 0;
}

.services h1 {
	background:url(../images/bg_header3.gif) no-repeat 0 0;
}

.volunteer h1 {
	background:url(../images/bg_header2.gif) no-repeat 0 0;
}

.contact h1 {
	background:url(../images/bg_header1.gif) no-repeat 0 0;
}

.hpBox1, .hpBox2 {
	width:252px;
	float:right;
	margin:0 5px;
}
* html .hpBox1, * html .hpBox2 {
	margin:0 4px;
}

.hpBox1 h3, .hpBox2 h3 {
	height:24px;
	padding:8px 15px 8px;
	overflow:hidden;
	background:url(../images/bg_hpHeader1.gif) no-repeat 0 0;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
}

.hpBox2 h3 {
	background:url(../images/bg_hpHeader2.gif) no-repeat 0 0;
}

.hpBox1 h3 a, .hpBox2 h3 a {
	color:#fff;
	text-decoration:none;
}

.hpBox1 h3 a:hover, .hpBox2 h3 a:hover {
	color:#ff9;
	text-decoration:underline;
}


.clear { clear:both; }

h1 a {
	display:block;
	height:100px;
	width:100px;
	text-indent:-9999px;
	overflow:hidden;
}

#nav {
	margin:2px;
	height:31px;
	background:url(../images/bg_nav.gif) no-repeat 0 0;
	zoom:1;
	z-index:10;
	padding:0 25px;
}

#nav li {
	float:left;
	position:relative;
	list-style:none;
	z-index:15;
}

#nav li a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	line-height:31px;
	padding:0 20px;
	display:block;
}

#nav li ul {
	display:none;
	position:absolute;
	background:#d1d1d1;
	top:100%;
	left:0;
	z-index:99;
	width:200px;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#nav li:hover ul {
	display:block;
}

#nav li li {
	width:auto;	
	height:auto;
	float:none;
	text-align:left;
	line-height:auto;
	zoom:1;
}

#nav li li a, #nav li:hover li a {
	display:block;
	text-transform:none;
	color:#006aa6;
	line-height:16px;
	padding:5px 10px;
	border-bottom:1px solid #bbb;
	zoom:1;
}

#nav li li a:hover, #nav li.home li a {
	color:#3b86c4; text-decoration:none; 
	background:#ddd;
}

#nav li.home:hover a, #nav li.donate:hover a  {
	color:#06a;
}

#nav li.about:hover a {
	color:#345;
}

#nav li.services:hover a {
	color:#723;
}

#nav li.volunteer:hover a {
	color:#153;
}

#nav li.contact:hover a {
	color:#853;
}

/*
#nav li {
	width:150px;
	padding:0 4px 0 0;
	float:left;
	list-style:none;
}

#nav li.contact {
	width:154px;
	padding:0;
}

#nav li a {
	display:block;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/bg_nav.jpg) no-repeat 0 0;
}

#nav li.donate a { background-position: 0 0; }
#nav li.about a { background-position: -154px 0; }
#nav li.services a { background-position: -308px 0; }
#nav li.volunteer a { background-position: -462px 0; }
#nav li.contact a { background-position: -616px 0; }

#nav li.donate a:hover { background-position: 0 -31px; }
#nav li.about a:hover { background-position: -154px -31px !important; }
#nav li.services a:hover { background-position: -308px -31px; }
#nav li.volunteer a:hover { background-position: -462px -31px; }
#nav li.contact a:hover { background-position: -616px -31px; }
*/
#sidebar {
	width:249px;
	margin:10px 0;
	float:right;
	background:url(../images/bg_sidebar.gif) repeat-y 0 0;
}

#sidebar h3 {
	font-size:1.25em;
	padding:10px 24px 11px;
	background:url(../images/bg_sidebarBox-top.gif) no-repeat left bottom;
}

#sidebar .wrapper {
	background:url(../images/bg_sidebar-top.gif) no-repeat 0 0;
}

#sidebar .section {
	background:url(../images/bg_sidebarBox-bottom.gif) no-repeat left bottom;
	padding:0 0 13px;
}

#sidebar .section ul, #sidebar .section p {
	background:url(../images/bg_sidebarBox.gif) repeat-y left top;
	padding:3px 20px 5px;
}

#sidebar .section p {
	text-indent:1em;
}

#sidebar .section p.link {
	text-align:right;
	text-indent:0;
}

#sidebar .section ul li {
	font-weight:bold;
	list-style:none;
	background:url(../images/bg_sidebarItem.gif) no-repeat 0 5px;
	padding:2px 0 0 15px;
}

#sidebar .section ul ul {
	background:none;
	padding:3px 0 2px;
}

#sidebar .section ul.recentPosts li {
	font-weight:normal;
	background:url(../images/bg_sidebarItem.gif) no-repeat 0 5px !important;
}

#sidebar .section ul p {
	background:none;
	font-size:0.9em;
	padding:3px 10px;
}

#sidebar .section ul.recentPosts li a {
	text-decoration:underline;
}

#sidebar ul.recentPosts li span {
	color:#666;
	display:block;
}

#sidebar ul li.current a, #sidebar ul ul li.current a, #sidebar ul ul ul li.current a {
	color:#824D2D;
	font-style:italic;
}

#sidebar ul li.current a:hover, #sidebar ul ul li.current a:hover, #sidebar ul ul ul li.current a:hover {
	color:#a74;
}


#sidebar ul a {
	text-decoration:none;
	color:#158;
}


#sidebar ul a:hover {
	color:#27c;
}

#sidebar ul a:hover {
	text-decoration:underline;
}

#sidebar ul ul a, #sidebar li.current ul a {
	color:#153;
	font-style:normal;
}

#sidebar ul ul a:hover, #sidebar li.current ul a:hover {
	color:#375;
}

#sidebar ul ul ul a, #sidebar li.current ul ul a, #sidebar ul li.current ul ul a {
	color:#723;
}

#sidebar ul ul ul a:hover, #sidebar li.current ul ul a:hover, #sidebar ul li.current ul ul a:hover {
	color:#945;
}

#sidebar .footer {
	background:#fff url(../images/bg_sidebar-bottom.gif) no-repeat 0 0;
	height:14px;
}

#content, .welcome {
	line-height:1.5;
	margin:10px 257px 10px 2px;
	padding:10px 0;
}
.noSidebar {
	margin-right:2px !important;
}

#content h2, .welcome h2 {
	font-size:1.5em;
	padding:0;
	border-bottom:1px solid #92C6F2;
	line-height:1;
}

#content h3, #content h4, #content h5, #content h6 {
	padding:5px 0 0;
}

.donate #content h3 {
	color:#153;
}

.home #content h2, .donate #content h2, #content h2, #sidebar h3, .welcome h2  {
	color:#06a;
	border-color:#789
}

.about #content h2, .about #sidebar h3 {
	color:#345;
	border-color:#789
}

.services #content h2, .services #sidebar h3 {
	color:#723;
	border-color:#b76
}

.volunteer #content h2, .volunteer #sidebar h3 {
	color:#153;
	border-color:#597
}

.contact #content h2, .contact #sidebar h3 {
	color:#853;
	border-color:#c97
}

#content p, .welcome p, .hpBox1 p, .hpBox2 p {
	padding:0.5em 15px 0.75em;
}

#content ul, #content ol, .welcome ul, .welcome ol, .hpBox1 ul, .hpBox2 ul, .hpBox1 ol, .hpBox2 ol {
	padding:0 35px 0.75em;
}

#footer {
	clear:both;
	background:url(../images/bg_footer.gif) 0 0;
	margin:1px;
	font-size:0.9em;
}

#footer .wrapper {
	background:url(../images/bg_footer-bottom.gif) no-repeat left bottom;
	padding:20px 25px 30px;
	overflow:hidden;
	display:inline-block;
}

#footer .wrapper {
	display:block
}

#footer p {
	width:45%;
	float:left;
}

#footer ul {
	width:45%;
	float:right;
	text-align:right;
}

#footer ul li {
	display:inline;
	text-align:right;
	padding:0 0.25em;
}

.datePosted {
	float:right;
	text-align:right;
}

/* = buttons 
============================================ */

fieldset.submit button, .button {
	background:url(../images/btn_blue.gif) no-repeat 0 0;
	border:0;
	width:232px;
	font-weight:bold;
	color:#fff;
	font-size:18px;
	line-height:36px;
	text-transform:uppercase;
	height:36px;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
}

a.button, a.button:link, a.button:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	font-size:16px;
	line-height:38px;
}

.donateNow .button {
	margin-bottom:15px;
}

fieldset.submit button:hover, .button:hover, a.button:hover {
	color:#ff9;
}

.button.green, button.green {
	background:url(../images/btn_green.gif) no-repeat 0 0 !important;
}

.button.orange, button.orange {
	background:url(../images/btn_orange.gif) no-repeat 0 0 !important;
}

a.button.orangeBig {
	background:url(../images/btn_orangeBig.gif) no-repeat 0 0 !important;
	width:450px !important;
	font-size:13px;

}

.button.red, button.red {
	background:url(../images/btn_red.gif) no-repeat 0 0 !important;
}

/* = donate 
============================================ */

.eventBtn {
	overflow:hidden;
	border-bottom:1px solid #bfbfbf;
	margin:0 0 10px;
	padding:0 0 5px;
	text-align:center;
}

.eventBtn a {
	margin:0 auto;
}

.donateNow {
	overflow:hidden;
	display:inline-block;
	background:url(../images/bg_fieldset2.gif) no-repeat 245px 0;
	border-bottom:1px solid #bfbfbf;
	margin:0 0 10px;
}

.donateNow {
	display:block;
}

.donateNow div {
	width:49.4%;
	float:left;
}

div.errorList {
	background:#f2d6d6 url(../images/icon_error.gif) 5px center no-repeat;
	color:#600;
	padding:10px 10px 10px 30px;
	font-size:1.1em;
	font-weight:bold;
	border-top:1px solid #d0d0d0;
}

form {
	background:url(../images/bg_form.gif) repeat-y 0 0;
	border-top:1px solid #bfbfbf;
	line-height:1;
}

fieldset h3 {
	border-bottom:1px solid #e5e5e5;
	padding:0 0 4px;
	margin:0 0 10px;
	line-height:1;
}

fieldset.odd h3 {
	border-color:#d0d0d0;
}

fieldset {
	border:0;
	padding:10px 10px;
	width:365px;
	float:left;
}

fieldset#event_notes {
	width:auto;
	clear:both;
	background:#fff;
	border-top:1px solid #ccc;
}

fieldset#event_notes label {
	display:block;
}

fieldset textarea#notes {
	width:25em;
	height:5em;
}

fieldset.odd {
	background:url(../images/bg_fieldset.gif) no-repeat right top;
	float:left;
	padding:10px 9px 10px 10px;
	width:366px;
}

* html fieldset.odd {
	width:365px;
}

div.oddStretch {
	height:200px;
	float:right;
	width:1px;
}

fieldset input, fieldset textarea, fieldset select {
	padding:4px;
	border:1px solid #b0b0b0;
	font-family:Helvetica,Arial,sans-serif;
	color:#666;
	font-size:14px;
	vertical-align: middle;
}

fieldset input.radio {
	border:0;
}

fieldset select { padding:2px 2px; line-height:1; }

fieldset .error {
	color:#c00;
	clear:both;
}

fieldset .error input, fieldset .error textarea, fieldset .error select {
	color:#600;
	background:#ffd7d7;
}

fieldset label {
	font-weight:bold;
}

fieldset label .expinfo {
	display:block;
	padding:4px 0;
	font-weight:normal;
	font-size:0.95em;
}

fieldset .error label {
	color:#600;
}

fieldset.submit {
	background:url(../images/bg_submit.gif) no-repeat 0 0;
	clear:both;
	padding:25px 0 26px;
	width:auto;
	float:none;
	text-align:center;
}

fieldset.submit input { display:none; }

/* =event
============================================ */
#event_tickets div {
	padding:5px 5px 10px;
}
#event_tickets label, #event_raffle label {
	display:block;
	padding:0 0 5px;
}

#event_tickets input, #event_raffle input {
	width:3em;
}

#event_raffle div {
	padding:5px;
}

/* = donate Step 1
============================================ */
#selectedFund, #otherFund {
	display:block;
	margin:2px 0 5px 20px;
}

#selectedFund {
	width:320px;
}

#selectedFund option {
	width:380px;
}

#step1_pick div div, #cash_amount div div, #checkout_credit div div,
 #event_sponsor div div {
	padding:5px;
}

fieldset .amount label {
	margin-right:5px;
}

#content p.noinfo {
	color:#666;
	font-style:italic;
	border-left:2px solid #d0d0d0;
	margin:0.5em 15px 0.75em;
	padding:5px 10px;
}

/* = donate Step 2
============================================ */

fieldset.addressInfo input, fieldset.addressInfo select {
	display:block;
}

fieldset.addressInfo div, fieldset .donation, fieldset .occasion {
	padding:0 5px 10px;
}

fieldset.addressInfo label {
	padding:2px 0 2px;
	display:block;
} 

fieldset .name, fieldset .cityState {
	overflow:hidden;
	display:inline-block;
}

fieldset .name, fieldset .cityState {
	display:block;
}

fieldset.addressInfo .firstName {
	width:155px;
	float:left;
	padding:0;
}

fieldset.addressInfo .lastName {
	width:200px;
	float:left;
	padding:0;
}

fieldset .firstName input {
	width:140px;
}

fieldset .lastName input {
	width:185px;
}

fieldset.addressInfo .city {
	width:210px;
	float:left;
	padding:0;
}

fieldset.addressInfo .state {
	width:56px;
	float:left;
	padding:0;
}

fieldset.addressInfo .zip {
	width:85px;
	float:left;
	padding:0;
}

fieldset .city input {
	width:195px;
}

fieldset .zip input {
	width:75px;
}

fieldset .address {
	clear:both;
}

fieldset .address input, fieldset .donation input {
	width:340px;
	margin-bottom:5px;
}

fieldset.addressInfo .address, fieldset .donation {
	padding-bottom:5px;
}

fieldset#occasion {
	width:auto;
	background:#fff;
	padding:10px 150px;
	float:none;
	border-top:1px solid #d0d0d0;
	clear:both;
}

fieldset#occasion table {
	width:100%;
	border-collapse: collapse;
}

fieldset#occasion table th {
	font-size:1.05em;
	border-top:1px solid #e5e5e5;
}

fieldset#occasion table td, fieldset#occasion table th {
	padding:5px;
	border-bottom:1px solid #d0d0d0;
}

fieldset#occasion .even td {
	background:#e7e7e7
}

fieldset div.note label {
	margin:5px 0;
}

/* = donate review
============================================ */

.buttonBar {
	background:url(../images/bg_submit.gif) no-repeat 0 0;
	clear:both;
	padding:25px 25px 26px;
	margin:40px 0 10px;
	width:auto;
	float:none;
	text-align:center;
	overflow:hidden;
	display:inline-block;
}

.buttonBar {
	display:block;
}

.buttonBar .button {
	float:left;
	margin:0 3px;
}

.btn_edit, .btn_remove, .btn_info {
	line-height:16px;
	padding:2px 2px 2px 18px;
}

.btn_edit {
	background:url(../images/btn_edit.gif) no-repeat left center;
}

.btn_remove {
	background:url(../images/btn_remove.gif) no-repeat left center;
}

.btn_info {
	background:url(../images/btn_info.gif) no-repeat left center;
}

table.review {
	width:500px;
	margin:0 100px 0 165px;
	border-collapse: collapse;
}

table.review th {
	font-size:1.05em;
	border-top:1px solid #e5e5e5;
}

table.review th.blank {
	border-top:0;
}

table.review td, table.review th {
	padding:3px 5px;
	border-bottom:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	vertical-align:middle;
}

table.review .even td {
	background:#e7e7e7
}

table.review tfoot td.label {
	font-weight:bold;
	text-align:right;
	border:0;
	border-right:1px solid #d0d0d0;
	font-size:1.05em;
}

table.review td.value {
	text-align:right;
}

table.review td.blank {
	border:0;
	border-left:1px solid #d0d0d0;
	background:none;
}

table.review td.buttons {
	background:#def;
	width:65px;
	border-right:1px solid #d0d0d0;
}

/* = donate checkout
============================================ */

#checkout_credit label {
	padding:3px 0;
	margin:0 5px 0 0;
}
#checkout_credit .card_info label, #checkout_credit .exp_date label {
	margin:0;
	padding:2px 0;
	display:block;
}

.card_info {
	margin:5px 0;
	overflow:hidden;
	display:inline-block;
}

.card_info {
	display:block;
}

.card_info input {
	display:block;
}

.card_info .card_num {
	width:155px;
	float:left;
}

.card_info .card_code {
	width:120px;
	float:left;
}

.orderInfo {
	padding:10px 25px;
	overflow:hidden;
}

.orderInfo dt {
	float:left;
	clear:left;
	width:150px;
	font-weight:bold;
}

.orderInfo dd {
	float:left;
}
