/*	CSS Properties for Picture This: Earth Day 2009	*/

/*	LAYOUT DIVISIONS	*/

	body { background: #e4d779; color: #5a5c4e; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; line-height: 140%; margin: 0px; padding: 0px; text-align: center; }
	
	h1 { font-size: 20px; margin: 0; padding: 0; color: #5B6E31; }
	h2 { font-size: 15px; margin: 0; padding: 0; }
	h3 { font-size: 13px; margin: 0 0 5px 0; padding: 0; color: #5B6E31; }
	h5 { font-size: 12px; font-weight: bold; color: #006396; margin: 0; padding: 0;}

	#container { background: #fff /*url('http://c8c493b3ff321077158517d2a03ef78b3d64ffe3.gripelements.com/images/bg-cont.png')*/ top left no-repeat; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; text-align: left; width: 800px; }

	#header { text-align: center; }

	#navigation { float: right; padding: 10px 40px 0px 0px; }
	
	#main { background: url('http://c8c493b3ff321077158517d2a03ef78b3d64ffe3.gripelements.com/images/bg-main.png') bottom left no-repeat; width: 800px; }
	
	#sidebar { float: left; margin: 10px 0px 0px 10px; text-align: left; width: 260px; }
	
	#content { float: right; margin: 20px 40px 0px 0px; padding: 0px 0px 20px 0px; width: 480px; }
	
	#footer { clear: both; padding: 20px; text-align: center; }

/*	TYPOGRAPHY	*/

	p {  }

/*	LIST ELEMENTS	*/
	
	#sidebar ul { margin: 0px; padding: 0px; }
	#sidebar li { list-style-type: none; padding: 5px; }
	
	#footer ul { margin: 0px; padding: 0px; }
	#footer li { display: inline; list-style-type: none; padding-right: 15px; }
	
	#navigation ul { margin: 0px; padding: 0px; }
	#navigation li { color: #ddd; display: inline; font-size: 11px; list-style-type: none; padding: 0px 4px 0px 0px; text-transform: uppercase; }

/*	ANCHOR ELEMENTS	*/
	a { border-bottom: none; color: #006396; text-decoration: none; }
	a:hover { border-bottom: 1px solid #999; color: #333; text-decoration: none; }
	p a { border-bottom: 1px dotted #999; color: #669900; text-decoration: none; }
	p a:hover { border-bottom: 1px solid #999; color: #444; text-decoration: none; }

	#sidebar p a { border-bottom: none; }
	#sidebar p a:hover { border-bottom: none; }

	p.special a { border-bottom: none; }
	p.special a:hover { border-bottom: none; }

	li a { border-bottom: 1px dotted #999; color: #669900; text-decoration: none; }
	li a:hover { border-bottom: 1px solid #999; color: #444; text-decoration: none; }
	
	#navigation li a { border-bottom: none; color: #5a5c4e; text-decoration: none; }
	#navigation li a:hover { border-bottom: none; color: #669900; text-decoration: none; }

	
/* worksite tool css */

	.worksite_details p { margin-top: 0; }
	.worksite_details a { color: #5C6F00;}
	label { display: block; }
	.errors { font-size: 12px; padding: 8px; line-height: 18px; border: 1px solid #90AA00; background-color: #E8EFC2; margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-style: italic; color: #5E6F00;}
	.breadcrumb { font-size: 11px; margin-bottom: 10px; }
	.breadcrumb a { border-bottom: none; color: #006396; text-decoration: none; }
	.shift { margin-bottom: 10px; } 
	.time { font-size: 11px; display: block; font-style: italic; }
	.shift_title { font-size: 11px; display: block; }
	.volunteer { display: block; font-size: 11px; }
	.volunteer a { border-bottom: none; color: #006396; text-decoration: none; }
	.admin_site_list { margin: 0; padding: 0; list-style-type: none; }
	.admin_site_list li { margin-bottom: 3px; }
	.worksite_nav { margin: 10px 0; padding: 0; list-style-type: none; }
	.worksite_nav li { display: inline; margin-right: 10px; padding: 3px 0; font-weight: bold; }
	.worksite_nav li a { border-bottom: none; color: #006396; text-decoration: none; }
	.stable { margin-top: 10px;}
	.stable tr th { background-color: #E4D779; padding: 3px; font-size: 11px; }
	.stable tr td { padding: 5px 20px 5px 0; border-bottom: 1px solid #E4D779; font-size: 11px;}
	.stable tr.odd td { background-color: #FFF9CF;}
	.stable tr td a { text-decoration: none;}
	.image_box { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #DFDFDF; padding: 3px; text-align: center; font-size: 11px;}
	.image_box a { border: 0; }
	.image_box a:hover { border: 0; }
	.shift_list { font-size: 12px; line-height: 22px; }
	.worksitelayout { background: none; }
	.worksite_logo { margin-bottom: 10px; padding: 3px; border: 1px solid #DFDFDF; float: left; clear:both;}
	.worksite_list tr td { padding: 3px 0; font-size: 11px; padding: 7px 3px; }
	.worksite_list tr.even td { background-color: #E4FFCF; }
	.shift { line-height: 18px; font-size: 11px; }