body
{
	background-color: #DCDEDC;
}


#box1 {
	position:absolute;
	top: 00px;
	left: 200px;
        width: 880px;
        height: 60px;
        background-color: #FFCC66;
        padding: 10px;

}

#box2 {
	position:absolute;
	top: 80px;
	left: 200px;
        width: 170px;
        height: 690px;
        background-color: #FFFFC1;

}

#box3 {
	position:absolute;
	top: 80px;
	left: 900px;
        width: 200px;
        height: 690px;
        background-color: #FFFFC1;
     
}

#box4 {
	position:absolute;
	top: 760px;
	left: 200px;
        width: 860px;
        height: 50px;
        background-color: #FFCC66;
        padding: 20px;
}


#box5 {
	position:absolute;
	top: 70px;
	left: 370px;
        width: 600px;
        height: 710px;
        background-color: #FFFFG1; 
}
h4 { 
padding: 0; 
margin: 0; 
font-family: miriam, sans-serif; 
} 
h6 {
font-size: 220%;text-align: center;
font-family: Arial, sans-serif; 
}
body { 
margin: 20px; 
font-size: 12px; 
} 
ul { 
list-style: none; 
width: 125px; 
} 
ul a { 
color: #FFF; 
text-decoration: none; 
display: block; 
padding: 5px 5px 5px 3px; 
width: 125px; 
background: red; 
} 
ul a:hover { 
color: #4BD8FF; 
text-decoration: none; 
background: #3C3C3C; 
} 
ul li { 
border-bottom: 1px solid #FFF; 
float: left; 
position: relative; 
}
ul li ul { 
list-style: none; 
position: absolute; 
left: 100px; 
top: 0; 
display: none; 
width: 100px; 
border-left: 1px solid #FFF; 
} 
ul li:hover ul { display: block; }

#box6 {
	position:absolute;
	top: 660px;
	left: 200px;
        width: 120px;
        height: 20px;
        background-color: #FFFFC1;
        padding: 20px;
}