html { background: #fff url(../img/bg_html.png) center 0 no-repeat; }
body { width: 850px; margin: 0 auto; }

p .image-left { display: block; float: left; padding: 0.2em 0.4em 0.2em 0; }

/* Header styles */
#header { height: 194px; padding: 2px 0 0 13px; position: relative; z-index: 2; }
	#header h1 { width: 430px; height: 140px; }
		#header h1 span { display: block; text-indent: -3000em;  }
	#menu_top { position: absolute; top: 100px; left: 518px; }
	#menu_main { position: absolute; top: 147px; left: 0; }

/* Content styles */
#content { clear: both; position: relative; z-index: 1; padding-bottom: 20px; background: transparent url(../img/bg_content.png) 0 bottom no-repeat; }
	#content .error { padding: 2em 20%; text-align: center; }
		#content .error h2 { color: #811; }
	#content .box .inner { margin: 0 auto; padding-bottom: 0.6em; }
		#content .box .inner h3 { height: 58px; margin: 0; }
		#content .box .inner p { padding: 0 12px; }
	#content .header { margin-bottom: 10px; }
	#content .intro { font-size: 1.2em; margin: 1em 0; }
	#content .columns .main { width: 445px; }
		#content .main .inner { padding: 0 1em 1em; }
		#content .main .inner ul,
		#content .main .inner ol { margin: 0 2em 2em; }
		#content .main .inner dl { margin: 0 0 2em; }
	#content .leaders .bio { padding: 0.4em; margin-bottom: 0.6em; }
		#content .leaders .bio img.float-left { padding: 0 6px 4px; }
	#content .leaders .alt { background: #ddd; }

/* Admin styles */
#admin { margin: 0 2em; }
	#admin h2 { margin: 0 0 0.4em; padding: 0.2em 1em 0.4em; background: #444; font-size: 1.2em;color: #eee; }
	#admin pre { margin-bottom: 2em; padding: 0.6em; font-family: fixed; border: solid 1px #ccc; background: #eee; }
	#admin ul.menu { margin: 0 0 1em; list-style: outside none; }
		#admin ul.menu li { float: left; display: block; margin: 0 0.14em; }
		#admin ul.menu li.float-right { float: right; text-align: center; }
			#admin ul.menu li a { display: block; width: 8em; padding: 0.4em 0.6em; text-decoration: none; font-weight: bold; color: #222; background: #f9ffbb; border: solid 0 #fff; border-bottom-width: 0.2em; }
			#admin ul.menu li a:hover { border-color: #ffb915; }
			#admin ul.menu li a.active { border-color: #444; }
	#content #admin .inner { clear: both; padding: 0 1em 1em; } /* Must add #content to override this one */
	#content #admin .inner ol.list { list-style: none; margin: 0; border: solid 1px #ddd; border-bottom: 0; }
		#content #admin .inner ol.list li { display: block; }
			#content #admin .inner ol.list a { display: block; padding: 0.6em 1em; border-bottom: solid 1px #ddd; background: #eee; font-size: 1.1em; text-decoration: none; }
			#content #admin .inner ol.list a:hover { color: #111; background: #f5f5f5; }
				#content #admin .inner ol.list a small { font-style: italic; }

/* Admin forms */
#admin form { margin: 0 auto; }
	#admin form fieldset h4 { margin: 0; }
	#admin form ul.errors { margin: 0 0 0.6em; padding: 1em 2em; background: #ffb915; }
	#admin form textarea#markdown { font-family: "Times New Roman", Times, serif; }
#admin #login { width: 22em; }
#admin #user { width: 50%; }
#admin #news { width: 95%; }
	#admin #news textarea { height: 16em; }

/* markItUp fixes */
#admin .inner .markItUpHeader ul { overflow: auto; margin: 0; padding: 0; }

/* Footer styles */
#footer { padding: 10px 0; clear: both; }
	#menu_footer { width: 694px; margin: 0 auto; }
	#footer p { clear: both; text-align: center; font-size: 0.9em; text-transform: lowercase; color: #7c7f82; }
	#footer p.copyright { padding-top: 16px; }
	#footer a { color: #4f5155; }

/* Sidebar styles */
#sidebar { width: 214px; padding-bottom: 20px; }
	#sidebar .box .inner { padding-bottom: 0; }
		#sidebar .box .inner p { padding: 0 28px 0 4px; }

/* Box styles */
#latest_news { width: 214px; }
	#latest_news .inner { width: 196px; min-height: 180px; background: transparent url(../img/bg_news.png) 0 0 no-repeat; }
		#sidebar #latest_news .inner p { padding: 0 12px; } /* Must add #sidebar to make this override */
#home_center { width: 316px; }
	#home_center ol,
	#home_center ul { margin: 0.2em 0 1em 2em; }
	#home_center .inner { width: 300px; background: #dbdbdc none 0 0 no-repeat; }
		#home_center #help_steps .inner { background-image: url(../img/bg_steps.png); }
		#home_center #upcoming_events .inner { background-image: url(../img/bg_events.png); }

#about-recent { width: 319px; }
	#about-recent .inner { margin: 0 10px 10px; padding: 5px; background: #dbdbdc url(../img/bg_about.png) 0 0 no-repeat; }

#emergency_assistance,
#get_involved,
#listen { width: 204px; background: transparent none center top no-repeat; }
	#emergency_assistance a,
	#get_involved a,
	#listen a { display: block; height: 44px; margin-bottom: 4px; }
#emergency_assistance { height: 69px; padding-top: 30px; background-image: url(../img/sidebar/emergency_assistance.png); }
#get_involved { height: 120px; padding-top: 20px; background-image: url(../img/sidebar/get_involved.jpg); }
#listen { height: 70px; padding-top: 25px; background-image: url(../img/sidebar/listen.png); }

/* Ad styles */
#sponsor { width: 190px; }
	#sponsor .inner { margin-bottom: 5px; padding: 5px; background: #dbdbdc; text-align: center; }

/* Overload signup form style */
#SignUp label { display: inline; }
