/* CSS Document */

body {
font-family:tahoma, ariel, verdana;
background-image:url(../Images/bg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
padding:0;
margin:0;
text-shadow: #000000 0 0 0px;
}

a img {
border:0;
}

a.norm {
text-decoration:none;
color:#837287;
}

a.norm:hover {
text-decoration:underline;
}

#container {
display:table;
margin-left:auto;
margin-right:auto;
width:1000px;
background-image:url(../Images/innerbg.png);
}

#inner {
display:table;
width:985px;
margin-left:auto;
margin-right:auto;
background-color:#330000;
}

#header, #spheader {
display:table;
width:100%;
height:85px;
font-size:11px;
background-image:url(../Images/toprightlinks.jpg);
background-position:top right;
background-repeat:no-repeat;
}

#spheader {
height:145px;
background-image:url(../Images/sptoprightlinks.jpg);
}

#tllogo {
margin-top:-20px;
margin-left:15px;
}

#toprightlinks{
float:right;
line-height:24px;
padding-right:25px;
font-size:10px;
}

#toprightlinks, #toprightlinks a  {
text-decoration:none;
color:#330000;
}

#toprightlinks a:hover {
text-decoration:underline;
}

#textsizes a {
color:#ffffff;
width:16px;
padding:2px;
}

#textsizes a.plus {
background-color:#522627;
margin-left:3px;
}

#textsizes a.minus {
background-color:#866767;
}

#textsizes a.normal {
background-color:#330000;
}

#mainsections {
float:right;
width:350px;
margin-right:-5px;
}

#mainsections a {
display:block;
float:left;
padding-top:35px;
padding-left:25px;
color:#999999;
text-decoration:none;
background-repeat:no-repeat;
}

#mainsections a:hover {
text-decoration:underline;
}

#mainsections a#stpeters {
background-image:url(../Images/tab_stpeters_off.gif);
margin-right:2px;
background-position:5px 0px;
}

#mainsections a#stpeters.selected {
background-image:url(../Images/tab_stpeters_on.gif);
}

#mainsections a#stpeters:hover {
background-image:url(../Images/tab_stpeters_over.gif);
}

#mainsections a#clifton {
background-image:url(../Images/tab_clifton_off.gif);
margin-right:5px;
background-position:6px 2px;
}

#mainsections a#clifton.selected {
background-image:url(../Images/tab_clifton_on.gif);
}

#mainsections a#clifton:hover {
background-image:url(../Images/tab_clifton_over.gif);
}

#mainsections a#stolave {
background-image:url(../Images/tab_olaves_off.gif);
margin-right:2px;
background-position:14px 2px;
}

#mainsections a#stolave.selected {
background-image:url(../Images/tab_olave_on.gif);
}

#mainsections a#stolave:hover {
background-image:url(../Images/tab_olaves_over.gif);
}

#mainsections a#lettings {
background-image:url(../Images/tab_lettings.gif);
margin-right:5px;
background-position:1px 1px;
}

#mainsections a#lettings:hover {
background-image:url(../Images/tab_lettings_over.gif);
}

#mainsections a#links {
background-image:url(../Images/tab_links.gif);
margin-right:5px;
background-position:5px 1px;
}

#mainsections a#links:hover, #mainsections a#links.selected {
background-image:url(../Images/tab_links_over.gif);
}

#currentdate {
float:right;
margin-top:7px;
margin-right:25px;
}

#footer, #footer a, #header, #spheader, #col2, #mainsections a:hover, #mainsections a.selected {
color:#FEFEFE;
text-decoration:none;
}

#footer {
display:block;
font-size:11px;
padding-left:20px;
padding-right:25px;
height:60px;
line-height:37px;
}

#footer #contact a#credit {
line-height:12px;
display:block;
text-align:right;
font-size:10px;
}

#footer #contact a#credit:hover {
color:white;
}

#footer a {
text-decoration:none;
}

#footer .highlight {
color:#999999;
margin-left:4px;
margin-right:3px;
}

#footer #links {
float:left;
}

#footer #links a {
margin-left:2px;
margin-right:2px;
}

#footer a:hover {
text-decoration:underline;
}

#footer #contact {
float:right;
}

#content, #mcontent {
border-top:2px solid #EDC97B;
border-bottom:2px solid #EDC97B;
display:table;
width:100%;
}

