/* main CSS Document */
/* general styling first*/
/* reset based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded*/
html, body{
margin: 0;
padding: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-left:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	background: #393833 url(images/background_top1.png) repeat-x top;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset styles */
/* clearing technique */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* mac hide */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/
 
p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}

a img,img{border:none;display:block;}

a{
text-decoration:none;
color:#252e1c;
}
 
h1,h2,h3,h4,h5,h6{
font-weight:bold;
}
 
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */


body{
	font-size: 13px;
	text-align:center; /* for ie5.+*/
}
#wrapper {
background-image: url(images/shadow.png);
background-repeat:repeat-y;
	max-width: 1020px;
	margin:auto;
	}
#container {
max-width: 955px;
min-width: 955px;
margin: auto;
}
#header {
	background-color: white;
	min-height: 200px;
	padding: 0 0 0 0;
	background-image:url(images/lime.jpg);
	background-repeat:no-repeat;
	background-position: top left;
}
#headera {
	min-height: 200px;
	min-width: 955px;
	padding: 0 0 0 0;
	background: transparent url(images/limea.png) no-repeat top left;
	background-color: white;
}

#headera h1 {
    float: left;
	width: 450px;
	height: 200px;
    margin: 0px;
    padding: 0px;
    text-indent: -9999px;
	background: transparent url(images/limea.png) no-repeat top left;
}

#headera h1 a {
    display: block;
    width: 450px;
    height: 200px;
}

#navcontainer {
	margin: 0 0 0 0;
	padding: 0;
	/*background-color: purple;*/
}
#nav{
    font-size:90%;
    padding:2em 1em 0 0;
    text-align:right;
}
 
#nav li{
    display:inline;
    padding:0 1em 0 0;
    font-weight:normal;
    font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
      
#nav li a{
	color: #393833;
}

#nav li a:hover,
#nav li a#current {color:#26b422;
}
#banner	{
	min-height: 270px;
	min-width: 955px;
	background: #26b422 url(images/fld.png) no-repeat 290px 30px; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner h1, #banner h2,  #banner p{
	display: none;
}
#banner1	{
	min-height: 270px;
	background: #26b422 url(images/who.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner1 h1, #banner1 h2,  #banner1 p{
	display: none;
}
#banner2	{
	min-height: 270px;
	background: #26b422 url(images/what.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner2 h1, #banner2 h2,  #banner2 p{
	display: none;
}
#banner3	{
	min-height: 270px;
	background: #26b422 url(images/how.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner3 h1, #banner3 h2,  #banner3 p{
	display: none;
}
#banner4	{
	min-height: 270px;
	background: #26b422 url(images/portfolio.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner4 h1, #banner4 h2,  #banner4 p{
	display: none;
}
#banner5 {
	min-height: 270px;
	background: #26b422 url(images/contact.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner5 h1, #banner5 h2,  #banner5 p{
	display: none;
}
#banner6 {
	min-height: 270px;
	background: #26b422 url(images/resource.png) no-repeat 290px 0; 
	border-top: solid #007a00 5px;
	border-bottom: solid #007a00 5px;
}
#banner6 h1, #banner6 h2,  #banner6 p{
	display: none;
}
#mnav li a span {
	display: none;
}
#mnav {
    width: 228px; height: 157px;
    margin: 50px 0 0 35px; padding: 0;
	float: left;
    position: relative;
}
  
#mnav li {
    margin: 0; padding: 0; float: left; list-style: none;
}
  
#mnav li, #mnav a {
    width: 228px; display: block;
}

/*set up the first button*/
#who  {
top: 0; height: 40px;
}

#who a {top: 0; height: 40px;
background: url(images/main_menu.png) 0px 0px no-repeat;
}

#who a:hover {top: 0; height: 40px;
background: url(images/main_menu.png) -228px 0px no-repeat;
}
#who a#current2 {top: 0; height: 40px;
background: url(images/main_menu.png) -228px 0px no-repeat;
}
/*set up the second button*/
#what  {
top: 41px; height: 40px;
}

#what a {
top: 41px; height: 40px;
background: url(images/main_menu.png) 0px -41px no-repeat;
}

#what a:hover {
top: 41px; height: 40px;
background: url(images/main_menu.png) -228px -41px no-repeat;
}
#what a#current2 {
top: 41px; height: 40px;
background: url(images/main_menu.png) -228px -41px no-repeat;
}
/*set up the third button*/
#how  {
top: 82px; height: 40px;
}

#how a {
top: 82px; height: 40px;
background: url(images/main_menu.png) 0px -82px no-repeat;
}

#how a:hover {
top: 82px; height: 40px;
background: url(images/main_menu.png) -228px -82px no-repeat;
}
#how a#current2 {
top: 82px; height: 40px;
background: url(images/main_menu.png) -228px -82px no-repeat;
}
/*set up the fourth button*/
#done {
top: 123px; height: 37px;
}

