@import url(reset.css);

body { background: url(/images/background.jpg) top left no-repeat; font-size: 75%; font-family: Verdana, Geneva, sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear-both { clear: both; }
.fail { background-color: #FF0; color: #000; }

#page-wrap { background: #FFF; border: 1px solid #CCC; margin: 10px 10px 5px; width: 770px; }

#masthead { position: relative; }
#masthead h1 { float: left; height: 49px; margin: 19px 45px 27px 29px; position: relative; width: 180px; }
#masthead h1 img { left: 0; position: absolute; top: 0; }

#masthead .telephone { color: #456CAF; font-size: 14px; font-weight: bold; position: absolute; right: 270px; top: 34px; }

#masthead ul { clear: both; margin: 0 30px 16px 0; float: right; }
#masthead li { border-left: 1px solid #CCC; float: left; }
#masthead li.first { border-left: 0px solid #CCC; }
#masthead li a { color: #333; display: block; font-size: 11px; line-height: 12px; padding: 2px 4px 4px; text-decoration: none; }
#masthead li a:hover { background: #B6B6B6; color: #FFF; }

#masthead ul.cta { float: right; margin: 16px 30px 0 0; clear: none; }
#masthead ul.cta li { float: left; margin-left: 7px; text-align: center; width: 110px; height: 28px; border-left: none; }
#masthead ul.cta li a { background: #456CAF; line-height: 14px; color: #FFF; display: block; height: 28px; font-weight: bold;  padding: 8px 0; text-decoration: none; }
#masthead ul.cta li a:hover { background: #7FA9EF; }

#masthead ul.cta li a { 
/* Rounded corners */
-moz-border-radius: 7px;
-webkit-border-radius: 7px; }

p { font-size: 9px; letter-spacing: 0.2pt; line-height: 11px; margin: 0 4px 11px; }

#footer { margin: 0 16px 10px; padding-bottom: 5px; overflow: hidden; }
#footer li { color: #999; float: left; font-size: 9px; padding: 0 4px 2px; }
#footer li.email { border: 1px solid #CCC; border-top: none; border-bottom: none; }
#footer li a { color: #446CAE; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }

/* Content page */
.content-page p.logo { float: left; height: 49px; margin: 19px 45px 27px 29px; position: relative; width: 180px; }
.content-page p.logo img { left: 0; position: absolute; top: 0; }

#main-content { clear: left; float: right; margin: 0 28px 0 6px; width: 299px; }
#main-content h1 { font-weight: bold; margin: 10px 4px; }
#main-content p { width: 230px; }
#main-content p.intro { font-size: 11px; letter-spacing: 0.1pt; line-height: 15px; width: 250px; }
#main-content li { font-size: 9px; letter-spacing: 0.2pt; line-height: 11px; list-style: disc; margin: 0 4px 11px 18px; }
#main-content table { margin: 0 4px; }
#main-content th, #main-content td { font-size: 9px; letter-spacing: 0.2pt; line-height: 11px; padding: 0 8px 8px 0; }
#main-content td input.text-input, #main-content td textarea { border: 1px solid #999; font-family: Verdana, Geneva, sans-serif; font-size: 10px; padding: 2px 4px; width: 122px; }
#main-content td textarea { width: 244px; }
#main-content td.submit { text-align: right; }
#main-content .ig_tbl_line td { border: none; }

#main-content #content {float:left; width:400px}
#main-content #content h2 {font-size:16px;color:#fff}
#main-content #content a {text-decoration: none; color:#fff}
#main-content #sidebar {float:right;}

#secondary-content { float: right; height: 500px; margin: 0 0 10px 10px; position: relative; width: 427px; }
#secondary-navigation li { width: 124px; }
#secondary-navigation h4 { font-size: 10px; font-weight: bold; letter-spacing: 0.2pt; line-height: 11px; padding: 6px 4px; text-decoration: none; }
#secondary-navigation a { color: #FFF; display: block; font-size: 9px; letter-spacing: 0.2pt; line-height: 11px; padding: 0 4px; text-decoration: none; }
#secondary-navigation a:hover { background: #FFF; color: #999; }
#secondary-navigation .enq-and-apps { border: 1px solid #FFF; border-left: none; border-right: none; margin: 10px 0; padding-bottom: 2px; }
#secondary-content .lifestyle-image { position: absolute; right: 4px; top: 4px; }

/* Calendar page */
#calendar-page #secondary-content { height: 872px; }
#calendar-page .calendar-download { border: 2px solid #3771D4; display: block; height: 309px; width: 220px; }
#calendar-page .calendar-download:hover { border: 2px solid #37A9E9; }

/* Coach services page */
#about-coach-services-page .coach-download { border: 2px solid #C51A8A; display: block; height: 309px; width: 220px; }
#about-coach-services-page .coach-download:hover { border: 2px solid #C57D88; }
#coach-services-page .coach-download { border: 2px solid #3771D4; display: block; height: 309px; width: 220px; }
#coach-services-page .coach-download:hover { border: 2px solid #37A9E9; }

/* Senior school section */
#senior-school-intro-page #secondary-content { height: 720px; }

/* Archive page */
#archive-page #main-content li { list-style: none; margin: 0 4px 11px; }