html {margin: 0; padding: 0;}

body {margin: 0; padding: 0;
 font-family: verdana, sans-serif; font-size: 70%;
background-color: #fff;
           }
           

#header {
margin-top: 2px; /*** Make some space for the header menu ***/
background: #FFf;
padding: 0, 10px, 10px, 10px;

height: 88px;
}

a {color: #000;}

#leftbox {      
position: absolute;
left: 3px;
width: 150px;
color: #ee8;
padding-top: 2px;
background-color: #fff;
}

#middlebox {
margin: 0 29% 0 170px;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 10px;
background-color: #dda;     /*** This div has a background to cover the 2-tone body BG ***/
height:1000px;
}

#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
right: 5px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/index.shtml ***/           
width: 28%;
color: #820;
padding-top: 2px;
}
.agroheading{
color:#000;
text-align: center;
font-weight:bold;
padding-top:2px;
}
#footer {

margin: 0 auto; 

text-align: center;
background-color: #fff;
border-top: 3px solid #ddd;
}
.clear { clear: right; }