body,
html {
    margin:0;
    padding:0;
    background:#a7a09a;
    color:#000;
    }
    
body {
    min-width:750px;
    }
#wrap {
    background:#AB8638;   
    margin:0 auto;
    width:750px;
    }
 #header {
    background:#AE893B;  /* #dec9;*/
    }

#nav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
#nav li{
    display:inline;
    margin:0;
    padding:0;
    }
a    {  color: #FFF; text-decoration:none; }
    
#main {
    background:#B18C3E;   /*#99c;*/
    float:left;
    width:500px;
    }
#sidebar {
    background:#99c;
     float:right;
    width:250px;
    }
#footer {
    background:#AE893B;  /* #C38F5C;  */  /* #ec9; */
    clear:both;
    }   
    
#header h1 {
    background:#FFFFF;  
    padding:5px;
    margin:0;
    margin-left:0;
    font-style: italic;
    font-size: 50px
    
    }
   
#nav {
    background:#2B1B01;
    foreground:#AE893B;
    padding:1px;
    }
    
#wrap h3 {
	 font-family: sans-serif;
     font-style: arial;
    font-size: 17px; 
    }
#main h2, #main h3, #main p {

    padding: 10px;
    padding-left: 23px;
    padding-top: 0px;
   
   
    }
#sidebar ul {
    margin-bottom:0;
    }
#sidebar h3, #sidebar p {
    padding:0 px;
    }
#footer p {
    padding:5px;
    margin:0;
    /*float:right; */
    }
    
<! Final step for problem with IE only -- make the main part narrower for seperation of footer, 
    this is not problem in Mozzila --->    
#sidebar {
    background:#99c;
    float:right;
    width:240px;
    }
#sidebar h3, #sidebar p {
    padding:0 10px 0 0;
    }
    
#formlink
{
  float:left;
  color: #0F0;
}