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


.tabledimensions /* table dimensions*/
{
    width: 981px;
    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;*/
    vertical-align:top;
    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;
    
    
}
.photobox /* photobox cell*/
{
    border-bottom-style:solid;
    border-bottom-color:#981989;
    border-bottom-width:5px;
    /*background-color:#c5c5c5;*/
    width:845px;
    vertical-align:bottom;
    margin-bottom:0px;
    margin-right:0px;
}
.photobox-photo
{
    position:relative;
    z-index:0;
    height:261px;
    width:848px;
    vertical-align:bottom;
    
}
.phototext /* in Photobox*/
{
    margin-left:70px;
    position:relative;
    z-index:5;
    top:245px;
    position:absolute;
}
.phototext-shadow /* in Photobox*/
{
   
    position:relative;
    z-index:4;
    top:245px;
    position:absolute;
    margin:2px 0px 0px 72px;/*23px left to overcome total margin*/
    
}


.navbox /*navigation cell characteristics*/
{
    
    background-color:#3F0039;
    text-align:left;
    vertical-align:top;
    width:185px;
}
.contentbox{ /*main page content box cell*/
    background-color:#ffffff;
    vertical-align:top;
    padding-top:5px;
    padding-left:15px;
    padding-right:15px;
    /*width:800px;*/
    /*font-size:10pt;*/
}
.headerimage /*swirl at top of every page*/
{
    position:absolute;
    top:0px;
    behavior: url(iepngfix.htc);
    z-index:1;

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

}
.navlink /*navigation text*/
{
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:bold;
    font-family:Lucida Sans Unicode;
    margin-left:4px;
}
.navlink a{ /*navigationlink characteristics*/
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:Lucida Sans Unicode;
    margin-left:4px;
}
.navlink a:visited{ /*navigationlink characteristics*/
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
    font-weight:normal;
    font-family:Lucida Sans Unicode;
    margin-left:4px;
}
.navlink a:hover{ /* link hover events on navigation*/
    text-decoration:underline;
    color:#ffffff;
    font-weight:normal;
    font-size:11pt;
    font-family:Lucida Sans Unicode;
    margin-left:4px;
}
.nav-searchbox
{
    margin-left:5px;
}
.footercell
{
    /*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;
    
}
.footerspace
{
    padding-top:5px;
    padding-left:45px;
    padding-right:15px;

}
.menucell
{
    width:25%;
    text-align:center;
}
.navlinkindent
{
    margin-left:8px;
}

.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 System on Content section--------------------------------------------------- */
.menu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 200px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    LIST-STYLE-TYPE: 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;
}
.menu HTML UL LI
{
    FLOAT: left;
    HEIGHT: 1%
}
.menu HTML UL LI A
{
    HEIGHT: 1%
}
.menu LI UL LI A /* DD-Menu dropdown items*/
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
   /* 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:199px;
}


.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: 15px;
    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 & Profiles**********************************************/

.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;
}
/***********End Staff & Profiles*********/

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


.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: "Trebuchet MS","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: left;
}
.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;
    display: list-item;
}
.infocontent ul li
{
    list-style-type: disc;
    list-style-position: outside;
    line-height: normal;
    text-align: justify;
    float: none;
    display: list-item;
    
}




/*content sub-menu system **********************************************************/
.content UL
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    WIDTH: 134px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ffffff 1px solid;
    LIST-STYLE-TYPE: none;
}
.content UL LI
{
    POSITION: relative;
    top: 0px;
    left: 0px;
}
.content LI UL
{
    DISPLAY: block;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 40px
}
.content UL LI A
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ffffff 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #f8f8f8;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: solid 1px #ccc;
    TEXT-DECORATION: none;
    text-align:center;
}
.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;
    border: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: 85px; /*Differs to Firefox*/
    height: auto;
    vertical-align: top;
}