/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Green Space
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet
Created: May 21, 2007
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/


/* ==== GENERAL STYLES ===== */
body {margin:0;padding:0;background:#C8E19D url(../images/bg.jpg) repeat-x top;}
a  {text-decoration:underline;color:#2B771C;}
a:hover {text-decoration:underline;color:#000000;}
#logosm { display:none; } 
#printIcon { position:relative; top:10px; left:25px; }
#printIcon a { color:#2D76BB; font-size:11px; text-decoration:none; line-height:12px;}
#printIcon a:hover { text-decoration:underline; color:#2B771C;} 
#idHome #printIcon { display:none;} 
#printIcon img {  vertical-align: text-top; margin-right:4px; }
#printbar { display:none; }
#idSub div#sidearea{ min-height:600px }

img {border:0;}
div#wrapper {width:914px;margin:20px auto 0;border:3px solid #259323;}
.clear {clear:both;}

TABLE TD { vertical-align:top; }
/* ==== TOP & BOTTOM STYLES ==== */
div.top {height:18px;padding:10px 10px 6px 10px;background-color:#2B771C;text-align:center;}
div.bottom {height:18px;padding:6px 10px 7px 10px;background-color:#2B771C;text-align:center;}
div.bottom TABLE {margin:0 auto; }
div.bottom TD {padding:3px 10px;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;color:#FFFFFF; }

/* ==== CONTENT STYLES ==== */
div#content {width:100%;background:#FFFFFF;overflow:hidden; padding-bottom:20px;}

/* ---- SIDE AREA ---- */
#sideLogo { margin-left:-20px; }
div#sidearea {width:177px;margin:37px 17px 0 10px;float:left;text-align:center;display:inline;}
div#sidearea #sidemenu {height:240px;margin-top:45px; margin-left:10px; padding:0 5px 0 10px;background:url(../images/sidemenu_bg.jpg) repeat-x top;clear:both;}
div#sidearea #sidemenu ul {list-style-type:none;margin:0;padding:0; }
div#sidearea #sidemenu ul li {margin:0;padding:10px 0 0 0;text-align:left;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;font-size:11px;}
div#sidearea #sidemenu a {margin:0;padding:0;padding-left:17px;text-decoration:none;color:#2d76bb;/*background:url(../images/bullet_ltgreen.jpg) no-repeat;background-position:left top;*/display: block;}
div#sidearea #sidemenu a:hover {text-decoration:none;color:#2B771B;background:url(../images/bullet_green.gif) no-repeat;background-position:left top;}
div#sidearea #sidemenu .active {text-decoration:none;color:#FFFFFF;background:url(../images/bullet_white.gif) no-repeat;background-position:left top;}

div#sidearea #menuimage { display:none; }
#idSub2 div#sidearea #menuimage { display:block; margin-left:-14px; margin-bottom:10px; }
#idHome #gpimage { display:none;}
#gpimage {margin-top:5px;}
#idSub div#sidearea #sidemenu { margin-top:20px; }




#contentTable { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#contentTable TD { padding-bottom:20px; }

#bodyTable {clear:both; margin-top:15px; }

/* ---- MAIN PAGE CONTENT ---- */
div#main p {font-size:12px;color:#000000;font-weight:normal;margin:0;}
div#main #maincopy {width:319px;padding:6px 0px 0px 6px;margin:10px 10px 0 0;float:left;display:block;}
div#main #maincopy img {margin:10px 35px 0 35px;}

#column1  { width:145px;  }
#column1 H1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#2e76bb;padding:0 0 0 10px; font-size:16px; line-height:18px; margin:0px; display:block;}

#column1 ul {font-weight:normal;margin:0px 0px 0px 10px;padding:0 15px 0 10px; list-style-type:disc;}
#column1 ul li {width:auto;margin:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#2e76bb;}
#column1 ul#subnav {padding:0;margin:15px 0px 0px 10px;padding:0 15px 0 10px;list-style-type:disc;}
#column1 ul#subnav li {margin:0 0 5px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#2e76bb;}
#column1 a, #column1 a:hover {text-decoration:none;font-size:12px;color:#2e76bb;}
#column1 a:hover {text-decoration:underline;color:#2B771C;}
#column1 a.active {color:#2B771C; font-weight:bold;}

#column2 {width: 402px; font-size:12px; padding:0 15px 0 15px;}

#column2 h3 {font-size:12px; color:#2b771b; margin:0; padding:0px 0px 8px 0px;}

#column2 ul {margin:0; padding:0 0 0 25px;}
#column2 ul li {margin:0 0 10px 0;padding:0;}
#column2 ul#subnav {padding:0;margin:0px 0 8px 0px;clear:right;list-style-type:none;}
#column2 ul#subnav li {margin:0 8px 0px 0px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#2e76bb;/*float:left;*/display:inline;}

#column2 ul li .name {}
#column2 ul li .title {font-style:italic;}
#column2 ul li .description {}

#column2 h1 {/*height:17px;font-family:Georgia, "Times New Roman", Times, serif;*/font-size:16px;color:#2d76bb;font-weight:bold;margin:0 0 5px 0;padding:0;}
#column2 h2 {/*height:17px;font-family:Georgia, "Times New Roman", Times, serif;*/font-size:12px;color:#000000;font-weight:bold;margin:0 0 10px 0;padding:0;}
#column2 p {font-size:12px;color:#000000;font-weight:normal;margin:0 0 20px 0;clear:left;}
#column2 a {text-decoration:none;color:#2e76bb;}
#column2 a:hover {text-decoration:underline;color:#2B771C;}
#column2 a.active {color:#2B771C;}

#column3 {font-size:11px;  width: 159px; text-align:left;}

#column3 ul {list-style-type:none;margin:0;padding:0;}
#column3 ul li {width:149px;margin:0;padding:0;margin-right:5px;padding:0;float:left;background:#DAE6D1;overflow:hidden;}
#column3 img {margin:0;margin-bottom:5px;padding:0;}
#column3 p {width:125px;margin:0;padding:0px 10px 8px 10px;}
#column3 p img {display:inline;}
#column3 a, #column3 a:hover {text-decoration:none;}
#column3 a:hover {text-decoration:underline;}

#homeFlash  { text-align:right; clear:both;}


#homeBoxes { float:right; margin:10px; width:336px;}
#homeBoxes  TD { padding:0px; }
/* ---- FEATURED MEMBER ---- */
#featured {background:#FEECC4;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000000; padding:0px;}
#featured h1 {  height:15px;margin:0;padding:5px 5px 5px 7px;font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;color:#FFFFFF;background:#FF9900;}
#featured p { padding:5px 7px; margin:5px;}
#featured a { color:#000000; }
.fcopy {float:right; width:100%; }
#featured .fcopy p { font-size:11px; }
.leftImage {float:left; margin-right: 10px; height:100%; }

/* ---- INFO BOXES ---- */
.infoboxes { background:#C6D0E9;}
.infoboxes { border-top:12px solid #FFFFFF; }
#infobox1 { border-right:5px solid #FFFFFF; }

.infoboxes ul {list-style-type:none;margin:7px 0 0 0;padding:0;}
.infoboxes ul li {margin:0;padding:0;margin-right:5px;padding:0;float:left;}
.infoboxes p {margin:0;padding:0px 10px 8px 10px;}
.infoboxes a, div#main #infoboxes a:hover {text-decoration:underline; color:#000000;}
.infoboxes a:hover {text-decoration:underline;}
.labelImage { background:#2D76BB; text-align:center; padding:0px; margin:0px;}

/* ---- TOP AREA ---- */
div#toparea {text-align:right; margin-top:3px;padding:5px 5px 2px 10px; height:20px; }
div#toparea ul {margin:0; float:right; width:auto; }
div#toparea ul li {width:auto;float:left;margin:0 0 0 5px;padding:0 20px 0 2px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#2e76bb;  }
div#toparea a  {text-decoration:none;font-size:11px;color:#2e76bb;}
div#toparea a:hover {text-decoration:underline;color:#2B771C;}

/* ---- NAVIGATION ---- */
div#navigation {clear:both;width:100%;border-bottom:1px solid #2d76bb; text-align:right; height:28px;}
#idHome div#navigation {border:none;}
div#navigation ul {list-style-type:none;margin:0;padding:0;}
div#navigation ul li {margin:0 76px 0 0;height:17px;padding:5px 0 8px 5px;float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;color:#2d76bb;font-weight:bold;}
div#navigation a 			{font-size:13px;padding:3px 0 5px 5px;text-decoration:none;color:#2d76bb;}
div#navigation a:hover {background:url(../images/leaf_bullet.jpg) no-repeat left; padding:3px 0 5px 5px;}
div#navigation a.active {background:url(../images/leaf_bullet.jpg) no-repeat left; padding:3px 0 5px 5px; color:#2b771b;}

/* ==== FOOTER STYLES ==== */
div#footer {width:914px;margin:0 auto;padding:10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#2b771b;}
div#footer .copyright {width:50%;text-align:left;float:left;}
div#footer .designby {width:50%;text-align:right;float:right;}
div#footer a, div#footer a:hover {color:#2B771B;text-decoration:none;}

#idHome div#sidearea { padding-top:25px; }
#planLogo { margin-bottom:-20px; }

/********* CODE REFERENCE:	 *********** 
//GOOGLE TOOLBAR 	 background-color: #FFFFFF !important;		
********************/

/*******	FORM CLASSES	class="fform"  *******/
.fform INPUT 		{ 	padding:2px; margin:0px; 	font-size:12px;	   
							color:#000000; 
				  	      border: 1px solid #CCCCCC; 	
					 		border-top-color:#000000;	
					  		border-left-color:#000000;	   }
.fform SELECT 		{  padding:0px; margin:0px; 	font-size:12px;	   
							color:#000000; 
				  	      border: 1px solid #CCCCCC; 	
					 		border-top-color:#000000;	
					  		border-left-color:#000000;	   }
.fform TEXTAREA	{  padding:2px; margin:0px; 	font-size:12px;	   
							color:#000000; 
				  	      border: 1px solid #CCCCCC; 	
					 		border-top-color:#000000;	
					  		border-left-color:#000000;	   } 			  
							
.fform INPUT.checkbox	 	{ border:0px;	 margin:0px; 	padding:0px;}
.fform INPUT.clean		 	{ border:0px;	 margin:0px; 	padding:0px;}

.fform INPUT.formButton 	{ font-size:12px; font-variant: small-caps; font-weight:Bold;
					  				  text-decoration:none;	 padding: 1px 5px 1px 5px;	margin: 0 0px 0px; 
					  				  background-color:#2d76bb; color:#FFFFFF;	
 					 				  border:outset 2px #45B3DF;	}  			  
.fform INPUT.formButton:hover 	{ background-color:#45B3DF; cursor: pointer;}
.fform INPUT.formButton:active { border-style: inset;}
							  
									  
.SimpleRow-Label				{ font-size:12px; width:42%; float:left; text-align: right; font-weight: bold;  text-align: right; padding: 0 0 0 0; color:#333333;}
.SimpleRow-Note				{ font-size:11px; font-weight: normal; line-height:12px; color:#666666;  padding: 2px 0 0 0;}
.SimpleRow-Field				{ width:58%; float:right; text-align: left; }
.SimpleRow-FieldPad			{ padding:0 0 0 10px }
.SimpleRow-Space				{ clear: both; height:5px; font-size:1px; line-height:1px;}

.SimpleRow-Req					{ font-size:11px;		line-height:12px;	float:left; padding-top:6px;}		


.SimpleRow-Label-Small		{ width:50%; float:left; text-align: right; font-size:11px;  text-align: right; padding: 0 0 0 0; color:#a1a2a2; font-weight:Bold}
.SimpleRow-Note-Small		{ font-size:11px; font-weight: normal; line-height:11px; color:#666666;  padding: 2px 0 0 0;}
.SimpleRow-Field-Small		{ font-size:11px; width:50%; float:right; text-align: left; color:#000000; }
.SimpleRow-FieldPad-Small	{ padding:0 0 0 5px }
.SimpleRow-Space-Small		{ clear: both; height:2px; font-size:1px; line-height:1px;}


.button, .button:visited, .button:hover, .button:active			{ 
					  font-size:12px; font-variant: small-caps; font-weight:Bold;
					  text-decoration:none;	 padding: 1px 5px 1px 5px;	margin: 0 0px 0px;
					  background-color:#2d76bb; color:#FFFFFF;	
 					  border: 2px solid #000000; 	
					  border-top-color:#CCCCCC;	
					  border-left-color:#CCCCCC;	
					  }

.button:hover 	{ background-color:#0053ec;}
.button:active { border-style: inset;}



