/* CSS Document */

/*---------------------------------------------------------
  Color Scheme
  ---------------------------------------------------------
  
  Main Green
  #007500
  
  Light Green
  #33CC33
  
  Navigation Green
  #F3F8F2
  
  Form Borders
  #E3E3E3
  
*/


/*---------------------------------------------------------
  Tags
---------------------------------------------------------*/


* {
margin:0px;
padding:0px;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  background: #F9F9F9;
  font-size:10px;
}

#centerwrap {
width: 800px;
background: #FFFFFF;
 margin: 5px auto 30px auto;
 padding:0 50px 0 50px;
}

#left {
width:169px;
float:left;
min-height:450px;
}

#right {
float:left;
min-height:450px;
}

img {
border:none;
}



/*---------------------------------------------------------
  Classes
---------------------------------------------------------*/

.clear {
  clear:both;
}

.floatRight {
  float:right;
}

.floatLeft {
  float:left;
}

.spacer {
height:15px;
}


/*---------------------------------------------------------
  Header Classes
---------------------------------------------------------*/



#header {
  height: 90px;
  width:100%;
}

#header .logo {
  float: left;
  margin:0 0 0 -10px;
  padding:10px 0 0 0;
}

#header p {
float:right;
margin:25px 30px 0 0;
font-size:1.3em;
color:#000000;
text-align:right;
}

#header  span.big {
font-size:1.3em;
font-weight:bold;
color:#007500;
}

#header  span.small {
font-size:.8em;
}

/*---------------------------------------------------------
  Navigation
---------------------------------------------------------*/


.navigation-title {
  height: 30px;
  background: url(/style/images/navigation-title.gif) no-repeat;
}

.navigation-title h4 {
padding:7px 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#FFFFFF;
}



.navigation-bottom {
background:url(/style/images/navigation-bottom.gif) no-repeat ;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background: #F3F8F2;  
 	 border-left:solid 3px #007500;
 	 border-right:solid 3px #007500;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:10px 5px 5px 20px;
		color:#007500;
		font-family:Arial;
		font-size:1.4em;
		text-decoration:none;
		font-weight:bold;
		
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:2px 0px 2px 0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:4px 0px 4px 15px;
		margin:0px 5px 0px 5px;
		color: #007500;
		font-size:1.3em;
		text-decoration:none;
		font-weight:normal;
		
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:none;
		background :#FFFFFF no-repeat right center;
		color: #333333;
}
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:none;
		background :#FFFFFF no-repeat right center;
	color: #333333;

}
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		text-decoration:none;
		font-weight:normal;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		border-style:solid;
		border-color:#DDDDDD;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3C3C3C;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3C3C3C;
	}



		
	
/*---------------------------------------------------------
  Mailing List & Blog
---------------------------------------------------------*/

#mailinglist {
background: #F9F9F9;
border-left:solid 1px #DCE5DC; 
border-right:solid 1px #DCE5DC; 
padding:0px 5px 5px 5px;
height:115px;
}

#mailinglist h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#007500;
padding:0 0 5px 0;
}

#mailinglist p {
font-size:1.2em;
font-weight:normal;
color: #333333;
}

#mailinglist form {
color:#000000;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mailinglist input{
vertical-align:bottom;
font-size:1.0em;
}

#mailinglist input#first_name {
	height:13px;
	width:145px;
 	color:#3A3A3A;
	margin:0 0 2px 0;
    padding:3px 0 1px 4px;
	border:#DCE5DC 1px solid;
}

#mailinglist input#email_address {
	height:13px;
	width:145px;
	color:#3A3A3A;
	margin:0 0 2px 0;
    padding:3px 0 1px 4px;
	border:#DCE5DC 1px solid;
}

#mailinglist input#submit {
clear:both;
padding:5px 0 0 0;
}

#mailinglist a {
color:#000000;
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}


#blog h4 a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#007500;
padding:0 0 3px 5px;
text-decoration:none;
}

#blog h4 a:hover {
text-decoration:none;
color: #009900;
}

#blog p {
	
	margin-bottom: 1em;
}


#blog ul {
padding:0 0 0 5px;
}

#blog li {
list-style:none;
padding:5px 0 5px 0px;
}


#blog ul li a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
color: #333333;
text-decoration:none;
}

#blog ul li a:hover {
color:#000000;
background: #F9F9F9;
}

.top {
height:10px;
background:url(/style/images/left-top.gif) no-repeat;
}

.bottom {
height:15px;
background:url(/style/images/left-bottom.gif) no-repeat;
}

/*---------------------------------------------------------
  Search
---------------------------------------------------------*/

#search {
height:29px;
width:620px;
border-bottom:solid 2px #006600;
text-align:right;
}

#search span {
font-size:1.5em;
vertical-align: super;
color:#333333;
}

#search form {
margin:0px 10px 0 0;
color:#000000;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#search input{
vertical-align:bottom;
}

