body {
 background-image: url('/img/background.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 font-size: 1em;
}

ul {
 font-size: 0.7em;
}

h1 {
 margin-top: 0;
 font-size: 1.2em;
}
h2 {
 font-size: 1.1em;
}
h3 {
 font-size: 1.0em
}
h4 {
 font-size: 0.9em;
 font-style: italic;
}
p {
 font-size: 0.8em;
}
.search-container {
 position:absolute;
 right:0px;
 top: 0px;
 padding:0;
}
.main {
 margin: 0 auto;
 padding-top: 10px;
 height: 100%;
 width: 100%;
 max-height: 400px;
 font-family: Verdana, Tahoma;
 text-align: center;
}
.title {
 font-size: 5vh;
 font-style: bold;
 color: white;
}
.menu {
 text-align: center;
 padding: 5px;
 margin-top: 10px;
 margin-bottom:5px;
 font-size: 1.8em;
}
.menu2 {
 display:inline;
 text-align: center;
 padding: 5px;
 padding-bottom: 0;
 border-top: 1px solid #FAFAFA; 
}

.menuitem {
 margin-left:5px;
 margin-right: 5px;
}
.content-menuitem {
 margin-left:5px;
 margin-right: 5px;
}

a {
 color:yellow;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
 cursor:pointer;
}
.content {
 margin: auto;
 width: 80%;
 text-align:left;
 max-width:1200px;
}
.left {
 display:block;
 float: left;
 text-align: left;
 bottom:0px;
 padding-top:20px;
 padding-right: 20px;
 overflow-x:hidden;
 width: 20%;
 height: 100%;
 color:white;
}
.middle {
 float: left;
 width: 80%;
 padding-top: 20px;
 padding-left: 0px;
 padding-right: 20px;
 right: 20px;
 text-align: left;
 color:white;
}