body { margin: 0px; padding: 5px; background-color: #cccccc;  font-family: sans-serif; text-align: center; }

.other_games { color: #ff4422; }
.home { color: #88ff00; }
.about { color: #0088ff; }
.numerix { color: #aa00ff; }
.contact { color: #ffaa00; }
.forum { color: #eedd00; }

.centre { text-align: center; }

.main { margin: 0px auto; padding: 0px; width: 798px; background-color: #f5f5f5; text-align: left; }


.main .header { height: 225px; margin: 0px; padding: 0px; background-image: url('kitebanner_new.jpg') }
.main .header h1 { margin: 0px; padding: 0px; font-family: sans-serif; position: relative; left: 520px; top: 15px; width: 300px; letter-spacing: -2px; }


.main .nav { padding:5px; background-color: #222222; text-align: center; }
.main .nav ul { margin: 0px; padding: 10px; list-style: none; }

.main .nav ul li { margin: 0px; padding: 0px; display: inline; }
.main .nav ul li a { padding: 10px; text-decoration: none; font-weight: bold; }
.main .nav ul li .other_games { border-right: 1px solid #555555; }
.main .nav ul li .other_games:hover { background-color: #ff4422; color: #000; border-right: 1px solid #555555; }
.main .nav ul li .home { border-right: 1px solid #555555; }
.main .nav ul li .home:hover { background-color: #88ff00; color: #000; border-right: 1px solid #555555; }
.main .nav ul li .about { border-right: 1px solid #555555; }
.main .nav ul li .about:hover { background-color: #0088ff; color: #000; border-right: 1px solid #555555; }
.main .nav ul li .numerix { border-right: 1px solid #555555; }
.main .nav ul li .numerix:hover { background-color: #aa00ff; color: #000; border-right: 1px solid #555555; }
.main .nav ul li .contact { border-right: 1px solid #555555; }
.main .nav ul li .contact:hover { background-color: #ffaa00; color: #000; }
.main .nav ul li .forum:hover { background-color: #eedd00; color: #000; }


.main .left { margin: 0px; width: 200px; float: left; background-color: #f5f5f5; }
.main .left h1 { margin:0px; padding: 0px; font-family: sans-serif; letter-spacing: -2px; }
.main .left ul { margin: 10px; padding: 0px; list-style: none; }
.main .left ul li { margin: 0px; padding: 0px; }
.main .left ul li a { padding: 0px; text-decoration: none; font-weight: bold; }
.main .left ul li a:hover { padding: 0px; text-decoration: underline; font-weight: bold; }

.main .content { margin: 0px; width: 598px; background-color: #f5f5f5; float: right; }
.main .content p { margin: 0px; padding: 10px 10px 10px 0px; }
.main .content p a { text-decoration: none; font-weight: bold;}
.main .content p a:hover { text-decoration: underline; font-weight: bold;}
.main .footer { background-color: #222222; }

.clear { clear: both; }