#done a {
top: 123px; height: 37px;
background: url(images/main_menu.png) 0px -123px no-repeat;
}

#done a:hover {
top: 123px; height: 37px;
background: url(images/main_menu.png) -228px -123px no-repeat;
}
#done a#current2 {
top: 123px; height: 37px;
background: url(images/main_menu.png) -228px -123px no-repeat;
}
#contentarea {
	background-color: white;
}
#content	{
	margin: 0 0 0 300px;
	min-height: 300px;
	color: #0f2800;
	text-align: left;
	padding:4em 4em 12em 2em;
	border-left: solid 1px #007a00;
}
#content h2, #content h3 {
	font-size: 200%;
	font-weight: normal;
	padding: 0.8em 0 0.5em;
	color: #007a00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align: left;
}
#content h4 {
	font-size: 140%;
	font-weight:normal;
	padding: 0.8em 0 0.5em;
	color: #007a00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align: left;
}
#content p 	{
	font-size: 110%;
	line-height: 1.4em;	
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	padding-top: .5em;

}
#content p#breadcrumb {
	font-size: 90%;
}
#content img {
  float:right;
  margin:0 15px;
  padding-right: 15px;
}
#content strong {
	color: black;
	font-weight:bold;
	font-size: 120%;
}
#content a {
	color:#007a00;
	font-weight: bold;
	font-size: 115%;
}
#content a:hover {
	color: black;
}
#content ul {
	margin-left:1em;
	/*list-style:inside;*/
	list-style:square;
	padding: 0 0 1em 2em;
	}
#content li {
	line-height: 1.5em;
	padding: 0 1em .8em .5em ;
	}

#column1 {
	margin: 0;
	width: 250px;
	float: left;
	color: #0f2800;
	text-align: left;
	padding: 30px 34px 20px 34px;
	} 
#column2 {
	margin: 0;
	width: 250px;
	float: left;
	color: #0f2800;
	text-align: left;
	padding: 30px 34px 20px 34px;
	}
#column3 {
	margin: 0;
	width: 250px;
	color: #0f2800;
	text-align: left;
	float: right;
	padding: 30px 34px 20px 34px;
	}
#column1 h3, #column2 h3, #column3 h3, #partners h3{
	padding-bottom: .5em;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	color: #007a00;
	font-family: Georgia, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
#column1 h4, #column2 h4, #column3 h4{
	font-size: 180%;
	font-weight:normal;
	text-align:center;
	color: #007a00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#column1 p, #column2 p, #column3 p, #partners p  {
	font-size: 110%;
	padding-bottom: .7em;
	line-height: 1.4em;	
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
#column1 a, #column2 a, #column3 a, #partners a {
	color:#007a00;
	font-weight: bold;
	font-size: 115%;
}
#column1 a:hover, #column2 a:hover, #column3 a:hover, #partners a:hover  {
	color: black;
}
/*#column1 img, #column2 img, #column3 img	{
	padding: 10px 0 10px 60px;
}*/
.service {
	padding: 10px 0 10px 60px;
}
.about {
	margin: 0 0 20px 10px;
	width: 200px;
	padding: 10px 10px 20px 10px;
	background:url(images/img_bg.png) bottom left repeat-x;
	border-top: 1px solid #cce6a7;
	border-right: 2px solid #b7ce96;
	border-bottom: 2px solid #b7ce96;
	border-left: 1px solid #cce6a7;
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	letter-spacing: .03em;
	text-align: center;
	color: #007a00;
	}	
.about img {
	border-top: 1px solid #b7ce96;
	border-right: 1px solid #cce6a7;

	border-bottom: 1px solid #cce6a7;
	border-left:1px solid #b7ce96;
	}
#partners {
	clear: both;
	margin: 0;
	padding: 0;
	color: #0f2800;
	text-align: left;
}
#partners h3 {
	padding-bottom: .5em;
	font-size: 140%;
	font-weight: normal;
	text-align: left;
	color: #007a00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
#partners h4 {
	font-size: 180%;
	font-weight: normal;
	text-align: left;
	color: #007a00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}
#logo {
float: left;
margin: 0;
padding: 30px 0px 0 59px;
}

#partnertxt	{
margin: 0 0 0 318px;
padding: 30px 34px 20px 34px;

}

