@charset "utf-8";

/* Global reset for all elements */
* { margin: 0; padding: 0;}


/* Tags */
body { text-align: center; background-color: #616161;}
h1, h2, h3, h4, h5, h6 { color: #333; padding: 0.6em 0;}
h2.subhead { font-size: 120%;}
img { border: none;}
p { padding-bottom: 10px;}
a { text-decoration: none; color: #4c721d;}
a:hover { text-decoration: underline;}
ul li { list-style-type: none; float: left;}
ul li a { display: block;}


/* Divs */
#container {
	font: 14px tahoma, arial, helvetica, sans-serif;
	line-height: 1.5em;
	color: #659934;
	margin: 0 auto;
	padding-top: 15px;
	width: 1004px;
	background: #fff url('../images/newhome/bg_container.gif') repeat-y 0 0;
	;
	text-align: left;
	position: relative;
	z-index: 1;
	overflow:auto;
}

#header { /*height: 280px;*/
	background-color: #A6CA44;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: auto;
	padding-bottom: 10px;
	width: 1002px;
	margin: 0 auto;
	clear:both;
	position:relative;
}
#header img { float: left; padding: 15px 0 0 22px;}
#header h1 { background: url('../images/newhome/header_title.gif') no-repeat 323px 16px; text-indent: -9999px; padding: 0; height: 50px;}
#header div.fulldesc { float: right; padding: 5px 40px 0 0; width: 636px; font-size: 80%; line-height: 1.4em; color: #333;}
#header div.fulldesc a:hover { font-weight: bold;}

#toplinks { float: right; padding: 0 10px 15px; height: 25px; /*//width: 500px;*/}
#toplinks li { padding-right: 10px; height: 35px;}
#toplinks li a { }

#navigation { float: right; height: 25px; clear: both; padding-right: 1px; position:relative} 
#navigation li { float: left; padding-left: 2px;}
#navigation li a { }

#content-area { 
	position: relative;}

#main { float: right; width: 704px;}
#main #main-inner { padding: 0 20px; /*min-height: 600px; border-left: 2px solid #d6e03d;*/ overflow: auto; min-height: 310px;}
#main #main-inner h1.title-resources { background: url('../images/newhome/title_resources2.gif') no-repeat 0 40px; padding: 30px 0 0; text-indent: -9999px; height: 40px;}
#main #main-inner ul.left-links, #main #main-inner ul.right-links { float: left; width: 315px;}
#main #main-inner ul.right-links { padding-left: 25px;}
#main #main-inner ul.left-links li, #main #main-inner ul.right-links li { margin: 25px 0 5px 0px; padding-left: 30px; text-transform: uppercase; background: url('../images/newhome/bg_icon_apple.gif') no-repeat 0 0; line-height: 25px; color: #4c721d; font-weight: bold; font-size: 16px; float: none;}
#main #main-inner ul.right-links li#get_organized { margin-top: 15px;}
#main #main-inner ul.left-links li a, #main #main-inner ul.right-links li a { color: #4c721d;}
#main #main-inner ul.inner-links { padding-top: 5px;}
#main #main-inner ul.inner-links li { /*list-style-type: disc;*/ background: none; font-weight: normal; text-transform: none; margin: 0 0 5px 0; padding: 0; line-height: 16px; font-size: 13px; color: #444;}
#main #main-inner ul.inner-links li a {/*color: #693;*/ color: #616161; display: inline;}
#main #main-inner ul.inner-links li a:hover { color: #aaa;}
#main #main-inner ul.inner-links li ul { margin-top: 6px;}
#main #main-inner ul.inner-links li ul li { list-style-type: none; font-size: 100%; margin-left: 20px; line-height: 12px;}

#sidebar { float: left; width: 300px;}
#sidebar img { margin: 20px auto 5px;}
#sidebar img.event { /*border-bottom: 2px solid #d6e03d;*/}
#sidebar #sidebar-inner { margin: 0 0 0 25px;}
#sidebar #sidebar-inner h2 { text-transform: uppercase; text-align: center;}
#sidebar #sidebar-inner p { font-size: 90%; width: 225px; margin: 0 auto; padding:0; color: #fff; line-height: 95%;}

#volunteer {
	margin: 0 0 0 80px;
	padding: 0px;
	display: block;
}
#volunteer li {
	margin: 0px;
	padding: 0px;
	border: 2px solid #D6E03D;
	background-color:#FFFFFF;
	width: 150px;
	line-height: 25px;
}

#volunteer li a {
	display:block;
	margin: 0px;
	padding: 2px 8px;
	text-decoration: none;
}
#volunteer li a:hover {
	background-color: #A6CA44;
	color: #FFF;
}

#footer { text-align: center; background: url('../images/newhome/bg_footer.gif') no-repeat left bottom; clear: both; min-height: 150px; color: #777; font-size: 11px; line-height: 1.3em; width: 100%; padding-top:20px;}
#footer a { font-weight: bold; color: #333;}
#footer p { padding: 15px 0 0;}


/* Miscellaneous Classes */
.clear { clear: both;}
.lclear { clear: left;}
.rclear { clear: right;}
.bold { font-weight: bold;}
.italics { font-style: italic;}
.rfloat { float: right; padding: 0 0 5px 15px;}
.lfloat { float: left; padding: 0 15px 5px 0;}
.center { text-align: center;}
.normal-case { text-transform: none;}
.uppercase { text-transform: uppercase;}