#mcontent {
border-bottom:0;
border-top:0;
}

#col1, #col2, #col3 {
display:table;
float:left;
width:330px;
height:511px;
}

#col1 div, #col3 div {
float:left;
}

#col2 {
width:325px;
font-size:12px;
}

#logo {
display:block;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:17px;
}

img#keys {
margin-left:5px;
}

#intro {
display:block;
padding:15px;
padding-top:25px;
padding-bottom:0;
line-height:17px;
background-color:#522627;
height:313px;
}

#intro a {
color:#EDC97B;
text-decoration:underline;
}

#intro a:hover {
color:#999999;
}

p {
margin:0;
padding:0;
margin-top:12px;
}

.pics, spics, lpics, gpics {  
    height:  173px;  
    width:   165px;  
	padding-top:0;
    margin:  0;  
} 
 
.pics img, .spics img, .lpics img, .gpics img {  
    padding: 0px;  
    border:  0;
    width:  165px; 
    height: 173px; 
    top:  0; 
    left: 0;
}

.spics, .spics img {
    height:  105px;  
    width:   110px;  
}

.lpics, .lpics img {
    height:  233px;  
    width:   330px;  
}

.gpics, .gpics img {
    height:  250px;  
    width:   700px;  
}

form#search {
display:block;
float:right;
margin-top:50px;
margin-right:-61px;
width:230px;
}

form#search input.btn {
width:17px;
height:17px;
vertical-align:middle;
margin-left:5px;
}

form#search input.txt {
height:17px;
width:200px;
padding:0;
border:0;
vertical-align:middle;
background-image:url(../Images/search_txt_bg.jpg);
color:#330000;
font-size:10px;
text-indent:5px;
line-height:15px;
}


#navigation, #navigation #main, #navigation #secondary {
width:100%;
height:75px;
overflow:hidden;
}

#navigation {
border-top:2px solid #EDC97B;
}

#navigation #secondary {
height:30px;
}

#navigation.inner {
height:58px;
}

#navigation #main {
background-color:#FFFFFF;
height:30px;
}

#navigation #main a {
display:block;
float:left;
line-height:30px;
height:30px;
padding-right:23px;
color:#330000;
text-decoration:none;
font-size:11px;
margin-left:-25px;
padding-left:25px;
position:relative;
background-image:url(../Images/nav_main_nonsel_bg.png);
background-position:right;
background-repeat:no-repeat;
font-weight:bold;
text-transform:uppercase;
}

#navigation #main a#main1 {
padding-left:22px;
margin-left:0;
}

#navigation #main a.selected {
background-image:url(../Images/nav_main_sel_bg.png);
background-position:right;
background-repeat:no-repeat;
color:white;
}

#navigation #main a.nonsel:hover {
background-image:url(../Images/nav_main_nxt_bg.png);
background-position:right;
background-repeat:no-repeat;
}

#navigation #secondary, #navigation #secondary a {
color:#B6B5B5;
text-decoration:none;
font-size:12px;
line-height:35px;
}

#navigation #secondary a {
padding-left:8px;
padding-right:8px;
}

#navigation #secondary a#sub1 {
padding-left:22px;
}

#navigation #secondary a.selected, #navigation #secondary a:hover {
color:#EDC97B;
}

#navigation #secondary #first {
padding-left:23px;
}

#padfix {
padding-left:22px;
}

#padfixs {
padding-left:10px;
}

#gallery {
display:block;
width:700px;
height:250px;
border:2px solid white;
margin-left:0;
overflow:hidden;
float:left;
}

#gallery img {
z-index:20; 
position:relative;
}

#gallery #caption {
height:27px;
width:150px;
color:white;
font-size:24px;
text-align:right;
padding-right:10px;
padding-left:30px;
padding-top:3px;
z-index:21; 
position:relative; 
margin-top:-40px;
}

#inner.stolaves #gallery #caption {
height:27px;
width:150px;
color:white;
padding-top:3px;
}

a.goto {
display:block;
font-size:12px;
font-style:normal;
text-decoration:none;
color:white;
background-image:url(../Images/camera.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:30px;
height:22px;
line-height:24px;
}

a.goto#boarding {
background-image:url(../Images/bed.gif);
padding-right:42px;
}

a.goto:hover {
text-decoration:underline;
}

#caption.aqua {
background-image:url(../Images/Semis/aqua.png);
}

