body {
background: url(images/tile.gif);
width: 100%;
margin: 23px 0 0 0;
padding : 0;
font: 98% "verdana";
}
p{
padding: 0;
margin: 0;
font: 98% "verdana";
}
h1 {
font-family: "verdana";
margin: 15px 0 0 0;
font-size: 200%;
font-weight: bold;
color: #018120;
} 
h2{
font-family: "verdana";
margin: 10px 0 0 0;
padding: 2px 0 8px 0;
font-size: 17px;
color: #018120;
} 
a {
text-decoration : none;
color : #7cae1d;
}
a:hover {
color : #000;
}

#backover
{
position:absolute;
width: 100%;
height : 200px;
margin: 32px 0 0 0;
background: url(images/middle_background.gif) repeat-x left ;
}
#clear
{
clear:both;
}
#wrapper
{
position: relative;
Width: 812px;
height: 400px;
background: #fff;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}
#headmain {
width : 100%;
height : 104px;  
background: #fff url(images/arrows.jpg) no-repeat right ;
margin-top: 0;
}
#headmain .logo {
width : 204px;
height : 104px;
background: url(images/logo.jpg) no-repeat;
float : left;
margin : 0 0 0 5px;
position: absolute;
}
#headmain #nav-menu ul
{
position: absolute;
width: 100%;
list-style: none;
padding: 0;
margin: 85px 0 0 216px;
font: 75% "verdana";
font-weight: bold;
}
#headmain #nav-menu li
{
float: left;
margin: 0 5px 0 0;
}
#headmain #nav-menu li a
{
background: #018120;
height: 16px;
float: left;
width: 105px;
display: block;
color: #fff;
padding-top: 1px;
text-decoration: none;
text-align: center;
}
#headmain #nav-menu li a:hover
{
background: #fff;
color: #018120;
}
/*IE5 FIX*/
#headmain #nav-menu li a
{
float: none
}
#headmain #nav-menu
{
width:30em
} 
#main {
width: 100%;
padding: 0;
}
#main #left{
width: 305px;
height: 225px;
margin: 20px 0 0 15px;
background: url(images/ourvans.jpg) no-repeat;
float: left;
}
#main #left_phone{
width: 305px;
height: 225px;
margin: 20px 0 0 15px;
background: url(images/ourvans.jpg) no-repeat;
float: left;
}
#main #right{
width: 480px;
height: 200px;
float: left;
margin: 0;
padding: 0;
}
#main #right .colLeft{
width: 170px;
margin-top: 12px;
line-height: 120%;
text-align : justify;
font-weight: bold;
font-size: 87%;
float: left;
}
#main #right .colLeftC{
width: 170px;
margin-top: 12px;
line-height: 120%;
text-align : justify;
font-weight: bold;
background: url(images/right.png) no-repeat;
background-position: bottom center;
font-size: 87%;
float: left;
}
#main #right .colRight{
width: 280px;
padding: 0 0 0 29px;
margin: 13px 0 0 0;
text-align : justify;
font-size: 80%;
float: left;
}
#main #right .colRight .biggreen{
margin: 6px 0 0 0;
font-size: 110%;
font-weight: bold;
font-style: italic;
color: #018120;
}
#main #strip{
width: 100%;
float: left;
height: 482px;
margin: 0;
padding: 0;
background: url(images/motorway.jpg) no-repeat;
}
#main #strip .text{
width: 793px;
float: left;
height: 100%;
padding: 0 10px 0 10px;
clear:both;
font-size: 80%;
}
#main #forms{
width: 802px;
float: left;
padding: 0 0 30px 10px;
background-color: #fff;
}
#main #maintext{
width: 792px;
float: left;
padding: 0 10px 30px 10px;
background-color: #fff;
}

#main #maintext #recruitment{
width: 792px;
height: 248px;
background: url(images/recuitment.jpg) no-repeat;
}







form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding-bottom: 20px;
  
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
  font-size: 90%;
  margin:auto;
}

form fieldset {
  border-color: #000;
  border: 1px solid #018120;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  	
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	font-size: 85%;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
    border: 1px solid #018120;                          
}

textarea { 
overflow: auto; 
}
form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
form .required{
font-weight:bold;
} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
.button {
border: 1px solid #018120;
background : #ffffff;
color : #000;
margin-left: 230px;
}


#footer{
width: 100%;
height: 152px;
clear:both;
background-color: #242321;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
bottom:0;
}
#footer .copyright {
padding: 45px 30px 0 10px;
color: #999999;
text-align: right;
font-size: 72%;
}
#footer .copyright a{
padding: 0;
text-decoration: none;
color: #fff;
text-align: right;
font-size: 100%;
}
#footer .copyright a:hover{
color: #018120;
text-align: right;
font-size: 100%;
}