div {
float: left;
clear: both;

}


#container1{
	background-color: orange;
	height:100%;
	width:100%;
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	
}
    


.menuholder {
background-color: orange;
width:100%;
margin-left: 5%;
margin-top: 10px;
height: 350px;
clear: none;
border: 5px solid yellow;
border-radius: 10px;
padding: 5px;


}


.contentslot {
background-color: orange;
 
/* shorten the width if I have to add padding, cannot pass 100% */
width: 80%;
margin-left: 5%;
height: 350px;
margin-top: 10px;
clear: none;
border: 5px solid yellow;
border-radius: 10px;
padding: 10px;
font-size: 40px;

}

img {
height: 200px;
width: 150px;
float: right;
border: 5px solid yellow;
border-radius: 10px;
}

a:link{text-decoration:none;
}
a:hover{
	color:yellow;
}

.menu1 {
font-size:20px;
color:white;
}
.menu2 {
font-size: 20px;
color: white;
}
.menu3 {
font-size: 20px;
color:white;
}
.menu4 {
font-size: 20px;
color:white;
}
.menu5 {
font-size: 20px;
color:white;
}

body{background: orange}