* {box-sizing: border-box;}
.left-side, .right-side {float: left; width: 23%; margin-top: 0; padding: 15px; text-align: center;}
.main {background-image: url('images/back.png'); overflow-y: hidden; float: left; width: 54%; padding: 1px 20px;}
@media only screen and (max-width: 896px) {/* For mobile phones: */ .left-side, .main, .right-side {width: 100%;}}
.top {padding: 5px 20px; text-align: right; color: #ffffff;}
.top a:link, .top a:visited {color: #ffffff;}
.top a:hover {text-decoration: none;}
.header, .menu, .footer {background-color: #ffffff;}
.header, .topper {padding: 10px; text-align: center;}
.topper {background-color: #f4f4f4;}
.menu {margin-top: 0; padding: 10px; text-align: left;}
.footer {margin-top: 0; padding: 10px; text-align: center; font-style: italic; color: #666666;}
.footer a:link, .footer a:visited {color: #666666;}
.footer a:hover {text-decoration: none;}
.center {margin: auto;}
.hidden {display: inline;}
a:link {color: #0000ff;}
a:visited {color: #660066;}
a:active {color: #ff0000;}
h1 {margin: 5px; font-size: 18px; font-style: italic; font-weight: normal; color: #666666;}
header {margin: 5px; font-style: italic; color: #666666;}
nav {margin: 5px; font-weight: bold;}
nav a:hover {color: #ff0000;}
body {background-color: #9fcfff; margin: 0; font-family: "Times New Roman", Times, serif; font-size: 18px; color: #000000;}