@charset "utf-8";

body.splash
{ background-image: url(../images/splash-bg.png); }

#splash
{ width: 815px; margin: auto; }

#splash div
{ float: left; }

.Map1, 
.Map2, 
.Map3, 
.Map4, 
.Map5, 
.Map6
{ color: #FFF; position: absolute; left: -90px; top: -50px; }

.Map1 span, 
.Map2 span, 
.Map3 span, 
.Map4 span, 
.Map5 span, 
.Map6 span
{ position: absolute; font-size: 85%; width: 100px; left: 22px; top: 22px; }

.Map1
{ left: -70px; top: -45px; }

.Map2
{ top: -30px; }

.Map3
{ left: -50px; top: -115px; }

.Map4
{ left: 60px; top: -110px; }

.Map5
{ top: -40px; }

.Map6
{ left: -80px; }

#website
{ width: 760px; margin: auto; }

#navigation
{ position: relative; overflow: hidden; height: 105px; background: url(../images/topnav-bg.png) left bottom no-repeat; }

#navigation img
{ float: left; }

#navigation dl,
#navigation dl dd
{ margin: 0; font-size: 95%; }

#navigation dl
{ padding-top: 20px; margin: 0 5px 11px 0; width: 760px; overflow: hidden; }

#navigation dl dt,
#navigation dl dd
{ float: left; color: #999; }

#navigation dl dt
{ color: #b4d313; margin-right: 3px; }

#navigation dl dd
{ margin-right: 5px; margin-top: 1px; font-size: 90%; }

#navigation dl dd a
{ color: #999; text-decoration: none; }

#navigation dl dd a:hover
{ color: #b4d313; }

#navigation ul
{ clear: both; list-style: none; margin: 0; padding: 0; overflow: hidden; width: 760px; }

#navigation ul li
{ float: left; margin-right: 1em; }

#navigation ul#links
{ position: absolute; right: 0; bottom: 0; float: right; margin: 10px 0 0 0; width: 190px; }

#navigation ul#links li
{ font-size: 85%; display: inline; }

#navigation ul#links li a
{ display: block; line-height: 21px; color: #FFF; text-decoration: none; padding-left: 25px; background: url(../images/link-home.png) left center no-repeat; }

#navigation ul#links li a#portal
{ background-image: url(../images/link-portal.png); }

#navigation ul#links li a:hover
{ color: #b4d313; }

#columnLeft
{ position: relative; float: left; padding: 15px 0 0 25px; width: 301px; height: 551px; background: url(../images/column-left.jpg) left top no-repeat; }

#columnRight
{ position: relative; padding: 15px 0 0 9px; float: left; width: 425px; height: 433px; background: url(../images/column-right.png) left top no-repeat; }

#columnRight #footer
{ position: absolute; left: 0; bottom: -118px; list-style: none; margin: 0; padding: 0; width: 434px; height: 118px; background: url(../images/column-footer.png) left top no-repeat; }

#columnRight #footer li
{ float: left; line-height: 55px; font-size: 85%; }

#columnRight #footer li
{ margin: 0.4em 1em 0 0; display: inline; }

#columnRight #footer li#storm
{ margin: 0 3.1em 0 2em; }

#columnRight #footer li a
{ color: #666; text-decoration: none; }

#columnRight #footer li a:hover
{ color: #000; }

#columnLeft .homeText
{ color: #FFF; line-height: 15px; font-size: 95%; padding: 18px 10px 0 0; height: 215px; overflow: hidden; }

#columnLeft .homeText h1,
#columnLeft .homeText h2
{ font-size: 110%; }

#columnLeft .homeText h2
{ color: #b4d313; }

#columnRight #students
{ overflow: hidden; width: 383px; font-size: 85%; background-color: #000; margin-top: 13px; margin-bottom: 10px; position: relative; padding: 10px; }

#columnRight #students h1
{ padding: 2px 10px; width: 180px; color: #FFF; background-color: #ea1a20; text-transform: uppercase; font-size: 110%; position: relative; left: -10px; }

#columnRight #students p
{ color: #FFF; text-transform: uppercase; font-weight: bold; }

#columnRight #students ul
{ list-style: none; margin: 0; padding: 0; }

#columnRight #students ul li
{ float: left; }

#columnRight #students ul li a
{ position: relative; display: block; height: 137px; cursor: pointer; color: #FFF; }

#columnRight #students ul li a#recAlex { width: 131px; }
#columnRight #students ul li a#recAlison { width: 132px; }
#columnRight #students ul li a#recMat { width: 120px; }
#columnRight #students ul li a#recIan { width: 97px; }
#columnRight #students ul li a#recDanny { width: 98px; }
#columnRight #students ul li a#recZoe { width: 99px; }
#columnRight #students ul li a#recMaria { width: 89px; }

#columnRight #students ul li a span
{ position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; }

#columnRight #students ul li a#recAlex span { background-image: url(../images/rec-alex.jpg); }
#columnRight #students ul li a#recAlison span { background-image: url(../images/rec-alison.jpg); }
#columnRight #students ul li a#recMat span { background-image: url(../images/rec-mat.jpg); }
#columnRight #students ul li a#recIan span { background-image: url(../images/rec-ian.jpg); }
#columnRight #students ul li a#recDanny span { background-image: url(../images/rec-danny.jpg); }
#columnRight #students ul li a#recZoe span { background-image: url(../images/rec-zoe.jpg); }
#columnRight #students ul li a#recMaria span { background-image: url(../images/rec-maria.jpg); }

#prospectus
{ font-size: 85%; min-height: 140px; width: 383px; padding: 10px; background: url(../images/prospectus.jpg) right top no-repeat; background-color: #c5c572; }

#prospectus h1,
#prospectus h2
{ padding: 2px 10px; width: 210px; color: #b4d313; background-color: #000; text-transform: uppercase; font-size: 110%; position: relative; left: -10px; margin-bottom: 7px; }

#prospectus h1#pros
{ width: 90px; }

#prospectus h2#alt
{ width: 100px; }

#prospectus h2,
#prospectus h2 a
{ color: #FFF; text-decoration: none; }

#prospectus h2 a:hover
{ color: #b4d313; }

#prospectus p
{ width: 200px; margin-bottom: 7px; }

#prospectus p.last
{ margin-bottom: 0; }

#prospectus p a
{ color: #000; text-decoration: none; }

#prospectus p a:hover
{ text-decoration: underline; }

#prospectus h2
{ font-size: 95%; }

#columnRight #sub
{ height: 370px; margin-top: 41px; width: 410px; color: #FFF; font-size: 95%; }

#columnRight #changeLayout
{ height: 370px; margin-top: 41px; margin-left: 25px; width: 377px; color: #FFF; font-size: 95%; }

#columnRight #sub h1
{ margin-bottom: 20px; }

#columnRight #sub p
{ padding-left: 3px; }

#columnRight #sub p.last
{ margin-bottom: 0; }

#columnRight #sub p a
{ color: #FFF; }

#columnRight #sub p a:hover
{ text-decoration: none; }

#columnRight #sub li a
{ color: #FFF; text-decoration: none; }

#columnRight #sub li a:hover
{ text-decoration: underline; }

#columnRight #sub .courses
{ list-style: none; margin: 0 0 0 4px; _margin-left: 2px; padding: 0; float: left; width: 200px; font-size: 95%; }

#columnRight #sub .courses li
{ background: url(../images/courses-arrow.png) left top no-repeat; border-bottom: 1px dashed #FFF; padding: 1px 0 2px 20px; margin-bottom: 2px; }

#columnRight #sub .courses li.last
{ border: 0; }

#columnRight #sub .contact dt,
#columnRight #changeLayout .contact dt
{ float: left; width: 75px; font-weight: bold; }

#columnRight #sub .contact dd,
#columnRight #changeLayout .contact dd
{ margin: 0; padding-bottom: 10px; }

#columnRight #sub .contact dd span,
#columnRight #changeLayout .contact dd span
{ display: block; margin-left: 75px; _margin-left: 78px; }

#columnRight #sub .fields,
#columnRight #changeLayout .fields
{ position: relative; background: url(../images/contact-form.png) left top no-repeat; width: 384px; height: 224px; }

#columnRight #sub .fields .fullname,
#columnRight #changeLayout .fields .fullname,
#columnRight #sub .fields .email,
#columnRight #changeLayout .fields .email,
#columnRight #sub .fields .message,
#columnRight #changeLayout .fields .message
{ left: 1px; position: absolute; border: 0; width: 358px; }

#columnRight #sub .fields .fullname,
#columnRight #changeLayout .fields .fullname
{ top: 24px; }

#columnRight #sub .fields .email,
#columnRight #changeLayout .fields .email
{ top: 67px; }

#columnRight #sub .fields .message,
#columnRight #changeLayout .fields .message
{ top: 113px; height: 68px; font-family: Arial, Helvetica, sans-serif; font-size: 105%; }

#columnRight #sub .fields .submit,
#columnRight #changeLayout .fields .submit
{ position: absolute; bottom: 10px; right: 21px; }

#columnLeft #info div
{ margin-bottom: 5px; padding: 5px; overflow: hidden; width: 290px; height: 131px; background-color: #000; }

#columnLeft #info div img
{ float: left; }

#columnLeft #info ul
{ clear: both; list-style: none; margin: 0; padding: 0; }

#columnLeft #info ul li
{ margin-bottom: 5px; width: 300px; }

#columnLeft #info p
{ color: #FFF; margin-left: 102px; }

#columnLeft #info p.info
{ font-size: 85%; line-height: 18px; }

#columnLeft .why
{ margin: 30px 0 0 30px; }

#columnLeft .fields
{ position: relative; width: 299px; height: 242px; background: url(../images/contact-form-prospectus.png) left top no-repeat; }

#columnLeft .fields .first
{ font-size: 85%; position: absolute; left: 105px; top: 45px; width: 180px; }

#columnLeft .fields .fullname,
#columnLeft .fields .address1,
#columnLeft .fields .address2,
#columnLeft .fields .postcode
{ position: absolute; left: 7px; top: 111px; border: 0; width: 280px; }

#columnLeft .fields .address1
{ top: 155px; }

#columnLeft .fields .address2
{ top: 183px; }

#columnLeft .fields .postcode
{ left: 61px; top: 213px; width: 137px; }

#columnLeft .fields .submit
{ position: absolute; right: 5px; bottom: 5px; }

#columnRight dl.interview
{ width: 405px; color: #FFF; }

#columnRight dl.interview,
#columnRight dl.interview dd
{ margin: 0; }

#columnRight dl.interview dt
{ font-weight: bold; padding: 4px 5px; padding-left: 35px; margin-bottom: 5px; background: url(../images/Q1.png) left top no-repeat; }

#columnRight dl.interview dd
{ font-size: 85%; padding: 5px 10px 10px 35px; background: url(../images/A.png) left top no-repeat; }

#columnRight dl.interview dt.Q2
{ background-image: url(../images/Q2.png); }

#columnRight dl.interview dt.Q3
{ background-image: url(../images/Q3.png); }

#columnRight dl.interview dt.Q4
{ background-image: url(../images/Q4.png); }

#columnRight dl.interview dt.Q5
{ background-image: url(../images/Q5.png); }

#FlashID
{ position: absolute; left: 39px; bottom: 145px; }

.noFlash
{ font-size: 85%; width: 235px; margin-left: 15px; text-align: center; position: relative; top: -25px; }

.noFlash img
{ margin-left: 60px; }

.error
{ color: #FFF; margin-top: 35px; width: 400px; }

.error a
{ color: #FFF; }

.whatTitle
{ margin-bottom: 0; }

.whatText
{ margin: 0 11px 0 37px; }

.whatText a
{ color: #FFF; }

.spambot
{ left:-4000px; position:absolute; }