body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 75%; background: #eee; color: #555; }

img { display: block; border: 0; vertical-align: bottom; }

.clear { clear: both; }

h1, h2, h3, p { margin: 0; padding: 0 0 10px 0; }
h1 { font-size: 210%;font-weight: normal; color: #86c3e3; }
h2 { font-size: 120%; color: #86c3e3; padding-top: 5px; }
h3 { font-size: 110%; color: #86c3e3; padding: 5px 0; }
ul, ol { margin-top: 0; padding-top: 0; }

.main { width: 860px; padding: 20px; background: #fff; }

.header {  }
.header img { float: left; margin: 0 20px 20px 0; }
.header h2 { text-transform: uppercase; }
.header h2 a { color: #717171; text-decoration: none; }
.header h2 a:hover { text-decoration: underline; }
.header h2 a.highlight { background: #fcc300; display: inline-block; padding: 1px 3px; }
.header h2 a.highlight2 { background: #707070; display: inline-block; padding: 1px 3px; color: #fff; }

.content { position: relative; }
.content .left { width: 180px; float: left; padding: 0 20px 0 0; }
.content .centre { width: 660px; float: left; padding: 0 0 10px 0; min-height: 300px; }

.content hr { border: 0; border-top: 1px solid #ccc; }

.content .hometext h2 { font-size: 150%; }
.content .hometext p { line-height: 120%; padding-bottom: 7px; }

.content .email { position: absolute; bottom: 20px; left: 0px; width: 180px; text-align: center; }
.content .email a { color: #555; text-decoration: none; }
.content .email a:hover { text-decoration: underline; }

.content .left ul { list-style-type: none; margin: 0; padding: 0; }
.content .left li { margin: 0 0 1px 0; padding: 0; border-bottom: 1px solid #fff; }
.content .left li a { background: #86c3e3; color: #fff; text-decoration: none; display: block; text-align: center; padding: 5px; text-transform: uppercase; }
.content .left li a:hover { background: #eec327; }
.content .left li.selected a { background: #707070; }

.content p { line-height: 140%; }
.content p.intro { font-size: 110%; font-weight: bold; }

.content .centre a { text-decoration: none; color: #2b778c;; }
.content .centre a:hover { text-decoration: underline; }

.content .centre ol { list-style-type: lower-alpha; list-style-position: inside; margin-left: 0; padding-left: 0; }
.content .centre ul { list-style-type: square; margin-left: 15px; padding-left: 0; }
.content .centre li { color: #86c3e3; padding: 0 0 5px 0; }
.content .centre li span { color: #555; }
.content .centre ul ol { padding: 0.5em 0 0 20px; }

.content .centre input { font-size: 100%; }

.content table.tab { margin: 0 0 10px 0; }
.content table.tab th { background: #86c3e3; color: #fff; padding: 5px; vertical-align: top; text-align: left; }
.content table.tab td { background: #eee; padding: 5px; vertical-align: top; text-align: left; }

.content .centre ul.sitemap { margin: 0 0 0 10px; }

.footer { background: #86c3e3; color: #999; padding: 5px; text-transform: uppercase; font-size: 90%; color: #fff; }
.footer .footerLeft { float: left; width: 50%; }
.footer .footerRight { float: left; width: 50%; text-align: right; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer p { padding: 0; }


.navigation { background: #fff; padding: 0; margin: 12px 0 0 0; float: left; width: 660px; text-transform: uppercase; font-weight: bold; }
.navigation ul { margin: 0; padding: 0; height: 45px; }
.navigation li { display: block; margin: 0 2px 0 0; float: left; text-align: center; background: #86c3e3; line-height: 100%; }
.navigation li.selected { background-color: #707070; }
.navigation li#lastNav { margin: 0; }
.navigation li.home { width: 48px; }
.navigation li.abouttheacademy { width: 96px; }
.navigation li.designingthenewacademy { width: 109px; }
.navigation li.aboutthesponsors { width: 103px; }
.navigation li.faqs { width: 44px; }
.navigation li.recruitment { width: 99px; }
.navigation li.news { width: 53px; }
.navigation li.contactus { width: 93px; }
.navigation li.selected a { color: #fff; }
.navigation a  { color: #fff; text-decoration: none; display: block; padding: 9px 0 0 0; height: 21px;  }
.navigation a:hover { background: #eec327; }
.navigation li.abouttheacademy a { padding: 3px 0 0 0; height: 27px; }
.navigation li.designingthenewacademy a { padding: 3px 0 0 0; height: 27px; }
.navigation li.aboutthesponsors a { padding: 3px 0 0 0; height: 27px; }