body {
    font-family: Arial;
    font-size: 11pt;
    margin:0px;
    text-align:justify;
    background-color:#ffffff;
}
p
{
    text-align:justify;
}


.tabledimensions /* table dimensions*/
{
    width: 982px;
    border-right:solid 1px #000000;
    border-left:solid 1px #000000;
    /*margin-left:150px;*/
    
}
.footertabledimensions /* table dimensions*/
{
    width: 981px;
    position:relative;
    top:10px;
    font-size:8pt;
    color:#818181;
    font-family:"Arial Narrow";
    
}
.logobox /* cell for logo*/
{
    width:157px;
    height:300px;
    text-align:center;
    /*border-right-style:solid;
    border-right-width:5px;
    border-right-color:#53134C;*/
    border-bottom-style:solid;
    border-bottom-color:#981989;
    border-bottom-width:5px;
    background-color:#ffffff;
    vertical-align:top;
    
}
.photobox /* photobox cell*/
{
    border-bottom-style:solid;
    border-bottom-color:#981989;
    border-bottom-width:5px;
    /*background-color:#c5c5c5;*/
    width:839px;
    vertical-align:bottom;
    margin-bottom:0px;
    margin-right:0px;
}
.phototext /* in Photobox*/
{
    margin-left:70px;
    text-align:center;
    text-decoration:none;
    font-family:"Times New Roman";
    color:#ffffff;
    font-size:30pt;
    letter-spacing:15px;
    position:relative;
    z-index:5;
    top:245px;
    font-variant:small-caps;
    position:absolute;
}
.phototext-shadow /* in Photobox*/
{
    text-align:center;
    text-decoration:none;
    font-family:"Times New Roman";
    color:#444444;
    font-size:30pt;
    letter-spacing:15px;
    position:relative;
    z-index:4;
    top:245px;
    font-variant:small-caps;
    position:absolute;
    margin:2px 0px 0px 73px;/*23px left to overcome total margin*/
    
}

.photobox-photo
{
    position:relative;
    z-index:0;
    height:261px;
    width:855px;
    vertical-align:bottom;
    margin:0px 0px 0px 0px;
    margin-right:0px;
    
}
.navbox /*navigation cell characteristics*/
{
    /*border-right: 5px solid #53134C;*/
    background-color:#3F0039;
    text-align:left;
    vertical-align:top;
    width:185px;

}
.contentbox{ /*main page content box cell*/
    background-color:#ffffff;
    vertical-align:text-top;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    width:824px;
}
.headerimage /*swirl at top of every page*/
{
    position:absolute;
    behavior: url(iepngfix.htc);
    z-index:1;

    
}
.header-contactus
{
    position:relative;
    top:20px;
    left:840px;
    z-index:2;
    text-align:right;

}
.navlink /*navigation text*/
{
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:"Lucida Sans Unicode","Arial";
    margin-left:6px;
}
.navlink a{ /*navigationlink characteristics*/
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:"Lucida Sans Unicode","Arial";
    margin-left:6px;
}
.navlink a:visited{ /*navigationlink characteristics*/
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:"Lucida Sans Unicode","Arial";
    margin-left:6px;
}
.navlink a:hover{ /* link hover events on navigation*/
    text-decoration:underline;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:"Lucida Sans Unicode","Arial";
    margin-left:6px;
}
.navlink hr /*horizontal rule on navigation*/
{
    text-align:left;
    width:110px;
    color:#981989;
    height:3px;
}
.nav-searchbox
{
    margin-left:5px;
}
.footercell /*navigation footer cell*/
{
    /*background-color:#3F0039;*/
    text-align:left;
    vertical-align:top;
    height:60px;
    /*border-right: solid 5px #53134C;*/
    width:157px;
}
.footerimg
{
    
    position:absolute;
    z-index:3;
    behavior: url(iepngfix.htc);
    height:65px;
    border-right-style:none;
}
.footerspace /*under content pane*/
{
    background-color:#000000;
    vertical-align:text-top;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    border-right-style:none;
}
.menucell
{
    width:192px;
    text-align:center;
}
.navlinkindent
{
    margin-left:12px;
}
.footer-text
{
    font-size:8pt;
    color:#818181;
}
.footer-text a
{
    font-size:8pt;
    color:#818181;
}
.footer-text a:hover
{
    font-size:8pt;
    color:#000000;
}


