body {
font-family:verdana, "lucida sans", helvetica, sans-serif;
}
#body_wrapper {
background:  url(/images/pages/background-top.gif) repeat-x 0 0;
}
#inner_wrapper {
background: transparent url(/images/pages/background.jpg) no-repeat 0 0;
}

#header, #body {
width: 810px;
padding-left: 150px;
}


a {
color:#042d5b;
}
a:hover {
color:#376b92;
}




/* Header
------------------------------------------------------------*/
#header {
margin-bottom: 30px;
}
#header h1 {
padding-top: 10px;
}
#header h1 a {
display: block;
width: 600px;
height: 40px;
text-decoration: none;
}
#header h1 a span {
visibility: hidden;
}
#header h2 {
display: none;
}

#header ul {
padding-top: 85px; /* Can't use margin-top because IE was designed by stupid people */
}
#header li {
float:left;
display:inline;
list-style: none outside none;
}
#header li a {
padding: 2px 12px 2px 18px;
background: #fff url(/images/bullet-heart.gif) no-repeat 0 4px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#header li.current a {
color:#376b92;
}



/* Body
------------------------------------------------------------*/
#content {
float: left;
width: 600px;
}



/* Sidebar
------------------------------------------------------------*/
#sidebar {
float: right;
width: 160px;
font-family: verdana;
}
#sidebar img {
display: block;
margin: 0 auto 20px auto;
}

#sidebar h1 {
margin-bottom: 5px;
font-size: 15px;
}
#sidebar h1 a.current {
/* color: #FEB835;
color: #042d5b; */
}
#sidebar h2 {
margin-bottom: 8px;
font-size: 13px;
color: #FC7C00;
}
#sidebar p, #sidebar li {
font-size: 11px;
line-height: 15px;
color: #333;
}
#sidebar p, #sidebar ul {
margin-bottom: 20px;
}

#sidebar ul {
padding-top: 1px;
background: url(/images/pages/border.dashed-aaaaaa.gif) repeat-x top left;
}
#sidebar ul ul {
background: none;
}
#sidebar li {
display: block;
padding: 5px 0;
background: #fff url(/images/pages/border.dashed-aaaaaa.gif) repeat-x left bottom;
}
#sidebar li li {
padding: 2px 0;
background: none;
}

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

#sidebar ul ul {
margin: 2px 0 2px 8px;
border-left: 1px solid #ddd;
padding: 2px 0 2px 8px;
}
#sidebar h1.current a, #sidebar li.current span a {
color:#376b92;
}



/* Footer
------------------------------------------------------------*/
#footer {
margin-top: 30px;
border-top: 1px solid #dbdbdb;
padding: 5px 0 1em 0.5em;
}
#footer h2 {
margin-bottom: 4px;
font-size: 12px;
font-weight: bold;
color: #042d5b;
}
#footer a#map {
background-color:transparent;
text-decoration:none;
}
#footer p, #footer address {
margin: 0;
font-size: 12px;
line-height: 1.5em;
}



/* Miscellaneous styles
------------------------------------------------------------*/
.clears {
clear: both;
font-size: 1px;
line-height: 1px;
}

.security_statement {
padding-left: 20px;
background: url(/images/icons/lock.png) no-repeat left center;
}




/* Volunteer Application Form (form.va)
------------------------------------------------------------*/
form div.field_with_errors {
display: inline;
margin: 0px;
padding: 0px;
font-size: 1em;
}

form.va label em, form.va p.required {
color: #c00;
font-weight: bold;
}
form.va p.label {
margin-bottom: 3px !important;
}
form.va input, form.va textarea {
padding: 2px;
}
form.va table.align_left th, form.va table.align_left td {
padding: 2px;
}
form.va table.align_left th {
width: 150px;
padding-right: 10px;
font-weight: normal;
text-align: right;
}

form.va .width_0 { width: 580px; }
form.va .width_1 { width: 300px; }
form.va .width_2 { width: 280px; }
form.va .width_3 { width: 260px; }
form.va .width_4 { width: 240px; }
form.va .width_5 { width: 220px; }
form.va .width_6 { width: 200px; }

form.va .height_0 { height: 80px; }
form.va .height_1 { height: 40px; }

form.va table.family_members th { text-align: left; }
form.va table.family_members td { padding: 2px; }
form.va table.family_members td.name input { width: 220px; }
form.va table.family_members td.age	input { width: 60px; }
form.va table.family_members td.relationship input { width: 140px; }
form.va table.family_members td.boolean_buttons input { width: 20px; }

form.va table.activities th { text-align: left; }
form.va table.activities td { padding: 2px; }
form.va table.activities input { width: 280px; }

form.va table.education th { text-align: left; }
form.va table.education td { padding: 2px; }
form.va table.education td.school input { width: 160px; }
form.va table.education td.location	input { width: 160px; }
form.va table.education td.degree input { width: 160px; }
form.va table.education td.year input { width: 40px; }

form.va p.captcha_label a {
font-size: 10px;
}





/* Error Notices
------------------------------------------------------------*/
#errorExplanation {
margin-bottom: 20px;
border: 3px solid #900;
padding: 10px;
color: #900;
background: #fdd;
}
#errorExplanation h2 {
display: none;
}
#errorExplanation p {
margin-bottom: 5px !important;
font-weight: bold;
}
#errorExplanation ul {
margin-bottom: 0px !important;
}


/*#content { background: url(/images/web_layout_grid.gif); }*/