#content fieldset {
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	#content fieldset ol{
		padding: 10px 10px 0 10px;
		list-style: none;
	}
	
	#content fieldset li {
		padding-bottom: 1em;
		list-style: none;
	}
	
	#content legend {
		font-size: 1.1em;
		font-weight: bold;
		padding: 5px;
		margin-left: .5em;
		color:  #007a00;
	}
	
	#content label 	{
		float: left;
		width: 16em;
		margin-right: 1em;
		line-height: 1.4em;
	}
	
	#content input, #content textarea{
		padding: 5px;
		font-size: 1.3em;
		border: 1px solid #b1b1b1;
		background: #eaeaea;
		color: #666666;
	}
	
	#content input.radio, #content input.checkbox{
		border:	none;
		background:	transparent;
	}
	
	#content fieldset p {
		margin: 0; 
		padding: 1em 0 0 2em;
	}
	
#slideshow {
	margin: 0 auto;
	width:850px;
	height:450px;
	position:relative;
	color: #0f2800;
	text-align: left;
}
#slideshow h2, #slideshow h3 {
	font-size: 180%;
	font-weight: normal;
	padding: 1em 0 0.5em;
	color: #007a00;
	font-family: Georgia, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	text-align: left;
}
#slideshow p 	{
	font-size: 110%;
	line-height: 1.3em;	
	font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
#slideshow a {
	color:#007a00;
	font-weight: bold;
	font-size: 115%;
}
#slideshow a:hover {
	color: black;
}
#slideshow ul {
	margin-left:2em;
	list-style:inside;
	padding: 0 0 1em;
	}
#slideshow li {
	line-height: 1.5em;
	}
#slideshow #slidesContainer {
  margin:0 auto;
  width:770px;
  height:450px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:750px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:450px;
}
 /* Slideshow controls style rules. */
.control {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}
#slideIndex
{
	left: 60px;
	bottom: 30px;
	position: absolute;
}
.numbers
{
	width: 16px;
	height: 16px;
	background: #ddd;
	display: inline-block;
	color: #777;
	border: 1px solid #007a00;
	text-align: center;
	margin: 2px;
	cursor: pointer;
	font: normal 12px Arial;
}
.active
{
	color: #007a00;
	background: #26b422;
	border: 2px solid #007a00;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:right;
  margin:0 15px;
  padding-right: 15px;
}

#sidebar	{
	background-color:white;
	color: #0f2800;
	width: 250px;
	float: left;
	padding:2em 25px 20px;
}
#sidebar h2	{
	font-size: 220%;
	font-weight: normal;
	padding: 1.5em 0 .8em 0;
	margin: 0 0 0 30px;
	color: #007a00;
	font-family: Georgia, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-align: left;
	}
#sidebar h3 {
	font-size: 120%;
	font-weight: bold;
	padding: .8em 0 .8em 0;
	margin:0 0 0 30px;
	color: #007a00;
	/*font-family: Georgia, Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;*/
	font-variant: normal;
	text-align: left;
}
#sidebar img {
  float:left;
  margin:0 15px;
  padding-right: 15px;
}
#sidebar p	{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
	margin: 0 0 1em 30px;
}
#sidebar p span {
	font-weight: bold;
	font-size: 120%;
	color: #007a00;
}
#sidebar a {
	color:#007a00;
	font-weight: bold;
	font-size: 120%;
}
#sidebar a:hover {
	color: black;
}
.adbox1{
	padding: 6.5em 0 1em 0;
	border-bottom: 	#007a00 solid 2px;
	background:url(images/news.png) top no-repeat;
	margin-bottom: 2em;
}
.adbox2 {
	padding: 5em 0 1em 0;
	background: url(images/resources.png) top no-repeat;
	}
.adbox3 h3{
	color: #0f2800;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding: 0 0 0 2.3em;
}
.adbox5 {
	padding:5em 0 1em 0;
	background: url(images/mail.png) top no-repeat;
}
.adbox5 h3 {
	color: #0f2800;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	padding: 0 0 0 2.3em;
}

#footer	{
	background-color:#393833;
	background-image:url(images/twitter.png);
	background-position: 470px 20px;
	background-repeat:no-repeat;
	color:  #c7c7c7;
	clear: both;
	padding-bottom: .5em;
	padding-top: 1.5em;
	border-top: solid #007a00 5px;

}
#footer a {
	color: #007a00;
	}
#footer a:hover {
	color: #c7c7c7;
}
#footer_container {
	width: 100%;
	height: 350px;
}
ul#list1, ul#list2 {
	float: left;
	width: 200px;
	text-align: left;
	padding: 0 0 0 4em;	
}
#footer_container li {
	padding: .5em 0 0 0;
}
#twitter_div {
margin: 0 40px 0 600px;
text-align: left;
color: #c7c7c7;

}
#twitter_div h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 180%;
	font-weight: normal;
	padding: 0.2em 0 0 0;
	}
ul#twitter_update_list {
	padding-bottom: 2em;
	}
ul#twitter_update_list li{
padding: .8em 0 0 0 ;
}
#twitter_div a{
	font-size: 150%;
	padding: 0;
	}


