/* -----------------------------------------
Stylesheet for ELM - www.environmentalleague.org
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: December 2009
-------------------------------------------- */

body {background:#666 url(images/bg.png) repeat-x; margin:0; font-family:arial,helvetica,verdana,sans-serif; font-size:14px; color:#333;}

h1, h2, h3 {padding:0; margin:0;} 
/* page titles - see h1 styles in #banner below */
h1 {font:normal 26px arial,verdana,helvetica,sans-serif;}
/* sub-title - green */
h2 {font:normal 22px arial,verdana,helvetica,sans-serif; color:#509236; padding:6px 0 8px 0;} 
/* sub-titles - black (smaller) */
h3 {font:normal 16px arial,verdana,helvetica,sans-serif; color:#000; padding:0 0 8px 0;}
	
p {font-size:14px; margin:0; padding:0 0 15px 0; line-height:19px;}
p.intro {font:normal 16px arial,helvetica,verdana,sans-serif; line-height:20px; padding:0 0 15px 0;}
p.error {padding:0 0 0 20px !important; background:url(images/warning.gif) 0 1px no-repeat; color:#FFF;} /* for contact form */
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:18px; padding:0 0 6px 0; }

blockquote {margin:0 0 0 25px; padding:0;}
img {border:0;}
/*label {display:none;}*/
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

form {margin:0; padding:0;}

/* ---- links ----------------------------------------- */
a {color:#509236; text-decoration:underline;}  
a:visited {color:#509236;}
a:hover {color:#629D4A; text-decoration:none;}
a:active {color:#509236;}
a:active, a:focus {outline:none;}

a.button {background:#4D8B34; text-decoration:none !important; font-size:13px; color:#fff; padding:4px 6px}
a.button:hover {background:#000;}
a.donate {background:#4D8B34; text-decoration:none !important; font-size:13px; color:#fff; padding:4px 6px; display:block; width:140px;}
a.donate:hover {background:#000;}

a.pdf {background:url(images/icon-pdf.gif) 100% 0 no-repeat; padding-right:22px;}
a.word {background:url(images/icon-word.gif) 100% 0 no-repeat; padding-right:22px;}
a.excel {background:url(images/icon-excel.gif) 100% 0 no-repeat; padding-right:22px;}
a.ppt {background:url(images/icon-ppt.gif) 100% 0 no-repeat; padding-right:22px;}

input.donate {background:#4D8B34; text-decoration:none !important; font-size:13px; color:#fff; padding:4px 6px; display:block; width:140px; border:none; width:180px;}
input.donate:hover {background:#000;}

/* ---- ids & classes ----------------------------------------- */

#frame {width:950px; margin:0 auto; padding:15px 0; position:relative;}

#header, #navmenu, #bannerhome, #banner, #contenthome, #content {width:950px;}

#header {height:150px; background:#fff url(images/bg-header.jpg) 100% 0 no-repeat; position:relative;}
	#logo {position:absolute; top:29px; left:27px; width:360px; height:96px; background:url(images/logo.png) no-repeat;}
		#logo span {display:none;}
		#logo a {display:block; width:230px; height:70px;}
	#signupbox {position:absolute; bottom:26px; right:20px; width:260px;}
		#signupbox label {display:block; color:#fff; font-size:16px; line-height:20px; text-transform:uppercase;}
		#signupbox form {margin:6px 0 0 0; font-size:10px;}
		#signupbox input {margin:0; padding:4px 2px; width:170px; background:#fff; border:none; font-size:11px; color:#999;}
		#signupbox input.button {width:65px; padding:3px 2px; border:none; background-color:#509236; color:#fff; margin-left:7px;}
	
#navmenu {height:38px; background:#000; font-size:13px; text-transform:uppercase;}
	#navmenu ul {list-style:none; margin:0; padding:0; height:38px;}
	#navmenu li {display:block; float:left; padding:0; margin:0;}
	#navmenu a {display:block; height:38px; line-height:38px; padding:0 14px; color:#fff; text-decoration:none;}
	#navmenu a.takeaction {color:#509236; text-decoration:underline;} /* "take action" link */
		#navmenu a.takeaction:hover {text-decoration:none;}
	#navmenu a.on {background:#509236; color:#fff;}
	#navmenu a:hover {background:#437C2E; color:#fff;}

/* home page styles -- */
#bannerhome {height:250px; position:relative; background-color:#000;}
	#bannerhome img {display:block; margin:0; position:absolute; top:0; left:0;}
	#textbox {width:295px; height:200px; padding:35px 15px 15px 15px; background:transparent url(images/bg-textbox.png); position:absolute; top:0; right:0; color:#fff;}
		#textbox h1 {text-transform:uppercase; padding:0 0 10px 0; font-size:20px;}
		#textbox p {padding:0 0 20px 0; line-height:18px;}

#contenthome {background:#70A254; position:relative; height:310px;}
	#contenthome p {padding:0; line-height:18px;}
	
	#linkboxes {width:595px; padding:15px; height:280px; position:absolute; top:0; left:0;}
		a.lbox {float:left; width:190px; height:280px; display:block; text-decoration:none; margin-right:12px; color:#333;}
		a.lbox:hover {background:#4D8B34;}
		#linkboxes h3 {color:#fff; margin:0 10px;}
		#linkboxes p {font-size:14px; margin:0 10px;}
		#linkboxes img {display:block; margin:0 0 10px 0;}
	
	#newsbox {width:325px; height:310px; position:absolute; top:0; right:0;}
		#newsiframe {border:none; width:325px; height:310px; margin:0; padding:0; background:#4D8B34;}
		#newswrap {width:325px; height:310px; background:#4D8B34 url(images/bg-newsbox.png) 100% 0 no-repeat; color:#fff; /*border:1px solid #4D8B34;*/}
			#newswrap h3 {color:#fff; text-transform:uppercase; padding:0; position:absolute; top:14px; left:15px;}
			#newswrap .utilities {color:#fff; text-transform:uppercase; font-size:11px; position:absolute; top:20px; right:17px;}
				#newswrap .utilities a {color:#fff; text-decoration:none; line-height:14px; display:block; float:left;}
				#newswrap .utilities a:hover {color:#333;}
				#newswrap .utilities .bar {border-left:1px solid #ccc; width:1px; height:12px; float:left; margin:0 10px;}
			#newswrap .newstext {padding:55px 15px 15px 15px;}
			#newswrap h4 {font-size:16px; margin:0; padding:0 0 6px 0;}
			#newswrap p {font-size:14px; line-height:18px; padding:0 0 15px 0;}
			#newswrap p.date {font-size:12px; padding:0 0 6px 0;}
			#newswrap a.button {background:#3A6B27; position:absolute; bottom:20px; left:15px;}
				#newswrap a.button:hover {background:#000;}	
	
#learnmore {background:#fff url(images/bg-learnmore.gif) repeat-y; padding:15px 15px 5px 15px;}
	#learnmore h3 {padding-bottom:5px; color:#4D8B34;}
	#learnmore p {font-size:12px; line-height:15px;}
	.lmbox {float:left; width:440px; }
		.lmtext {float:left; width:365px;}
		.lmbox img {display:block; float:left; margin:0 13px 0 0; width:60px;}
	
/* interior pages styles -- */
#banner {height:125px; background:#000; position:relative;}
	#banner h1 {position:absolute; height:125px; width:625px; padding-left:30px; line-height:125px; left:0; top:0; color:#fff; text-transform:uppercase; 
		z-index:100; background:transparent url(images/banner-fade.png) no-repeat;} /* background-position is inline */
	#banner img {display:block; margin:0;}
	#banner img.left {position:absolute; top:0; left:0; z-index:50;}
	#banner img.right {position:absolute; top:0; right:0; z-index:50;}

#content {background:#fff; border-bottom:1px solid #4D8B34;}
	#main {width:575px; padding:25px 25px; float:left;}
		.imgleft {float:left; display:block; margin:3px 20px 15px 0;}
	#sidebar {width:325px; float:right; background:#509236; color:#fff;}
		#subnav {border-bottom:1px solid #70A254; padding:15px 0; background:url(images/bg-leaf.png) 100% 10px no-repeat; margin:0 0 15px 0;}
			#subnav h3 {padding-left:15px;}
			#subnav ul {margin:0 !important;}
			#subnav li {display:block;}
			#subnav a {display:block; color:#fff; text-decoration:none !important; padding:4px 15px; margin:1px 0;}
			#subnav a:hover, #subnav a.on {background:#3A6B27;}
		#sidebar h3 {color:#fff; font-size:16px; text-transform:uppercase; padding:0 15px 8px 15px;}
		#sidebar p {padding:0 15px 15px 15px;}
		#sidebar ul {list-style:none; margin:0 15px 15px 15px; padding:0;}
		#sidebar li {padding:0; line-height:20px;}
		#sidebar a {text-decoration:underline; color:#fff;}
		.rule {height:1px; font-size:1px; line-height:1px; background-color:#70A254; margin:0 0 15px 0;}
		#supportbox {height:75px; padding:15px 15px; background:url(images/bg-supportbox.jpg) no-repeat; }
			#supportbox h3 {margin:0 0 12px 0; padding:0; font-size:18px; font-weight:normal;}
			#supportbox p {padding:0;}
	/* for single column pages with no sidebar (e.g. bulletin sign-up) */
	#onecol {width:100%; padding:25px 25px;}
	
	/* bulletin form */
	#bulletinform {padding-top:10px;}
		#bulletinform form {margin:0;}
		#bulletinform input {}
		#bulletinform input.text {width:350px;}
		#bulletinform input.button {background:#4D8B34; text-decoration:none !important; font-size:13px; color:#fff; border:0;}
		#bulletinform label {}
		table#forms {}
		table#forms td {vertical-align:center; padding:6px;}
		table#forms td.right {text-align:right; padding-right:10px; font-weight:bold;}
		p.small {padding:0; font-size:11px;}
		
	/* News and events */
	.newsevents {margin-bottom:25px;clear:both;}
		.newsevents p {padding:0 0 8px 0;}
	.newsevents_side {margin-bottom:15px;clear:both;}
		.newsevents_side p {padding-bottom:4px !important; margin:0 !important;}
		.newsevents_side a { text-decoration:underline !important;}

#footer {padding:15px 20px 15px 20px; background:#333; color:#fff; font-size:12px;}
	#footer .box {float:left; background:transparent; padding-right:20px;}
	#footer h3 {color:#ccc; text-transform:uppercase; padding-top:2px;}
	#footer p {font-size:12px; padding:0 !important; margin:0; line-height:16px;}
	#footer a {color:#70A254;}
	#sharethis {float:right; text-transform:uppercase; padding-top:2px;}
	#sharethis a {text-decoration:none; font-size:16px;}

#notices {padding:6px 10px; color:#C2C2C2;}
	#notices p {float:left; font-size:11px;}
	p#props {float:right;}
	p#props a {color:#C2C2C2;}

#loginTable {margin:0 0 0 15px;}
	#loginTable td {padding:0 5px 10px 0;}
		#loginTable input {width:200px; border:1px solid #CCC; background-color:#F5F5F5; margin:0; padding:4px;}
		#loginTable input.button {width:64px; border:1px solid #333; background-color:#333; color:#FFFFFF; line-height:25px;}
	#securelogout { float: right; background-color:#333333; color:#FFFFFF; font-size:12px; padding:0;}



/* admin styles */
#adminmenu {font:normal 12px Arial, Verdana, Helvetica, sans-serif; background-color:#fff;
	width:150px; clear:both; position:absolute; right:20px; top:15px; z-index:500; border:1px solid #666;}
	#adminTop {width:150px; height:13px; background:url(images/adminTop.gif) no-repeat;}
	#adminBottom {width:140px; height:13px; background:url(images/adminBottom.gif) no-repeat;}
	#adminbody {background-color:#fff;}
	#adminmenu table {text-align:left; background-color:#fff;}
	#adminmenu table td {padding:5px; vertical-align:top;}
	#adminmenu p {padding:0; margin-bottom:2px;font:normal 12px Arial, Verdana, Helvetica, sans-serif;}
	#adminmenu a {text-decoration:none; color:#000;}