#latestnews {
display:block;
float:left;
width:218px;
margin-left:15px;
background-color:white;
border:1px solid #D4D7CB;
height:210px;
overflow:auto;
}

#right {
padding-left:15px;
}

#right #latestnews {
margin-left:0;
}

#right #quicklinks {
margin-left:0;
}

#latestnews h1 {
margin:0;
padding:0;
display:block;
background-color:#D4D7CB;
color:#330000;
font-size:12px;
padding:5px;
padding-left:10px;
font-weight:bold;
}

#latestnews a {
display:block;
line-height:15px;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
margin-right:10px;
font-size:12px;
color:#330000;
text-decoration:none;
border-bottom:1px solid #D4D7CB;
}

#latestnews a .lighter {
color:#665D71;
}

#latestnews a:hover .lighter {
color:#333333;
}

#latestnews a.rss {
border-bottom:0;
line-height:20px;
}

#latestnews a.rss img {
margin-right:3px;
}

#contrast {
margin-top:15px;
display:table;
width:100%;
background-color:white;
font-size:12px;
}

#contrast p {
line-height:18px;
}

#contrast .highlight {
color:#330000;
font-weight:bold;
}

#left {
display:block;
float:left;
width:465px;
padding:22px;
}

#left.large {
width:680px;
}

#left.large h1 {
width:92%;
}

#right {
display:block;
float:left;
width:465px;
padding-bottom:15px;
padding-top:10px;
}

#right.small {
width:225px;
}

#left h1 {
border-bottom:1px solid #D4D7CB;
font-weight:normal;
font-size:20px;
color:#330000;
padding:0;
margin:0;
display:block;
margin-bottom:15px;
padding-bottom:10px;
}

#headmaster {
width:93px;
float:left;
font-size:11px;
color:#330000;
height:180px;
margin-right:15px;
}

#headmaster img {
border:2px solid #A4A1AA;
margin-bottom:5px;
}

#right #box1, #right #box2, #right #box3, #right #box4, #squares .box, #largesquares .box {
display:block;
float:left;
width:218px;
height:150px;
border:2px solid #A4A1AA;
margin-right:9px;
margin-bottom:10px;
cursor:pointer;
text-decoration:none;
}

#squares .box {
width:145px;
text-decoration:none;
}

#squares .box h2 {
text-transform:uppercase;
}

#largesquares .box {
width:305px;
height:295px;
text-decoration:none;
}

#largesquares p {
color:#FFFFFF;
}

#right #box1:hover, #right #box2:hover, #right #box3:hover, #right #box4:hover, #squares .box:hover, #largesquares .box:hover {
border:2px solid #555555;
}

#right .scaption, #squares .box .scaption, #large .box .scaption {
padding:5px;
padding-left:8px;
display:block;
text-decoration:none;
}

#squares .box .scaption {
height:45px;
}

#largesquares .box .scaption {
height:72px;
}

#right .scaption h2, #squares .box .scaption h2, #largesquares .box .scaption h2 {
color:white;
font-size:13px;
font-weight:bold;
padding:0;
margin:0;
}

#squares .box .scaption h2.dark {
color:#330000;
}

#right .scaption p {
margin:0;
padding:0;
color:white;
padding-top:5px;
line-height:14px;
}

#largesquares .box .scaption {
padding:10px;
}

#largesquares .box .scaption h2 {
font-size:15px;
}

#right #box1 .scaption {
background-image:url(../Images/Semis/purple.png);
}

#right #box2 .scaption {
background-image:url(../Images/Semis/green.png);
}

#right #box3 .scaption {
background-image:url(../Images/Semis/cream.png);
}

#right #box4 .scaption {
background-image:url(../Images/Semis/aqua.png);
}

#right #box3 a.scaption h2, #right #box3 a.scaption p {
color:#330000;
}

#quicklinks {
margin-top:15px;
margin-left:15px;
color:#330000;
width:220px;
}

#left.large #faded {
display:block;
width:608px;
background-color:#EDE8ED;
padding:15px;
padding-right:0;
float:left;
}

#faded h2 {
font-size:12px;
color:#330000;
border-bottom:1px solid #BDADBD;
padding:0;
margin:0;
padding-bottom:5px;
width:97%;
}

#faded a {
color:#8C6F8C;
text-decoration:none;
}