/*  Menu Button Drop Down List System--------------------------------------------------- */
.menu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    WIDTH: 192px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    LIST-STYLE-TYPE: none;
    border:none;
}
.menu UL LI
{
    POSITION: relative
}
.menu LI UL
{
    DISPLAY: none;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 50px;

}
.menu UL LI A
{
    /*BORDER-RIGHT: #ffffff 1px solid;*/
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ffffff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    background-color:Transparent;
    PADDING-BOTTOM: 5px;
    /*BORDER-LEFT: #ffffff 1px solid;*/
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: solid 1px #ccc;
    TEXT-DECORATION: none;
    text-align:center;
}
HTML UL LI
{
    FLOAT: left;
    HEIGHT: 1%
}
HTML UL LI A
{
    HEIGHT: 1%
}
.menu LI UL LI A /* DD-Menu dropdown items*/
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px;
   /* border-left: solid 1px #53134C;/*53134C*/
    /*border-right: solid 1px #53134C;*/
    border-bottom: solid 1px #53134C;
    border-top: solid 1px #53134C;
    background:#53134C;/*3F0039, 65006B*/
    font-size:10pt;
    font-weight:bold;
    width:182px;
}


.menu LI:hover UL
{
    DISPLAY: block

}
.menu LI.over UL
{
    DISPLAY: block
}

/* END MENU BUTTON SYSTEM --------------------------------------------------------------------*/

/********************Infocontent*****************************/
.infocontent-table
{
    width:100%;
    height: 461px;
    /*margin-left:15px;*/
    /*margin-right:15px;*/
    text-align:justify;
    vertical-align:top;
}

.infocontent
{
    padding-left:12px;
    padding-right:12px;
    font-family: Arial;
    font-size: 10pt;
    line-height: 14pt;
    font-weight: normal;
    font-style:normal;
    width:775px;
    text-align:justify;
}

.infocontent h1 
{
    font-family: /*"Tekton Pro", */"Trebuchet MS","Baskerville Old Face","Times New Roman";
    font-size: 24pt;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    color:#550055;
    font-variant:small-caps;
    text-align:left;
    line-height: 28pt;
}
.infocontent h2 
{
    font-family: "Trebuchet MS","Baskerville Old Face","Times New Roman";
    font-size: medium;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    color:#550055;
    font-variant:small-caps;
}
.infocontent h3 
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    font-style:normal;
    text-align: left;
}
.infocontent h4
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    font-style:normal;
}
.infocontent a{
    color:#bb66bb;
    text-decoration:none;
}
.infocontent a:visited{
    color:#bb66bb;
    text-decoration:none;
}
.infocontent a:hover{
    color:#cccccc;
    text-decoration:underline;
}
.infocontent-nav
{
    width:150px;
    text-align:center;
    vertical-align:top;
    margin-top:50px;
    /*font-family:Lucida Sans Unicode;*/
   
}



/*infocontent sub-menu system **********************************************************/
.infomenu{}
.infomenu-table{
    border-collapse:collapse;
    border-width:0;
    text-align:center;
}
.infomenu-nav{
    background-color:#53134C;
    width:175px;
    text-align:center;
    color:#ffffff;
    font-size:10pt;
    line-height:16pt;
    font-weight:bold;
}
.infomenu-nav a{
    color:#ffffff;
    text-decoration:none;
}
.infomenu-nav a:visited{
    color:#ffffff;
    text-decoration:none;
}
.infomenu-nav a:hover{
    color:#ffffff;
    text-decoration:underline;
}

/*END infocontent sub-menu system **********************************************************/

/******************NEWS*******************/

