/* comment, all divs will float left and clear out neighbors */

body {
background-color: black;
margin: 0px;
}

div {
float: left;
clear: both;
}

/* selector, select a recipient and deliver the gift */
#container {
width: 100%;
margin-left: 0%;
margin-right: 0%;
/* grey  */
background-color: #51646a;
color: white;
padding-bottom: 4vh;
}


.titlebar {

}


/* menu class selector clear is different, use clear:none  */
.menuholder {
background-color:#001b26 ;
width: 90%;
margin-left: 5%;
height: 6vh;
/*menus allowed side by side*/
}

.menuitem {
clear: none;
background-color: #008baa;
width: 15%;
height: 40px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 5px;	
text-align: center;
font-family: Impact;
font-size: 22pt;
}


/* many contant boxes  */
.content {
background-color: #111111;

width: 90%;
margin-left: 5%;
margin-right: 5%;

}


/*  style images that grab and hook people into staying and reading  */
.main-image {
margin-left: 20%;
margin-right: 20%;
width: 60%;
}

img {
	float: left;
}

.hookimage {
/* tbd styles	*/
}