#search input#query {
height:13px;
width:145px;
    font-size:1.0em;
	color:#3A3A3A;
	margin:0 0 2px 0;
    padding:3px 0 1px 4px;
	border:#C6C6C6 1px solid;
}

.share-this {
position:absolute;
margin:7px 0 0 7px;
color: #333333;
font-size:1.2em;
}

.share-this a {
color:#000000;
text-decoration:none;
}


/*---------------------------------------------------------
  Content
---------------------------------------------------------*/



#content {
width:570px;
padding:10px 25px 15px 25px;

}

#easygreen h4 {
color:#007500;
font-weight:bold;
font-size:1.4em;
}


#content h4 {
font-weight:bold;
font-size:1.4em;
}

#content h3 {
font-weight:bold;
font-size:1.2em;
color: #333333;
padding-bottom:10px;
}

#content p, .answer {
font-size:1.2em;
color: #333333;
}

#content a {
font-size:1.2em;
color: #007500;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#content ul {
font-size:1.2em;
color: #333333;
padding-left:30px;
}

/* CSS Document */
#content form {
font-size:1.1em;
}

#content form input {
width:250px;
font-size:.75em;
	color:#3A3A3A;
	margin:0 0 2px 0;
    padding:3px 0 1px 4px;
	border:#C6C6C6 1px solid;
	font-size:1.1em;
}

#content form input#message {
height:100px;
width:350px;
}

#content form input#return {
width:12px;
}

#content form input#submit {
border:none;
width:55px
}

#content form .fieldset {
text-align:left;
width:90px;
}

#breadcrumbs {
font-size:1.1em;
color:#333333;
padding-bottom:5px;
}

#breadcrumbs a {
font-size:1.1em;
color:#333333;
padding-bottom:5px;
text-decoration:none;
}

#breadcrumbs a:hover {
text-decoration:underline;
}

#breadcrumbs span{
font-size:1.1em;
color:#007500; 
}

span.question { /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-size: 1.2em;
font-weight:bold;
color: #003300;
margin: 10px 0;
}

div.answer {
padding:0 0 10px 0;
}

#content .introLeft {
position: absolute;
margin:240px 0 0 0;
padding:10px;
width:340px;
height:175px;
float:left;
border-right:solid 1px #007500;
}

#content .introCenter {
position: absolute;
margin:240px 0 0 190px;
padding:10px;
float:left;
width:170px;
height:150px;
border-right:solid 1px #007500;
}

#content .introRight {
position: absolute;
margin:240px 0 0 360px;
padding:10px;
float:left;
width:200px;
height:175px;
}

#introContent h4 {
color:#007500;
text-align:center;
border-bottom:1px solid #CCCCCC;
}

#introContent p {
padding:5px;
font-size:1.2em;
}

/*---------------------------------------------------------
  Blog Pages
---------------------------------------------------------*/


.timr {
font-size:1em;
color:#333333;
font-weight:none;

}

.post h4 {
margin-bottom: 3px;
}

.post-wrapper p {
	
	margin-bottom: 1em;
}


/* comments */
.commr {
background:url(/style/images/commr.png) 0 0 no-repeat;
padding-left: 15px;
}

.post-header {
padding-top: 5px;
margin-bottom: 10px;
}

#content .commentsfeedr
{
	background: url(/style/images/feed.png) no-repeat left center;
	padding-left: 20px;
}


.comment
{
	background: #FFFFFF url(/style/images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}

.sidebar-bg {
background: #F9F9F9;
border-left:solid 1px #DCE5DC; 
border-right:solid 1px #DCE5DC;
padding:0px 5px 5px 5px; 
}

#sidebar {
position:absolute;
margin:0px 0 0 450px;
width:170px;
}

#sidebar h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#007500;
padding:0 0 3px 5px;
text-decoration:none;
border-bottom:solid 1px #DCE5DC;
}

#sidebar ul {
margin:10px 0 0 0;
padding:0 0 0 5px;

}

#sidebar ul.month {
margin:5px 0 0 0;
padding:0 0 0 5px;
}


#sidebar ul li {
list-style:none;
padding:0px 0px 5px 0	;
}


#sidebar ul li {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1em;
color: #333333;
text-decoration:none;
}

#sidebar a {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1em;
color:#000000;
text-decoration:none;
}

#blog-content {
float:left;
width:430px;
}

/*---------------------------------------------------------
  Footer
---------------------------------------------------------*/

#footer {
margin:0px;
padding:10px 0 10px 0;
clear:both;
}

#footer a {
color:#000000;
text-decoration:none;
}

#footer ul {
background:url(/style/images/bg-footer.gif) repeat-x;
height:19px;
text-align:center;
margin:5px 0 0 0;
padding:3px 0 0 0;
}

#footer li {
text-decoration:none;
display:inline;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#footer ul li a {
color:#FFFFFF;
text-decoration:none;
}

#footer ul li a:hover {
color: #ECEBE7;
}

#footer p {
text-align:center;
color: #000000;
font-size:1em;
margin:5px 0 0 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}