div {
	border: 1% solid black;
	border-radius: 5px;
	color: black;
}
/*Div sty;ing close*/

#container {
	margin-top:  auto;
	margin-right: auto;
	margin-left:  auto;
	width:  100%;
	height: 1000px;
	border: solid;
	background-color: violet;
	color:  black;
	padding: none;
}
/*Container styling*/
.titlebox {
	margin: 5px 20% 5px 17%;
	height:  50px;
	width:  60%;
	background-color :white;
	float : center;
	clear:  center;
	border: solid;
	color: black;
	font-size: 36pt;
	text-align: center;
	padding: 30px;
}
/*Title box styling*/

#sidebar {
	background-color: lightblue;
	position: fixed;
	float: left;
	width: 10%;
	height: 70%;
	margin: 0% 3% 3% 3%;
	border: 2px solid black;

}
/*Sidebar styling*/

#cheetosad {
	text-align: center;
	font-size: 27pt;
	position: fixed;
	float: right;
	width: 10%;
	height: 70%;
	margin: 3% 0% 3% 3%;
	right: 3%;
	top: 15%;
	left: auto;
	bottom: auto;
	color: black;
	background-color: orange;
	border: 2px solid black;
	transition: all .2s ease-in-out					;
}
/*Ad bar styling*/

#cheetosad:hover {
	width: 400px;
	background-color: orange;
	transform: scale 1.1;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("habanerocheetos.jpg");
}
/*Ad bar special styling*/

.menuitem {
	float: left;
	clear: both;
	width: 80%;
	height: 22%;
	margin: 8% 3% 3% 9%;
	text-align: center;
	font-size: 18pt;
	color: blue;
	border: 2px solid black;

}
/*Menu styling*/

.bodybox {
	float: left;
	clear: center;
	background-color: white;
	width: 45%;
	height: 50%;
	margin: 3% 3% 3% 27%;
	font-size: 20pt;
	text-align: center;
	border: 2px solid black;
}
/*Body box styling*/

.picturebox {
	width: 40%;
	margin: 1% 4% 1% 4%;
	float:left;
	background-repeat: no-repeat;
	background-size: cover;
    text-align: center;
}
/*Picture box styling*/


img {
	width: 80%;
	margin-left: 9%;
	float: left;
}
/*Image styling*/

.widesubheader{
	float: left;
	width: 98%;
	clear: both;
}
/*sub header styling*/