/*global selectors*/
body {
background-image:url("https://www.bing.com/th?id=OIP.VzNgsOF_w6IFtjk5mQTyYwHaEo&w=300&h=187&c=7&o=5&pid=1.7");
background-size: 100% 100%;
}

div {
float: left;
clear: both;
}

#container {
width: 90%;
margin-left: 5%;
height: 1200px;
margin-top: 40px;
margin-bottom: 10px;
background-color: lightblue;
}

.thetitle {
width: 90%;
margin-left: 5%;
padding-top: 1%;
font-size: 36px;
font-family: courier;
text-align: center;
background-color: white;
}


#sidebar {
height: 400px;

width: 12%;
clear: none;
margin-left: 5%;
background-color: red;
}


#maincontent {
height: 400px;

background-color: pink;
width: 70%;
margin-left: 5%;
padding: 1%;
font-size: 15pt;
text-align: left;
font-family: serif;
clear: none;
}

#menu1{
background-color: white;
height: 50px;
width: 142;
float: left;
border-radius: 10px;
border:5px solid black;
font-size: 20px;
cursor: pointer;
}

#menu2 {
background-color: white;
height: 50px;
width: 142;
float: left;
border-radius: 10px;
border:5px solid black;
font-size: 20px;
cursor: pointer;
}

#menu3 {
background-color: white;
height: 50px;
width: 142;
float: left;
border-radius: 10px;
border:5px solid black;
font-size: 20px;
cursor: pointer;
}

#menu4 {
background-color: white;
height: 50px;
width: 142;
float: left;
border-radius: 10px;
border:5px solid black;
font-size: 20px;
cursor: pointer;
}

#themenu {
background-color: white;
height: 50px;
width: 142;
float: left;
border-radius: 10px;
border:5px solid black;
font-size: 20px;
cursor: pointer;
}