* { margin: 0; padding: 0; }
body { background-image: url('image/pixel-gray.gif'); }
body #ie { padding: .25em 1em .25em; background-color: #fbb; }
form fieldset { padding: 0 0 .5em; clear: both; margin: 0 0 .5em; }
form fieldset fieldset { margin: 1em 1em 0; }
form fieldset p, form fieldset dl { margin: .5em 1em; }
form fieldset dl dt { font-weight: bold; }
form fieldset div.nolabel { margin: .2em 0 0 110px; }
form fieldset div.nolabel img { max-width: 400px; }
form legend { font-style: italic; font-weight: bold; font-size: .8em; margin: 0 0 0 .5em; padding: 0 .2em; }
form input, form textarea, form select { border: 1px solid #222; margin: 0.5em 0 0; font-family: Arial, sans; padding: .2em; }
form div.input { margin: .5em 0 0; padding: .2em; }
form select option { padding: 0 .25em; }
form input[type='submit'].default { font-weight: bold; }
form fieldset input[type='submit'] { margin-left: 111px; }
form fieldset input[type='submit'].inline { margin-left: 0; }
form fieldset input[type='submit'].left { margin-left: 1em; }
form fieldset #delete_start { color: red; font-weight: bold; margin-left: 1em; }
form fieldset #delete { background-color: red; color: white; font-weight: bold; display: none; margin-left: 1em; }
form fieldset table { margin: .5em 1em 0; border-collapse: collapse; }
form fieldset th { border-bottom: 1px solid #737474; }
form input[type='checkbox'] { padding: .5em 0 0 .25em; }
form label.left { text-align: left; }
form br { clear: left; }
form hr { margin: .5em 0; }
form label small { font-style: italic; margin: .5em .2em 0; font-size: .7em; display: block; }
#main form input[type='text'], #main form input[type='password'], #main form textarea { width: 300px; }
#main form label { display: block; float: left; width: 110px; text-align: right; margin: 0.5em 0 0; padding: 0 .1em 0 0; }
#main form label.req:before { content: "* "; }
#main form label.req:first-letter { color: red; font-weight: bold; }
dl dd { margin: 0 0 .5em 2em; }
table tr th { text-align: left; }
table tr td { padding: .1em; }
p { margin: 0 0 .5em 0; }
ul { margin: .5em 1em; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.border { border: 1px solid #999; }
.notbold { font-weight: normal !important; }
.closed { color: #e44; }
.open { color: green; }
h1 img { float: left; height: 50px; width: 50px; border: 1px solid #999; padding: 1px; background-color: #f1f1f1; margin-right: .25em; }
div.subheading { margin-top: -.5em; font-size: .8em; }

#header { height: 122px; background-color: #fff; }
#header_inner { background: #fff url('image/header_03.png') no-repeat; width: 863px; height: 122px; position: relative; margin: 0 auto; }
#header_inner h1, #header_inner h2 { display: none; }

#nav { height: 53px; background-color: #7C96A3; }
#nav_inner { background: #7C96A3 url('image/nav_05.png') no-repeat; width: 863px; height: 53px; position: relative; margin: 0 auto; }
#nav_inner ul { list-style: none; padding-left: 212px; width: 651px; margin: 0 auto; font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif; }
#nav_inner ul li { float: left; margin: 6px 0px 0px; }
#nav_inner ul li a { display: block; font-size: 1.2em; padding: 9px 15px; color: #222; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #7C96A3; text-decoration: none; }
#nav_inner ul li a:hover { background-color: #484848; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #aaa; color: #eee; }

#content { font-family: Arial, sans; }
#content_inner { width: 863px; margin: 0 auto; position: relative; background: #f1f1f1 url('image/content_06.png') no-repeat; }

/* STYLES */
#content { font-family: "Helvetica Neue", Helvetica ,Arial, sans-serif; font-size: 95%; }
#content a { color: #222; }
#content div.error { padding: .5em 1em; margin: 1em; border: 1px dashed red; background-color: #fdd; }
#content div.message { padding: .5em 1em; margin: 1em; border: 1px dashed green; background-color: #dfd; }
#content h1 { font-size: 1.5em; border-bottom: 1px solid #999; margin: 0 0 .5em; clear: both; }
#content h1 a.right { float: right; font-size: .75em; font-weight: normal; }
#content h2 { font-size: 1.3em; }
#content img.right { margin: 0 0 .3em 1em; }
#content img.left { margin: .5em .25em 0em 0; }
#content hr { margin: 0.5em 0; height: 0px; border: 0; border-bottom: 1px solid #999; }
#side h1 { font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #999; margin: 0 0 .5em; clear: both; }
#side h2 { font-size: 1em; font-weight: bold; margin: 0 0 .5em; }
#side dt { margin-bottom: .1em; }
#side dd { margin-left: 1em; margin-bottom: .75em; line-height: 120%; }
#side ol { margin: .5em 0 .5em 1em; }
#side img.left { margin: .5em .25em .5em 0; }
#side img.right { margin: .5em 0 .5em .25em; }

/* TWO COLUMN */
#main { position: relative; margin-right: 19em; }
#main_inner { position: relative; float: left; width: 100%; margin-right: -17em; padding: 1em 1em 1.5em; }
#side { float: right; border-left: dotted 1px #737474; }
#side h1, #side h2 { clear: none; }
#side img { background-color: #f1f1f1; }
#side #user { float: left; }
#side_inner { width: 15.0em; clear: left; float: left; padding: 1em; }
/* USER */
#user { width: 15.0em; padding: .75em 1em; border-bottom: 1px dotted #737474; }
#user img { margin-top: .25em; }
#login #user img { margin-left: 1.5em; }
#user ul.buttons { list-style: none; margin: 0; }
#user ul.buttons li { float: left; margin: 0 1em 0 0;}
#user ul.buttons li.not_button { padding: 2px 0; }
#user ul.buttons li:last-child { margin-right: 0; }
#user ul.buttons li div { background-color: #484848; border: 1px solid #484848; }
#user ul.buttons li div a { display: block; text-align: center; padding: 0em 1.25em; border: 1px solid #7C96A3; text-decoration: none; color: #f1f1f1; }
#user ul.nav { margin: .5em 0 0; list-style: none; }
#user ul.nav li { padding: 2px 0; }
#user ul.nav li a { border-style: solid; border-color: #d5d5d5; border-width: 0 0 0 6px; padding: 0 .25em; text-decoration: none; }
#user ul.nav li a:hover { border-color: #7C96A3; border-width: 0 0 1px 6px; }
#user ul.nav li a.logout:hover { color: #f00; }
#user ul.nav li a.logout:hover:after { content: " »"; }

/* page specific rules */
#home #main_inner { text-align: justify; }
#member_list div.member { width: 250px; float: left; padding: .5em .5em .5em .5em; margin: 0 1em 1em 0; border: 1px solid #bbb; }
#member_list div.member_name { font-weight: bold; font-size: 1.1em; }
#member_list img.member_picture { width: 50px; float: right; clear: right; border: 0; }
#member_list div.member_edit { float: right; clear: right; width: 50px; text-align: center; font-size: .7em; font-weight: normal; }
#member_list div.member_position { font-style: italic; margin-top: .25em; }
#member_list div.member_status { margin-top: .25em; }
#member_list div.member_email { margin-top: .25em; }
#member dl dt { text-decoration: underline; }
#member div.member_position { font-style: italic; margin: -.5em 0 1em 0; font-size: 1.1em; }
#member img.member_picture { max-width: 250px; float: right; margin: 0 0 1em 1em; }
#contact textarea, #edit textarea { width: 99% !important; height: 300px !important; display: block; }
#profile label, #member_edit label { width: 150px !important; }
#email select { width: 300px; }
#email textarea { width: 95% !important; height: 300px !important; display: block; margin-left: .5em; margin-right: .5em; }
#event_list #event_new { float: right; margin-bottom: -1em; }
#event_list table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
#event_list th { text-align: left; vertical-align: top; padding: 0; margin: 0; }
#event_list td { text-align: left; vertical-align: top; padding: .2em .5em; }
#event_list tr.monthyear th { padding: 1.5em 0 0; }
#event_list tr:first-child th { padding: 0; }
#event_list tr.monthyear th strong { background-color: #323232; color: #fff !important; padding: .1em .2em .1em 1.2em; font-weight: normal; margin-left: -1.1em; }
#event_list tr.day th { font-size: .8em; padding-left: .2em; padding-top: 1.5em; border-bottom: 1px solid #737474; }
#event_list tr.event td { padding-top: .25em; padding-bottom: 0; }
#event_list tr.event2 td { padding-top: 0; border-bottom: 1px solid #737474; }
#event_list td.event_image { width: 54px; height: 63px; padding-left: 1.5em; padding-right: 0; border-bottom: 1px solid #737474; }
#event_list img.event_image { width: 50px; height: 50px; padding: 1px; border: 1px solid #737474; }
#event_list td.event_name a { font-size: 1.2em; }
#event_list td.event_name .event_edit { font-size: .9em; float: right; }
#event_edit #event_image { margin: .2em 0 0 111px; }
#event_edit #event_image img { border: 1px solid #737474; padding: 1px; }
#event_edit div.shift { margin: .5em 1em 1em; border-left: 5px solid #ccc; padding-left: 5px; }
#event_edit div.shift_name { font-weight: bold; font-size: 1.1em; }
#event_edit div.shift_dates { font-style: italic; }
#event #event_details { clear: left; margin: 1em 0; }
#event #event_attached { font-style: italic; margin-top: 1.5em; }
#event #event_documents { margin-bottom: 1.5em; margin-top: .2em; }
#event #event_shifts { width: 100%; border-collapse: collapse; }
#event #event_shifts .shift1 td { height: 1.1em; padding: .1em .1em 0; border-top: 1px solid #999; }
#event #event_shifts .shift1 td.shift_name { font-size: 1.2em; }
#event #event_shifts .shift1 td.shift_volunteers { text-align: right; }
#event #event_shifts .shift2 td { height: .9em; padding: 0 .1em; }
#event #event_shifts .shift2 td.shift_date { font-size: .8em; }
#event #event_shifts .shift2 td.shift_enrollment { text-align: right; }
#event #event_shifts .shift2 td.shift_enrollment img { vertical-align: middle; }
#event #event_shifts .shift3 td { font-size: .65em; padding: 0 .1em; }
#event #event_shifts .shift3 td a img { border: 0; margin-right: 3px; }
#event #event_shifts .shift4 td { border-bottom: 1px solid #999; padding: 0 .1em .25em; }
#event #event_shifts .shift4 td ul { }
#event #event_shifts .shift4 td ul li { font-size: .9em; }
#photo-set-list div.set-recent { width: 37em; margin: 0 0 1em 0; padding: .5em; border: 1px solid #999; }
#photo-set-list div.set-past { width: 9em; float: left; border: 1px solid #999; padding: .5em; margin: 0 1em 1em 0; }
#photo-set-list div.set-name { font-weight: bold; }
#photo-set-list div.set-photo { margin: .25em 0; }
#photo-set-list div.set-photo img { max-width: 9em; max-height: 9em; margin-left: auto; margin-right: auto; border: 0; }
#photo-set-list div.set-count { font-style: italic; font-size: .8em; margin-top: .25em; }
#photo-set-list h1#past, #photo-set-list h1#recent { margin-top: 1.5em; }
#photo-set table { width: 100%; }
#photo-set td.photo { width: 50%; padding: .5em .5em 1em; }
#photo-set div.name { font-weight: bold; }
#photo-set div.photo { margin: .25em 0; }
#photo-set div.photo img { max-width: 15em; margin-left: auto; margin-right: auto; border: 0px; }
#photo-set #side img { max-width: 15em; }
#photo-edit table { border: 1px solid #999; border-collapse: collapse; width: 100%; }
#photo-edit th { padding: .25em .5em; }
#photo-edit td { border-top: 1px solid #999; padding: .5em; }
#photo-edit td.image img { max-width: 10em; }
#member_tshirt table { border-collapse: collapse; margin-bottom: 1em; }
#member_tshirt table td, #member_tshirt table th { padding: 2px 10px; }
#member_tshirt table th { border-bottom: 2px solid #666; }
#member_tshirt table td { border: 1px solid #666; }

#footer { width: 863px; margin-left: auto; margin-right: auto; color: #999; font-size: .8em; padding-bottom: 3px; }
#footer span { float: right; color: #666; }
#footer a { color: #666; }