#faded .sub {
width:282px;
display:block;
float:left;
border-right:1px solid #BDADBD;
padding:0;
padding-right:15px;
margin-right:15px;
}

#faded p {
color:#333333;
overflow:auto;
height:100px;
width:97%;
}

#art {
background-image:url(../Images/145x150/BW/art.jpg);
}

#art:hover {
background-image:url(../Images/145x150/art.jpg);
}

#boarding {
background-image:url(../Images/145x150/BW/boarding.jpg);
}

#boarding:hover {
background-image:url(../Images/145x150/boarding.jpg);
}

#drama {
background-image:url(../Images/145x150/BW/drama.jpg);
}

#drama:hover {
background-image:url(../Images/145x150/drama.jpg);
}

#extras {
background-image:url(../Images/145x150/BW/extra.jpg);
}

#extras:hover {
background-image:url(../Images/145x150/extra.jpg);
}

#library {
background-image:url(../Images/145x150/BW/books.jpg);
}

#library:hover {
background-image:url(../Images/145x150/books.jpg);
}

#music {
background-image:url(../Images/145x150/BW/violins.jpg);
}

#music:hover {
background-image:url(../Images/145x150/violins.jpg);
}

#sports {
background-image:url(../Images/145x150/BW/sports.jpg);
}

#sports:hover {
background-image:url(../Images/145x150/sports.jpg);
}

#pastoral {
background-image:url(../Images/145x150/BW/front.jpg);
}

#pastoral:hover {
background-image:url(../Images/145x150/front.jpg);
}

#affording {
background-image:url(../Images/145x150/BW/boy.jpg);
}

#affording:hover {
background-image:url(../Images/145x150/boy.jpg);
}

#applications {
background-image:url(../Images/145x150/BW/building.jpg);
}

#applications:hover {
background-image:url(../Images/145x150/building.jpg);
}

#boxcontact {
background-image:url(../Images/145x150/BW/scene.jpg);
}

#boxcontact:hover {
background-image:url(../Images/145x150/scene.jpg);
}

#directions {
background-image:url(../Images/145x150/BW/map.jpg);
}

#directions:hover {
background-image:url(../Images/145x150/map.jpg);
}

#staff {
background-image:url(../Images/145x150/BW/staff.jpg);
}

#staff:hover {
background-image:url(../Images/145x150/staff.jpg);
}

#prospectus {
background-image:url(../Images/145x150/BW/prospectus.jpg);
}

#prospectus:hover {
background-image:url(../Images/145x150/prospectus.jpg);
}

#tour {
background-image:url(../Images/145x150/BW/tour.jpg);
}

#tour:hover {
background-image:url(../Images/145x150/tour.jpg);
}

#bursaries {
background-image:url(../Images/145x150/BW/guitar.jpg);
}

#bursaries:hover {
background-image:url(../Images/145x150/guitar.jpg);
}


#leftmenu {
display:block;
float:left;
width:153px;
margin-top:10px;
border:2px solid #C7C2C7;
background-color:#EBE7EB;
padding:10px;
}

#leftmenu a {
display:block;
text-decoration:none;
color:#330000;
font-weight:bold;
font-size:12px;
line-height:20px;
}

#leftmenu a.selected, #leftmenu a:hover {
color:#8F7F93;
}

#leftmenu .submenu a.selected, #leftmenu .submenu a:hover {
color:#330000;
}

#leftmenu .submenu {
background-color:#8F7F93;
margin-top:10px;
padding:6px;
background-image:url(../Images/bg_leftmenu.gif);
background-repeat:no-repeat;
background-position:top right;
margin-bottom:10px;
}

#leftmenu .submenu a {
color:white;
font-weight:normal;
font-size:11px;
}

p.breadcrumb {
margin:0;
padding:0;
margin-top:-10px;
padding-bottom:20px;
font-size:11px;
}

.breadcrumb a, .breadcrumb {
color:#837287;
text-decoration:none;
border-bottom:0;
}

.breadcrumb .current, .breadcrumb a:hover {
color:#330000;
}

.extrainfo {
display:block;
float:right;
border:2px solid #C7C2C7;
background-color:#EBE7EB;
margin:20px;
width:175px;
}

.extrainfo a, .extrainfo p a {
display:block;
color:#330000;
margin:10px;
text-decoration:none;
border-bottom:0;
}

.extrainfo p {
margin:10px;
}

