body{background-image: url(../img/maingradientbk.jpg); 
background-repeat: repeat-x; 
background-color: #fffac0;
background-position:top;
margin:0;
}

.container{
background-image:url(../img/mainbk.jpg);
background-repeat: no-repeat; 
width:1084px;
height:650px;
margin:0 auto 0;
background-color:#ffffff;
}

.mainimg{
float:left;
width:400px;
height:541px;
padding:55px 0 0 0;
}


.header{
font:bold 17px Georgia, "Times New Roman", Times, serif;
color:#336633;
padding:165px 0 0 40px;
width:535px;
float:left;
}

.content{
font-family:arial;
font-size:11px;
color:#666666;
margin:5px;
}

/*scroll area*/
div.scroll {
margin:2px 0 10px 18px;
width:510px;
height:300px;
overflow: auto;
border: 4px solid #ffffff;
padding:8px;
float:left;
}

/*scrollbar*/
html, body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}


/*MENU*/
#menu{
margin: 0 120px;
padding: 0;
}

#menu ul{
margin: 15px 0 0 8px;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width:230px;
}

* html #menu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#menu ul li{
display: inline;
}


#menu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
}

#menu ul li a:hover{
color: #86a32d;
border-bottom: 4px solid #a3bb5b;
padding-bottom: 0;
}

/*FOOTER*/
.footer{
margin:-30px auto;
text-align:center; 
font:normal 9px arial;
color:gray; 
padding: -100px auto;
}

.footer a{
text-decoration:none;
color:gray;
}

.footer a:hover{
text-decoration: underline;
color: #86a32d;
padding-bottom: 0;
}