
/* ---------- misc ---------- */

* {
 padding: 0;
 margin: 0;
 }
body	{
 background: #f2faf8;
 color: #777;
 font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
 text-align: center;

 }

/* ---------- centre panel ---------- */

#container {
 padding: 0 2px;
 width: 700px !important;
 width /**/: 704px;
 margin: 0 auto;
 background: #fff url(gifs/bg_main_alt2.gif) repeat-y;
 text-align: left;
 position: relative;
 }


/* ---------- main pics ---------- */

 
 
 #mp_home {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_home.jpg) no-repeat;
 }
 
 #mp_curriculum {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_ballet.jpg) no-repeat;
 }
 
 #mp_sport {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_sport.jpg) no-repeat;
 }
 
 #mp_office {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_classroom2.jpg) no-repeat;
 }
 
 #mp_parents {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_parents.jpg) no-repeat;
 }
 
 #mp_stpcentre {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_stpiranscentre.jpg) no-repeat;
 }
 
 #mp_contact {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_contact.jpg) no-repeat;
 }
 
 #mp_history {
 width: 700px;
 height: 206px;
 background: #D7E6DE url(jpegs/mp_history.jpg) no-repeat;
 }
 
/* ---------- nav bar ---------- */


#nav_bar {
 width: 700px;
 text-align: center;
 vert-align: center;
 position: absolute;
 top: 271px;
 left: 2px;
 font-size: 10px;
 line-height: 1.2em;
 }


/* ---------- section headings ---------- */


#section_heading1 h3, #section_heading1a h3,  #section_heading1b h3, #section_heading1c h3, #section_heading1d h3,
#section_heading2 h3, #section_heading2a h3, #section_heading2b h3, #section_heading2c h3, #section_heading2d h3, #section_heading2e h3, 
#section_heading3 h3, #section_heading3a h3, #section_heading3b h3, 
#section_heading4 h3, #section_heading4a h3, #section_heading4b h3, #section_heading4c h3, #section_heading4d h3, #section_heading4e h3, #section_heading4f h3, #section_heading4g h3, #section_heading4h h3, #section_heading4i h3,
#section_heading5 h3, #section_heading5a h3, #section_heading5b h3, #section_heading5c h3, #section_heading5d h3, #section_heading5e h3, #section_heading5f h3,
#section_heading6 h3, #section_heading6a h3,
#section_heading7 h3, #section_heading7a h3, #section_heading7b h3
 {
 width: 350px;
 height: 25px;
 background-repeat: no-repeat;
 position: absolute;
 top: 320px;
 left: 30px;
 }
 
#section_heading1 h3 { background-image: url(gifs/headings/h_welcome.gif); } #section_heading1a h3 { background-image: url(gifs/headings/h_history.gif); }  #section_heading1b h3 { background-image: url(gifs/headings/h_mission.gif); } #section_heading1c h3 { background-image: url(gifs/headings/h_entry.gif); } #section_heading1d h3 { background-image: url(gifs/headings/h_schoolday.gif); }
#section_heading2 h3 { background-image: url(gifs/headings/h_curriculum.gif); } #section_heading2a h3 { background-image: url(gifs/headings/h_ks3y78.gif); } #section_heading2b h3 { background-image: url(gifs/headings/h_ks2y56.gif); } #section_heading2c h3 { background-image: url(gifs/headings/h_ks2y34.gif); } #section_heading2d h3 { background-image: url(gifs/headings/h_ks1reception.gif); } #section_heading2e h3 { background-image: url(gifs/headings/h_nursery.gif); }
#section_heading3 h3 { background-image: url(gifs/headings/h_sport.gif); } #section_heading3a h3 { background-image: url(gifs/headings/h_fixtures.gif); } #section_heading3b h3 { background-image: url(gifs/headings/h_awaydirections.gif); } 
#section_heading4 h3 { background-image: url(gifs/headings/h_office.gif); } #section_heading4a h3 { background-image: url(gifs/headings/h_schoolofficeprospectus.gif); } #section_heading4b h3 { background-image: url(gifs/headings/h_news.gif); } #section_heading4c h3 { background-image: url(gifs/headings/h_schoolofficedirections.gif); } #section_heading4d h3 { background-image: url(gifs/headings/h_calendar.gif); } #section_heading4e h3 { background-image: url(gifs/headings/h_schoolofficearchive.gif); } #section_heading4f h3 { background-image: url(gifs/headings/h_downloads.gif); } #section_heading4g h3 { background-image: url(gifs/headings/h_thankyou.gif); } #section_heading4h h3 { background-image: url(gifs/headings/h_currentnewsletter.gif); } #section_heading4i h3 { background-image: url(gifs/headings/h_newsletterarchive.gif); }
#section_heading5 h3 { background-image: url(gifs/headings/h_parents.gif); } #section_heading5a h3 { background-image: url(gifs/headings/h_parentsuniform.gif); } #section_heading5b h3 { background-image: url(gifs/headings/h_parentscalendar.gif); } #section_heading5c h3 { background-image: url(gifs/headings/h_stpiranssociety.gif); } #section_heading5d h3 { background-image: url(gifs/headings/h_handbook.gif); } #section_heading5e h3 { background-image: url(gifs/headings/h_parentsarchive.gif); } #section_heading5f h3 { background-image: url(gifs/headings/h_mailinglist.gif); }
#section_heading6 h3 { background-image: url(gifs/headings/h_stpiranscentre.gif); } #section_heading6a h3 { background-image: url(gifs/headings/h_bookingform.gif); }
#section_heading7 h3 { background-image: url(gifs/headings/h_contact.gif); } #section_heading7a h3 { background-image: url(gifs/headings/h_contactprospectus.gif); } #section_heading7b h3 { background-image: url(gifs/headings/h_contactdirections.gif); }


