/* 
Date - 22-01-2007
Develop by JG
*/

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


body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
background-color:#CCCCCC;
}

#outerbody{
margin:auto;
width:800px;
height:900px;
background-color:#ffffff;
}

#innerbody{
margin:auto;
width:741px;
height:900px;
background-color:#7F8000;
border:#000000 1px solid;
margin-bottom:5px;
}

/*IE\*/
* html #innerbody{
height:820px;
}

#height_beem{
float:left;	
width:1x;
min-height:900px;
height:820px;
border:0px;
}

#headerarea{
float:left;
width:741px;
height:154px;
background-color:#BDB76B;
}

#headermainimage h1{
font-size:15px;
color:#FFFFFF;
text-align:right;
float:left;
font-weight:normal;
}

#headerarea .logoarea{
float:left;
width:213px;
height:154px;
border:0px;
}

#headerleft{
float:left;
width:235px;
height:154px;
background-color:#233445;
}

#headerleft .moddlearea1{
float:left;
width:235px;
height:34px;
background-color:#BDB76B;
}

#headerleft .middlearea2{
float:left;
width:235px;
height:119px;
background-color:#7F8000;
border-top:1px #000000 solid;
}

#headermainimage{
float:left;
width:293px;
height:154px;
background-color:#FFFFFF;
background-image:url(../images/rubbishcollection.jpg);
}

#headermainimage .headertext{
width:219px;
height:42px;
color:#FFFFFF;
text-align:right;

font-size:15px;
margin-top:100px;
float:left;
}


#topmenu{
float:left;
width:741px;
height:27px;
background-color:#ffffff;
border-top:1px #000000 solid;
border-bottom:1px #000000 solid;
}

#topmenu .homelink{
float:left;
width:76px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#FFFFFF;
}

#topmenu .homelink2{
float:left;
width:76px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#BDB76B;
}

#topmenu .aboutuslink{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#FFFFFF;
}

#topmenu .aboutuslink2{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#BDB76B;
}

#topmenu .serviceslink{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#FFFFFF;
}

#topmenu .serviceslink2{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#BDB76B;
}

#topmenu .equotelink{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#FFFFFF;
}

#topmenu .equotelink2{
float:left;
width:105px;
height:20px;
border-right:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#BDB76B;
}


#topmenu .contactlink{
float:left;
width:105px;
height:20px;
margin-left:235px;
border-left:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#FFFFFF;
}

#topmenu .contactlink2{
float:left;
width:105px;
height:20px;
margin-left:235px;
border-left:2px #000000 solid;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:800;
padding-top:7px;
background-color:#BDB76B;
}


#bodyarea{
float:left;
width:741px;
height:600px;
background-color:#ffffff;
}

#bodyarea .bodyleft{
float:left;
margin-top:25px;
width:340px;
height:auto;
background-color:#ffffff;
}

#bodyarea .bodyleft h3{
float:left;
margin-left:5px;
margin-top:5px;
width:330px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7F8201;
margin-bottom:5px;
}

#bodyarea .bodyright{
float:left;
margin-top:25px;
width:400px;
height:auto;
background-color:#ffffff;
}

#bodyarea .tblcol1{
float:left;
width:160px;
height:auto;
font-size:10px;
margin-top:5px;
margin-left:2px;
border-right:1px #333333 solid;
}

#bodyarea .tblcol2{
float:left;
width:160px;
height:auto;
font-size:10px;
margin-top:5px;
margin-left:5px;
}

#bodyarea .tblcol3{
float:left;
width:160px;
height:15px;
height:auto;
font-size:11px;
margin-top:5px;
margin-left:5px;
}

#bodyarea .txtbox{
float:left;
width:158px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:#333333 1px solid;
}

#bodyarea .txtarea{
float:left;
width:158px;
height:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:#333333 1px solid;
}

#bodyarea .wasteimage{
float:left;
width:340px;
height:240px;
}

#bodyarea .bodyright p{
float:left;
width:390px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#000000;
margin-bottom:8px
}

#bodyarea .bodyright h3{
float:left;
width:395px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7F8201;
margin-bottom:5px;
}

#bodyarea .bodyright ul{
float:left;
display:block;
width:350px;
margin-left:20px;
margin-top:6px;
height:auto;
}

#bodyarea .bodyright li{
margin-left:20px;
margin-bottom:5px;
list-style-position:outside;

font-size:11px;
color:#000000;
text-align:justify;
}

#footerarea{
float:left;
width:740px;
height:60px;
background-color:#BDB76B;
border-bottom:1px #000000 solid;
border-top:1px #000000 solid;
}

#footerarea .footerleft{
float:left;
width:340px;
height:auto;
margin-top:8px;
margin-left:5px;
text-align:left;
font-size:10px;
color:#000000;
}

#footerarea .footerright{
float:left;
width:380px;
height:auto;
margin-top:8px;
margin-right:8px;
text-align:right;
font-size:10px;
color:#000000;
}

a{
text-decoration:none;
color:#000000;
font-size:10px;
}

a:link{
text-decoration:none;
color:#000000;
font-size:10px;
}

a:hover{
text-decoration:underline;
color:#000000;
font-size:10px;
}

a:active{
text-decoration:none;
color:#000000;
font-size:10px;
}

#footerlink{
float:left;
width:741px;
height:20px;
background-color:#808000;
margin-top:5px;
font-size:11px;
color:#000000;
text-align:center;
}

/*-------*/

