body {background: #d4dfea; font-family: Arial, Helvetica, sans-serif; font-size:.7em; margin: 0; padding:0;}
* {margin:0; padding:0}
a {color:#0066cc; text-decoration:none}
a:hover {color:#003366}
.clear {clear:both; height:0em}
img {border:none}
h2 {clear:both}
button {cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	}
#container { background:url(images/container_bkg.gif) #fff repeat-y top left; margin:0 0 0 -360px; padding:0 10px 0 10px; position:absolute; left:50%; width:721px}
#inner_container {background:url(images/container_bottom_bkg.gif) no-repeat bottom left; margin:0 -10px 0 -10px; padding:0 10px 10px 10px; width:721px;}
#head {height:67px}
#head h1 {background:url(images/logo.gif) #FFF no-repeat; float:left; height:67px; text-indent:-10000px; width:100px}
	ul.nav { float:right; list-style:none;}
	ul.nav li { margin:25px 15px 5px 0; float:left;}
	ul.nav a {color: #333c42; font-size:14px; font-weight:bold; text-decoration: none}
	ul.nav a:hover {color: #596773}
#left_column {background:#FFF; float:left; padding: 5px 10px 10px 10px; width:541px}
	div#main {background:#fff; border-top:2px solid #666; min-height:400px; padding:5px;}
		div#main  h2 {padding: 5px 0px 5px 0px}
		div#main p {margin:0px 0px 10px 0px}
		div#main ul, div#main ol, div#main dl {margin:0 0 0 20px}
	table.stories {font-size:1em;}
	table.stories tr.header td {border-bottom: 1px dotted #333c42}
	table.calendar_view {border-bottom: 10px solid #2887ce; font-size:11px; text-align:left; width:100%}
		table.calendar_view caption {background: #2887ce; color: #FFF; font-size:1.2em; margin:10px 0 0 0; padding:2px 5px 2px 5px; text-align:left; width: 100%}
		table.calendar_view caption a {color:#fff;}
		table.calendar_view caption a:hover {color:#dff0fc}
		table.calendar_view td {border-bottom: 1px solid #CCC; padding:2px 5px 2px 5px; vertical-align:top}
	div.event_descr {min-height:300px}
		div.event_descr dl {margin:0 0 0 10px}
		div.event_descr dt {font-weight:bold; margin:5px 0 0 0}
		div.event_descr dd {margin:0 0 0 10px}

#right_column { color:#FFF; float:right; width:158px}
	#right_column h3 {border-top:2px solid #00447a; border-bottom:2px solid #00447a; color:#FFF; font-size:1.25em; padding:2px 5px 2px 5px}
	#right_column a {color:#FFF;}
	#right_column a:hover {color:#DDD; text-decoration:underline}
	#right_column ol {list-style:none;}
	#right_column ol li {border-bottom: 1px dotted #c1e5ff; font-size:1.1em; padding:5px 10px 5px 10px}
	#right_column p {padding: 2px 5px 2px 5px}
	#right_column p.crisis_line {color:#1c1c1c; background:#fff; border:1px solid #f5624f; margin:0 3px 3px 3px; text-align:center}
	#right_column p.crisis_line strong {font-size:12px}
	#right_column img {margin:2px;}
	#right_column div#help h3 {border-top:none; border-bottom:none;}
	#right_column div#help {background:#d63621; padding:0 0 2px 0}
	#right_column div#food_bank h3, #right_column div#thanks h3 {background:#0f5993}
	#right_column ul {list-style:none;}
	#right_column li.link {border-bottom:none}
	
	dl.sub_nav dt, dl.sub_nav dd {float:left; font-size:1.1em}
	dl.sub_nav dd {margin: 0 0 0 10px}
	dl.sub_nav dt {font-weight:bold; margin:0 0 0 -20px}

#foot {border-top: 1px dotted #666; clear:both; color: #666; font-size:9px; margin:10px 1% 0 1%; padding:2px; text-align:center; width:97%}
	#foot p {height:1.5em}
	#foot p.statement {height:auto; margin:0 0 2px 0; text-align:justify}


.last {border-bottom:0px solid black !important;}

#right_column form {margin-left:auto; margin-right:auto; width:80%}
#right_column input {margin-left:auto; margin-right:auto; width:100%}

input, textarea, select {border:1px solid #ccc; padding:1px}
fieldset {border:0;}
form.top_ten input {color:#333; margin:5px 0 0 0;}
#right_column input.submit {background:#0f5993; border:1px solid #c1e5ff; color:#FFF}
#right_column input.submit:hover {border:1px solid #FFF}

button {background:#2887ce; color:#fff; font-size:.9em; border:1px solid #00447a}
button a {color:#FFF}
button.user {font-size:1.1em; padding:2px 5px 2px 5px}

*/ volunteer form styles */

legend {background:#fff; display:block}
#right_column div.form_container {margin:0 0 10px 0}
#right_column div.form_container h3 {background:#0f5993}
form.user {width:100%}
form.user fieldset {border-top:1px dotted #999; padding:8px 0 8px 0}
form.user legend {background:#fff; font-size:1.1em; font-weight:bold; padding:0 5px 0 5px}
div.form_spacer {clear:both; padding:2px 0 2px; width:100%}
div.form_spacer label {float:left; text-align:right; width:38%}
div.form_spacer input, div.form_spacer textarea, div.right_col_container {clear:right; text-align:left; margin:0 0 0 5px; width:60%}
div#birthdate div.right_col_container input {text-align:center; width:2.5em;}
div.right_col_container select.residence_type {float:right;}
div#residence_length div.right_col_container input.residence_input {float:left;  padding:1px; width:4em;}
div#residence_length div.right_col_container {float:right; margin:0 17em 0 0; padding: 0 0 2px 0; width:12em}
div.right_col_container input.checkbox {width:1em}
#permanent_address {margin:10px 0 0 0}
#references {clear:both}
#ref1 {clear:none; float:left; width:47%}
#ref2 {clear:none; float:right; width:47%}
ul.sponsors {padding:10px}
ul.sponsors li {margin:0 0 5px 0}
dl.sponsors {margin:10px; padding:0 0 10px 0}
dl.sponsors dt {font-weight:bold; margin:5px 0 0 0}
dl.sponsors dd {margin:0 0 0 10px}