.news-table{
    border-collapse: collapse;
    border-spacing: 0;
}
.news-header{
    background-image: url(../images/layout/news_schoolnews-top.jpg);
    background-position: center;
    width: 180px;
    height: 36px;
    background-repeat: no-repeat;
}
.news-body{
    background-image: url(../images/layout/news_schoolnews-mid.jpg);
    background-position: center;
    width: 180px;
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 20px;
    margin-top: 0px;
}

.news-footer{
    background-image: url(../images/layout/news_schoolnews-bot.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 35px;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 0px;
}
.news{
    font-size:smaller;
    color:#000000;
}
.news-headline
{
}
.news-headline a
{
    color:#550055;
    font-size:smaller;
    font-weight:bold;
    text-decoration:none;
}
.news-headline a:visited
{
    color:#550055;
    font-size:smaller;
    font-weight:bold;
    text-decoration:none;
}
.news-headline a:hover
{
    color:#990099;
    font-size:smaller;
    font-weight:bold;
    text-decoration:underline;
}
.news-readmore
{
}
.news-readmore a
{
    color:#550055;
    font-size:smaller;
    font-weight:normal;
    text-decoration:none;
}
.news-readmore a:visited
{
    color:#550055;
    font-size:smaller;
    font-weight:normal;
    text-decoration:none;
}
.news-readmore a:hover
{
    color:#990099;
    font-size:smaller;
    font-weight:normal;
    text-decoration:underline;
}
/********************************END NEWS******************************/
.staff-dept-banner
{
    background-color: #491743;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #FFFFFF
}

.staff-dept-head
{
    background-color: #BF8EBA;
    text-align: center;
    font-size:10pt;
}
.staff-dept-head a:link
{
    color:#5F225b;
    text-decoration:none;
}
.staff-dept-head a:visited
{
    color:#5F225b;
    text-decoration:none;
}
.staff-dept-head a:hover
{
    color:#2222aa;
    text-decoration:underline;
}

.profile
{
    font-size:10pt;
}
.profile a:link
{
    color:#5F225b;
    text-decoration:none;
}
.profile a:visited
{
    color:#5F225b;
    text-decoration:none;
}
.profile a:hover
{
    color:#2222aa;
    text-decoration:underline;
}
/****************************************************************************
*****************************************************************************
****************************************************************************/
infocontent-table
{
    width:794px;
    
}
.infocontent h1 
{
    font-family: /*"Tekton Pro", */"Trebuchet MS","Baskerville Old Face","Times New Roman";
    font-size: 24pt;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    color:#222222;
    font-variant:small-caps;
    text-align:left;
}
.infocontent h2 
{
    font-family: "Baskerville Old Face","Times New Roman";
    font-size: medium;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    color:#888888;
    font-variant:small-caps;
}
.infocontent h3 
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    font-style:normal;
    text-align: center;
}


.infocontent-nav
{
    width:150px;
    text-align:center;
    vertical-align:top;
    margin-top:50px;
   
}

.infocontent-content
{
    padding-left:12px;
    padding-right:12px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    font-style:normal;
}
.infocontent-content h4
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    font-style:normal;
}

.infocontent-content ul li
{
    list-style-type: disc;
    list-style-position: outside;
    line-height: normal;
    text-align: justify;
    float: none;
    }

/*content sub-menu system *******************************************************************/
.content UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 134px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    LIST-STYLE-TYPE: none;
}
.content UL LI
{
    POSITION: relative;
    LIST-STYLE-TYPE: none;
}
.content LI UL
{
    DISPLAY: block;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 40px;
}
.content UL LI A
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ffffff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #f8f8f8;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: solid 1px #ccc;
    TEXT-DECORATION: none;
    text-align:center;
}
HTML UL LI
{
    FLOAT: left;
    HEIGHT: 1%
}
HTML UL LI A
{
    HEIGHT: 1%
}
.content LI UL LI A /* DD-Menu dropdown items*/
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    border-left: solid 1px #53134C;
    border-right: solid 1px #53134C;
    border-bottom: solid 1px #53134C;
    border-top: solid 1px #53134C;
    background:#53134C;/*3F0039, 65006B*/
    font-size:10pt;
    font-weight:bold;
    width:134px;
    LIST-STYLE-TYPE: none;
}


