div {
    background-color: #888888;
    margin-left: 0em;
    margin-right: 0em;
    padding: 2em;
}

#textbox {
    background-color: #888888;
    margin-left: 8em;
    margin-right: 8em;
    padding: 2em;
}

#titlebox {
    background-color: #BB2222;
    border: 1px solid #000000;
    border-radius: 0.5em;
    padding: 0em;
}

body {
    font-family: "Trebuchet MS",sans-serif;
	font-size: 1em;
}

nav ul {
    text-align: center;
	color: #000000;
}
 
nav li {
   display: inline-block;
   color: #000000;
   font-family: "Trebuchet MS",sans-serif;
   font-size: 1em;
   text-decoration: none;
   text-transform: none;
   cursor: pointer;
   border: 1px solid #777777;
   background-color: #992222;
   width: 7em;
   padding: 3px;
   margin: 0px;
   border-radius: 3px;
   text-align: center;
}

nav a:focus,
nav a:hover,
nav a:active {    
    display: block;
    background-color: #CC0000;
}
 
nav a, nav span {
    color: #000000;
    text-decoration: none;
    text-transform: none;
    display: block;
    width: 7em;
    padding: 0px;
	border-radius: 0px; 
}

h1 {
    font-family: 'Arial';
    font-size: 3em;
    font-style: italic;
    text-align: center;
}

#box_l {
    background-color: #999999;
    margin-left: 5%;
	width: 25%;
	height: 5em;
    padding: 2%;
	float: left;
}

#box_m {
    background-color: #999999;
    margin-left: 1.5%;
	width: 25%;
    height: 17em;
    padding: 2%;
	float: left;
}

#box_r {
    background-color: #999999;
    margin-right: 5%;
	width: 25%;
    padding: 2%;
	float: right;
}


#box_l-m {
    background-color: #999999;
    margin-left: 0%;
    margin-top: 1em;
	width: 60%;
    padding: 2%;
}

#box_r-m {
    background-color: #999999;
    margin-left: 36%;
    margin-top: 1em;
	width: 60%;
    padding: 2%;
}


#clearfix::after {
   content: "";
   clear: both;
   display: table;
}