.extrainfo p a {
display:inline;
margin:0;
}

.extrainfo a img {
margin-right:10px;
}

.extrainfo a:hover {
color:#8F7F93;
}

.extrainfo h3 {
color:white;
font-size:13px;
background-color:#8F7F93;
padding:10px;
padding-top:5px;
padding-bottom:5px;
margin:0;
}

#thumbs img {
cursor:pointer;
}

p a {
text-decoration:none;
color:#330000;
border-bottom:1px dotted #330000;
}

h2 {
font-size:14px;
color:#333333;
}

#linkspage h3 {
font-size:14px;
color:#333333;
}

form.standard label {
display:block;
color:#666666;
margin-top:10px;
margin-bottom:3px;
}

form.standard .txtinput {
width:250px;
}

form.standard textarea.txtinput {
font-family:Arial, Helvetica, sans-serif;
width:350px;
height:75px;
}

.listitem {
border-bottom:1px solid #cccccc;
display:table;
height:auto;
width:100%;
padding-bottom:7px;
padding-top:7px;
}

.listitem h2 {
margin:0;
padding:0;
margin-bottom:8px;
}

.listitem p {
margin:0;
padding:0;
margin-bottom:8px;
}

.listitem a {
text-decoration:none;
}

.listitem a:hover {
text-decoration:underline;
}

.listitem .col1, .listitem .col2 {
display:block;
width:150px;
float:left;
}

.listitem .col2 {
width:350px;
}

.listitem .date {
display:block;
font-weight:bold;
color:#333333;
margin-bottom:5px;
font-size:11px;
}

.faded {
color:#998080;
}

#parentslogin {
display:block;
margin-top:29px;
}

#contactinfo a {
text-decoration:none;
color:#320000;
}

#prospectusrequest td {
padding-right:10px;
padding-bottom:5px;
}

#prospectusrequest textarea {
margin-top:7px;
font-family:Arial, Helvetica, sans-serif;
}

.accessibility h1 {
font-size:20px;
}
.accessibility h2 {
font-size:17px;
}
.accessibility h3 {
font-size:14px;
}

#sitemap td {
padding-right:20px;
vertical-align:top;
}

#sitemap a {
line-height:20px;
display:block;
color:#320000;
text-decoration:none;
}

#contrast.Large h1 {
font-size:25px;
line-height:35px;
}

#contrast.Large p {
font-size:20px;
line-height:30px;
}

#contrast.Large #latestnews a, #contrast.Large #headmaster, #contrast.Large #right .scaption h2, #contrast.Large #squares .box .scaption h2, #contrast.Large #largesquares .box .scaption h2, #contrast.Large #largesquares .box .scaption h2, #contrast.Large #faded h2, #contrast.Large #leftmenu a, #contrast.Large #leftmenu .submenu a, #contrast.Large .extrainfo h3, #contrast.Large table td, #contrast.Large li, #contrast.Large #left div {
font-size:16px;
line-height:20px;
}

#contrast.Small h1 {
font-size:15px;
line-height:25px;
}

#contrast.Small p {
font-size:10px;
line-height:14px;
}

#contrast.Small #latestnews a, #contrast.Small #headmaster, #contrast.Small #right .scaption h2, #contrast.Small #squares .box .scaption h2, #contrast.Small #Smallsquares .box .scaption h2, #contrast.Small #Smallsquares .box .scaption h2, #contrast.Small #faded h2, #contrast.Small #leftmenu a, #contrast.Small #leftmenu .submenu a, #contrast.Small .extrainfo h3, #contrast.Small table td, #contrast.Small li, #contrast.Small #left div {
font-size:10px;
line-height:14px;
}

a.parentlink {
text-decoration:none;
color:#333333;
margin-bottom:3px;
display:block;
width:500px;
border:1px solid #eaeaea;
padding:5px;
}

a.parentlink:hover {
border:1px solid #cccccc;
}

#homecontent p a {
border-bottom:0;
}

#landinglink {
margin-top:32px;
padding-left:20px;
float:left;
border:1px solid #EDC97B;
border-left:0;
width:310px;
padding-top:3px;
padding-bottom:3px;
overflow:hidden;
background-color:#522627;
}

#landingimage {
margin-top:5px;
padding-left:0px;
float:left;
border:1px solid #EDC97B;
border-left:0;
width:330px;
}

#ienotice {
color:red;
display:none;
}