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

body {
  background: #fff url(images/header.gif) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #333;
}

a {
  text-decoration: none;
  color: #648CA5;
}
a:hover {
  text-decoration: underline;
  color: #111;
}

#wrap {
  margin: 0 auto;
  width: 780px;
}

#menu {
  height: 40px;
}
#menu ul {
  list-style-type: none;
  padding-top: 20px;
}
#menu ul li {
  display: block;
  float: left;
}
#menu ul li a {
  color: #9EA036;
  padding: 0 20px 0 0;
  text-decoration: none;
  font-weight: 100;
  font-size: 14px;
}
#menu ul li a:hover {
  color: #111;
  text-decoration: none;
}

#header {
  height: 60px;
  line-height: 60px;
}
#header h1 {
	color: #9EA036;
	font-size: 24px;

}

#header h1 a{
	text-decoration:none;
	color: #9EA036;	
}

#content {
  margin-top: 20px;
  text-align: justify;
}

#content h2 {
  color: #9EA036;
  font-size: 24px;
  font-weight: 100;
  padding: 10px 0 20px 10px ;
  letter-spacing: -1px;
}
#content h2 a {
  color: #9EA036;
  text-decoration: none;
}
#content h2 a:hover {
  color: #111;
}

#content h3 {
	color:#9EA036;
	font: size:18px;
	font-weight:100;
	text-align:center;
	padding-bottom:10px;
}

#content img{
  float:left;
  padding: 25px 15px 15px 0px ;
}


.centered {
	width: 780px;
	margin: auto;
	text-align:center;
	font-size: 10px;
}

.centered h2{
  color: #9EA036;/*#A4B0C4;*/
  font-size: 24px;
  font-weight: 100;
  padding: 10px 0 7px 0;
  letter-spacing: -1px;	
}



#columns {
  margin-top: 10px;
  border: 1px solid #D3D463;
  background:#fff;
  padding: 10px;
}

#columns img{
	float:right;
}

.column1 {
  float: left ;
  width: 370px;
  background:#FFFFCC;
}

.column1 .bold{
	font-weight:bold
}

.column1 ul {
  list-style-type:circle;	
  padding-left:20px;
  padding-right:10px;
}

.column1white{
  float: left ;
  width: 370px;	
}

.column1white ul {
  list-style-type:circle;	
  padding-left:20px;
  padding-right:10px;
}

.column1white li.sub{
   list-style-type:none;
	padding-left:30px;
}


.column2 {
  float: right;
  width: 370px;
  text-align: left;
}

.column2 .bold{
  font-weight:bold
}

.column2 ul {
  padding: 0 0 0 0;
  list-style-type: none;
}

.column2 ul li a {
  text-decoration: none;
}

.column2 ul li a:hover {
  color: #111;
}


.column2white{
  float: left ;
  width: 370px;	
}

.column2white ul {
  list-style-type:circle;	
  padding-left:20px;
  padding-right:10px;
}


.columnclear{
  clear:both;
}


/* FORM HANDLING */

input, textarea {
	width: 120px;
	border-top: 1px solid #A3A3A3;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #D6D6D6;
	font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #757575;
}

.cssform{
	
}


.cssform p{
  width: 425px;
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 350px; /*width of left column containing the label elements*/
  /*border-top: 1px dashed gray;*/
  height: 1%;
}

.cssform label{
  font-weight: bold;
  float: left;
  margin-left: -145px; /*width of left column*/
  width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 250px;
}

.cssform textarea{
  width: 300px;
  height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.clientline{
	padding-top:20px;
	width:754px;
}

.clientline img{
	border-style:none;
}


.clientline h3{
  text-align:left;
  color: #9EA036;
  font-size: 24px;
  font-weight: 100;
  padding-bottom:20px;
}

.clientline h3 a{
  color:#9EA036;
  text-decoration:none;
}

.clientline h3 a:hover{
   color:#111;
   text-decoration:none;	
}

.clientline img{
	float:right;
}

.clientleft{
	width:525px;

	padding-right:10px;
	padding-bottom:10px;
}

.c1{
	width:500px;
	float:left;
}

.c1 img {
  border-style:none;
}

.c2{
	width:250px;
	float:right;

}

.c2 img{
	padding-right:50px;
}

.c3{
	width:250px;
	float:right;
}

.c3 img{
	padding-right:50px;
}


#footer {
  margin-top: 20px;
  border-top: 1px solid #AEAEAE;
  padding: 10px 0;
  font-size: 11px;
  height:100px;
}

#footer .lefttext{
  float:left;
  width:300px;
  padding-left:10px;
}

#footer .righttext{
  float: right;
  width:300px;
  text-align:right;
  padding-right:10px;;
}







