body,
	html {
		padding:0;
		background-color:#eeeeee;
		color:#666666;
		font-family: verdana,arial,sans-serif;
	}
	
html {
		overflow-y:scroll;
}	


:link { color: #7DB02C;
	text-decoration: none; }
:visited { color: #7DB02C;
	text-decoration: none; }
:link:hover, :visited:hover {color: #277925;
	text-decoration: none; }
:link:active, :visited:active { color: #7DB02C;
	text-decoration: none; } 
	

.imgborder { border: #79ABC4 solid 1px; }

img{
border:0;
}
	
	div#header img {
vertical-align: bottom;
}	
		

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



	#wrap {
		background-color:#7DB02C;
		color:#666666;
		margin:0px auto;
		width:960px;	
		min-width:760px;
     /* max-width:99.5%;	*/
		padding:0px;
		border: 1px solid #666666;
		min-height:450px;
		height:auto !important;
		height:450px;		
	}

	#header {
		background-color:#277925;
		color:#666666;
		height:101px;
		padding:0px;
		margin:0px;
	}
	

	#main {
		background-color:#FFFFFF;
		color:#666666;
		float:right;
		width:800px;
		min-width:800px;
		padding:15px;
		min-height:343px;			
		height:auto !important;
		height:343px;
		

	}
	#main p, ul, ol {
		font-size: 0.8em;
		line-height:1.4;
	}		
		
	
	#sidebar {
		background-color:#7DB02C;
		float:left;
		width:130px;
		min-width:130px;
	}
	
.imgLeft{
float:left;
padding-right: 10px;
}

.sideimagebox{
float: right;
font-size: 0.65em; 
font-style:italic; 
margin: 0px 5px 20px 10px;
padding-top: 0.3em; 
line-height: 1.5em; 
width:195px;
text-align: left; /*text alignment*/
}

.sideimagebox2{
float: right;
font-size: 0.65em; 
font-style:italic; 
margin: 0px 5px 20px 10px;
padding-top: 0.3em; 
line-height: 1.5em; 
width:246px;
text-align: left; /*text alignment*/
}

.sideimage{
border:0;
}

.references{
font-size: 0.65em;
}


table td {
	font-size: 0.9em;	
	line-height:1.4;		
}


 h1{
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-weight:bold;
color:#277925;
background-color:#FFFFFF;
font-size: 1em;  
font-style: normal;  
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}

 h2{
font-family: verdana, lucida, arial, helvetica, sans-serif; 
color:#277925;
background-color:#FFFFFF;
font-size: 0.8em;  
font-style: normal;  
font-weight: bold;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 10px;
padding-top: 0px;
}

 h3{
font-family: verdana, lucida, arial, helvetica, sans-serif; 
color:#277925;
background-color:#FFFFFF;
font-size: 0.8em;  
font-style: normal;  
font-weight: normal;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}

 h4{
font-family: verdana, lucida, arial, helvetica, sans-serif;
background-color:#FFFFFF;
font-size: 0.8em;  
font-style: normal;  
font-weight: bold;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}

 h5{
font-family: verdana, lucida, arial, helvetica, sans-serif;
background-color:#FFFFFF;
font-size: 0.8em;  
font-style: italic;  
font-weight: normal;     
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}


/*Or if the vertical align fix causes problems, try this:
.blockIMG
{
display:block;
margin:0;
}
*/


.tableindent {
margin-left:15px;
margin-right:15px;
}


th {
font-size: 1em;
font-family: arial, helvetica, sans-serif;
color: #134c60;
background-color: #FFFFFF;
}


.leftimage{
clear: left;
float: left;
margin-left:5px;
margin-right: 15px;
}

.fixedimage{
margin-left:5px;
margin-right: 15px;
}


 .rowofimages
{
float: left;
margin: 0 15px 15px 0;
}

.clearboth { clear: both; }

.rightimage{
float: right;
margin-left: 15px;
padding-right: 15px;
}

.rightbanner{
text-align:right;
margin-left: 25px;
}

hr {
clear: both;
visibility: hidden;
}

.submitbutton {
 background-color: #277925;
 border: 1px solid #666666;
 color: #FFFFFF;
 font-weight: normal;
 font-size:1em;
 cursor: pointer;
 vertical-align:top;
}



#footer {
	background-color:#277925;
	color:#ffffff;
	clear:both;
}
	
	
#footer p{
padding: 5px;
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.55em;
text-align:center;
border-top: 1px solid #666666;
}

#footer a{	
	color: #ffffff;
	text-decoration: none;
	border: 0px none;
}

#footer a:hover{	
	color: #ffffff;
	text-decoration: none;
	border: 0px none;}





/*Stuff for form validation script*/

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	/*border: 1px solid #00A8E6;*/
}
input.validation-failed, textarea.validation-failed {
	/*border: 1px solid #FF3300;
	color : #FF3300;*/
}
input.validation-passed, textarea.validation-passed {
	/*border: 1px solid #00CC00;
	color : #000;*/
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.surveyform{
font-size:0.8em;
}