/* ---------- content pic floats ---------- */

img.floatLeft { float: left; 
margin: 10px 15px 3px 0px; }

img.floatRight { float: right; 
margin: 4px; } 




/* ---------- main text ---------- */


#section_heading1, #bodytext, #section_heading1a, #bodytext,  #section_heading1b, #bodytext, #section_heading1c, #bodytext, #section_heading1d, #bodytext, 
#section_heading2, #curriculum, #section_heading2a, #bodytext, #section_heading2b, #bodytext, #section_heading2c, #bodytext, #section_heading2d, #bodytext, #section_heading2e, #bodytext, 
#section_heading3, #sport, #section_heading3a, #bodytext, #section_heading3b, #bodytext,
#section_heading4, #office, #section_heading4a, #bodytext, #section_heading4b, #bodytext, #section_heading4c, #bodytext, #section_heading4d, #bodytext, #section_heading4e, #bodytext, #section_heading4f, #bodytext, #section_heading4g, #bodytext, #section_heading4h, #bodytext, #section_heading4i, #bodytext,   
#section_heading5, #bodytext, #section_heading5a, #bodytext, #section_heading5b, #bodytext, #section_heading5c, #bodytext, #section_heading5d, #bodytext, #section_heading5e, #bodytext, 
#section_heading6, #bodytext, #section_heading6a, #bodytext,
#section_heading7, #bodytext, #section_heading7a, #bodytext, #section_heading7b, #bodytext
 {
 padding: 5px 20px;
 width: 500px !important;
 width /**/: 500px;
  }
#bodytext, #curriculum, #sport, #office {
 padding: 80px 20px;
 
 }

#supportingText #requirements {
 padding-bottom: 12px;
 }
#supportingText {
 padding: 12px 20px;
 
 text-align: center;
 }
 #footer {
 padding: 12px 45px;
 
 text-align: left;
 }
 
 
 
#linkList {
 position: absolute;
 top: 290px;
 left: 572px;
  font-size: 10px;
 line-height: 1.2em;

 }



/* ---------- h1, h2, h3 ---------- */

h1, h3 {
 font-weight: normal;
 font-size: 1.0em;
 line-height: 1.0em;
 display: block;
 text-indent: -2000px;

 }
h1 {
 width: 700px;
 height: 65px;
  margin: 0;
 background: #fff url(jpegs/masthead_5.jpg) no-repeat 0 100%;
 }
 
 h2 {
 font-weight: bold;
 font-size: 11px;
 line-height: 1.4em;
  margin: 0;
 
  }
 
 

#linkList h3 {
 width: 130px;
 height: 34px;
  margin: 0;
 background-repeat: no-repeat;
 background-color: #f2faf8;
 }
.select {background-image: url(gifs/sb02.gif); }
.archives {background-image: url(gifs/sb01.gif); }
.uniform {background-image: url(gifs/sb03.gif); }

/* ---------- p ---------- */

p {
 padding-top: 5px;
 }
.p1 {
 padding-top: 2px;
 }
 .p2 {
 padding-top: 2px; list-style-image: disc;;
 }

/* ---------- side bar formatting ---------- */

ul, li {
 list-style: none;
 }
ul {
 border-top: 1px solid #CBD3D3;
  margin: 0;
 }
li {
 text-transform: lowercase;
border-bottom: 1px solid #CBD3D3;
 margin: 0;
 }
#quicklinks li {
 padding: 5px 7px 5px 24px;
 background: url(bullet1.gif) no-repeat;
 }
#quicklinks li:hover {
 background: #f2faf8 url(hover.gif) no-repeat;
 }
#archives li, #uniform li {
 background: url(bullet2.gif) no-repeat;
 padding: 5px 0;
}
div>#archives li, div>#uniform li {
 padding: 0;
 height: 23px;
 background: url(bullet2.gif) no-repeat;
}

/* ---------- a ---------- */

a {
 text-decoration: none;
 }
#intro a, #supportingText a {
 font-weight: bold;
 color: #3B7782;
 }
#footer a, #linkList a {
 color: #777;
 }

/* ---------- text colour ---------- */

#quicklinks a, #uniform a, #archives a {
 display: block;
 color: #3B7782;
 }
 
#footer a {
 display: inline;
 color: #3B7782;
 }
 
#quicklinks a.c, #uniform a.c #archives a.c {
 display: inline;
 color: #777;
 }
#select a, #archives a, #uniform a {
 margin: 0;
 padding: 0 7px 0 22px;
}
div>#select a, div>#archives a, div>#uniform a {
 padding: 5px 7px 5px 22px;
 height: 13px !important;
 height /**/: 23px;
 display: block;
 }
 
 /* ---------- text hover colour ---------- */
 
#linkList a:hover, #linkList a:active, #quicklinks a.c:hover,
#quicklinks a.c:active, #uniform a.c:hover, #uniform a.c:active #archives a.c:hover, #archives a.c:active {
 color: #222;
 }
#footer a:hover, #footer a:active, #intro a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active, #quicklinks a:hover,
#quicklinks a:active, #uniform a:hover, #uniform a:active, #archives a:hover, #archives a:active {
 color: #e6ab0e;
 }
div>#archives a:hover, div>#archives a:active, div>#uniform a:hover, div>#uniform a:active {
 background: #f2faf8 url(hover.gif) no-repeat -130px 0;
 }
 

/* ---------- links ---------- */

a.links:link {color: #3B7782; text-decoration: none; }
a.links:active {color: #3B7782; text-decoration: none; }
a.links:visited {color: #3B7782; text-decoration: none; }
a.links:hover {color: #e6ab0e; text-decoration: none; }