.content LI:hover UL
{
    DISPLAY: block;

}
.content LI.over UL
{
    DISPLAY: block;
}




/******************************************VirtualTourMap****************/
.virtualtour
{
    position:absolute;
    z-index:10;
}
.vt-sutton{
    position:absolute;
    z-index:11;
    top:115px;
    left:123px;
    border:none;
}
.vt-frt{/*Father Robin Taylor*/
    position:absolute;
    z-index:11;
    top:93px;
    left:160px;
    border:none;
}
.vt-md{/*Michael Dobson*/
    position:absolute;
    z-index:11;
    top:115px;
    left:196px;
    border:none;
}
.vt-nw{/*North Wing*/
    position:absolute;
    z-index:11;
    top:150px;
    left:160px;
    border:none;
}
.vt-penn{/*Penn - Science*/
    position:absolute;
    z-index:11;
    top:165px;
    left:123px;
    border:none;
}
.vt-gym{/*Gym*/
    position:absolute;
    z-index:11;
    top:181px;
    left:198px;
    border:none;
}
.vt-music{/*Music Centre*/
    position:absolute;
    z-index:11;
    top:190px;
    left:245px;
    border:none;
}
.vt-log{/*Log Cabin*/
    position:absolute;
    z-index:11;
    top:163px;
    left:245px;
    border:none;
}
.vt-pool{/*Swimming Pool*/
    position:absolute;
    z-index:11;
    top:130px;
    left:330px;
    border:none;
}
.vt-prep-hc{/*Prep Hardcourt*/
    position:absolute;
    z-index:11;
    top:70px;
    left:285px;
    border:none;
}
.vt-prep-oakley{/*Prep Oakley House*/
    position:absolute;
    z-index:11;
    top:70px;
    left:337px;
    border:none;
}
.vt-prep-oakleyhall{/*Prep Oakley Hall*/
    position:absolute;
    z-index:11;
    top:70px;
    left:369px;
    border:none;
}
.vt-prep-rec{/*Prep Reception Class*/
    position:absolute;
    z-index:11;
    top:41px;
    left:337px;
    border:none;
}
.vt-prep-ict{/*Prep ICT Suite*/
    position:absolute;
    z-index:11;
    top:58px;
    left:415px;
    border:none;
}
.vt-prep-stables{/*Prep Stables Centre*/
    position:absolute;
    z-index:11;
    top:53px;
    left:450px;
    border:none;
}
.vt-prep-pitch{/*Prep Sports Pitch*/
    position:absolute;
    z-index:11;
    top:115px;
    left:430px;
    border:none;
}
.vt-redcorr{/*Main Building & Red Corridor*/
    position:absolute;
    z-index:11;
    top:240px;
    left:155px;
    border:none;
}
.vt-whitehouse{/*Whitehouse*/
    position:absolute;
    z-index:11;
    top:285px;
    left:185px;
    border:none;
}
.vt-hardcourt{/*Hardcourt*/
    position:absolute;
    z-index:11;
    top:245px;
    left:260px;
    border:none;
}
.vt-sportpitch{/*Sports Pitch*/
    position:absolute;
    z-index:11;
    top:355px;
    left:450px;
    border:none;
}
.vt-graveyard{/*GraveYard*/
    position:absolute;
    z-index:11;
    top:342px;
    left:315px;
    border:none;
}
.vt-tennis{/*Tennis Academy & Pavilion*/
    position:absolute;
    z-index:11;
    top:395px;
    left:212px;
    border:none;
}
.vt-entrance{/*Main Entrance*/
    position:absolute;
    z-index:11;
    top:400px;
    left:115px;
    border:none;
}
.vt-lodge{/*Main Entrance*/
    position:absolute;
    z-index:11;
    top:585px;
    left:128px;
    border:none;
}

.tv-content-holder
{
    margin-top: 65px; /*Differs to IE*/
    height: auto;
    vertical-align: top;
}