html
{
    background: #1c4460 url(../i/header-bg-dark.jpg) repeat-x;
}

body
{
    color: #333;
    font-family: Helvetica Verdana, Sans-Serif;
    font-size: 62.5%;
}

#wrapper
{
    background: url(../i/light-blue-bg.jpg) repeat-y;
    margin: 0 auto;
    width: 982px;
}


h1, h2, h3, h4
{
    color: #1c4460;
    font-family: "Myriad Pro", Helvetica, Arial, Sans-Serif;
}

h1
{
    font-size: 1.9em;
}

h2
{
    font-size: 1.6em;
    margin-bottom: 10px;
}

h3
{
    font-size: 1.4em;
}

p
{
    font-size: 1.3em;
    line-height: 160%;
    margin: 10px 0;
}
/*Added by Mike*/
.italic
{
    font-style:italic;
}
#table-academy td
{
    border:solid 1px black;
    padding:2px 5px 2px 5px;
    
}
#table-academy td p
{
    
    padding:0;
    margin:0;
    
}
a:link
{
    color: #e41414;
    text-decoration: underline;
}

a:active
{
    color: #e41414;
}

a:visited
{
    color: #e41414;
}

a:hover
{
    color: #ca090a;
}

ul
{
    margin: 10px 0 10px 2.5em;
}

ul li
{
    font-size: 1.3em;
    line-height: 1.7;
    list-style-type: square;
    margin-bottom: 2px;
}


.bold
{
    font-weight: bold;
}

.underline
{
    text-decoration: underline;
}

.centered
{
    display: block;
    text-align: center;
}

.section-heading 
{
    float: right;
    padding-top: 4px;
    width: 655px;
}

.section-heading h1
{
    color: #fff;
    font-size: 1.8em;
}


#header
{
    background: url(../i/header.jpg);
    height: 108px;
}

#logo
{
    margin-left: 20px;
}

#navigation
{
    background: url(../i/navigation.jpg);
    height: 34px;
}

#sub-navigation
{
    background: url(../i/sub-navigation.jpg);
    height: 29px;
}

#banner
{
    background: url(../i/light-blue-bg.jpg) repeat-y;
    height: 279px;
}

#banner-img
{
    height: 278px;
    margin: 0 auto;
    width: 960px;
}

#section-heading
{
    background: url(../i/section-heading.jpg);
    height: 33px;
    margin-top: 20px;
}

#content
{
    background: url(../i/blue-white-bg.jpg);
    xmin-height:700px;
    xheight:auto !important;
    xheight:700px;
    overflow: hidden;
    width: 982px;
}

#content-left
{
    float: left;
    padding: 10px 0 0 9px;
    width: 300px;
}

#content-right
{
    float: left;
    padding-left: 11px;
    padding-right: 10px;
    width: 630px;
}
#classtext p
{
    font-size:1.5em;
}
#classtext h2
{
    font-size:2em;
    margin-top:5px;
}
#classtext ul li
{
    list-style-type:square;
    margin-left:1em;
    font-size:1.5em;
    line-height:2;
}
#classtext ul
{
   
    margin-left:1em;
    
}

#base
{
    background: url(../i/base-bg.jpg);
    height: 30px;
}

#footer
{
    height: 50px;
    margin: 0 auto;
    width: 960px;
}

#footer-text
{
    float: left;
    text-align: left;
    width: 600px;
}

#footer p
{
    color: #fff;
    font-size: 1.1em;
    margin: 0;
}

#footer a
{
    color: #fff;
    text-decoration: none;
}

#login-btn
{
    float: right;
    margin-right: 5px;
    text-align: right;
    width: 70px;
}



/* --------------------------- List Styles ----------------------------- */

.list
{
    margin: 10px 0 10px 2.5em;
}

.list li
{
    font-size: 1.3em;
    line-height: 1.7;
    list-style-type: square;
    margin-bottom: 2px;
}

/* --------------------------- Misc Styles ----------------------------- */

.img-right
{
    border: solid 1px #ccc;
    float: right;
    margin: 0 0 10px 10px;
    padding: 2px;
}

/* --------------------------- Side Boxes ------------------------------ */

#side-box-orange
{
    background: url(../i/side-box-orange.jpg);
    height: 130px;
    margin-bottom: 15px;
}

#side-box-red
{
    background: url(../i/side-box-red.jpg);
    height: 130px;
    margin-bottom: 15px;
}


#side-box-green
{
    background: url(../i/side-box-green.jpg);
    height: 130px;
    margin-bottom: 15px;
}

#side-box-blue
{
    background: url(../i/side-box-blue.jpg);
    height: 130px;
    margin-bottom: 15px;    
}

.side-box-left
{
    color: #fff;
    float: left;
    height: 85px;
    padding: 18px 0 0 10px;
    width: 120px;
}

.side-box-left h2
{
    color: #fff;
    font-family: Georgia, Sans-Serif;
    font-style: italic;
    font-size: 2em;   
    margin-bottom: 5px; 
}


.side-box-bottom
{
    clear: both;
    font-weight: bold;
    margin: 0 0 0 10px;
}

.side-box-bottom a:link
{
    color: #fff;
}

.side-box-bottom a:active
{
    color: #fff;
}

.side-box-bottom a:hover
{
    color: #eee;
}

.side-box-bottom a:visited
{
    color: #fff;
}

#side-box-orange p
{
    color: #a75903;
    font-family: Georgia, Sans-Serif;
    font-style: italic;
    font-size: 1.2em;
    line-height: 160%;   
    margin: 0;   
}

#side-box-orange .side-box-bottom p
{
    color: #fff;
}

#side-box-red p, #side-box-blue p
{
    color: #fff;
    font-family: Georgia, Sans-Serif;
    font-style: italic;
    font-size: 1.2em; 
    line-height: 160%; 
    margin: 0; 
}

#side-box-green p
{
    color: #3a5a36;
    font-family: Georgia, Sans-Serif;
    font-style: italic;
    font-size: 1.2em;
    line-height: 160%;   
    margin: 0;   
}

#side-box-green .side-box-bottom p
{
    color: #fff;
}


/* --------------------------- Navigation ------------------------------ */

#nav
{
    background: url(../i/nav.jpg);
    height: 34px;
    margin: 0 auto;
    position: relative;
    width: 961px;
}

#nav ul
{
    margin: 0;
}

#nav li
{
    float: left;
    list-style-type: none;
}

#nav li a
{
    background: url(../i/nav.jpg);
    display: block;
    font-size: 1%;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    text-align: left;
    top: 0;
}

li#nav_hom a
{
    background-position: 0 0;
    left: 0;
    width: 72px;
}

li#nav_abo a
{
    background-position: -72px 0;
    left: 72px;
    width: 154px;    
}

li#nav_new a
{
    background-position: -226px 0;
    left: 226px;
    width: 148px;
}

li#nav_cla a
{
    background-position: -374px 0;
    left: 374px;
    width: 110px;
}

li#nav_sta a
{
    background-position: -484px 0;
    left: 484px;
    width: 93px;    
}

li#nav_use a
{
    background-position: -577px 0;
    left: 577px;
    width: 122px;    
}

li#nav_sch a
{
    background-position: -699px 0;
    left: 699px;
    width: 155px;    
}

li#nav_con a
{
    background-position: -854px 0;
    left: 854px;
    width: 107px;    
}


li#nav_hom a:hover
{
    background-position: 0 -68px;
    left: 0;
    width: 72px;
}

li#nav_abo a:hover
{
    background-position: -72px -68px;
    left: 72px;
    width: 154px;    
}

li#nav_new a:hover
{
    background-position: -226px -68px;
    left: 226px;
    width: 148px;
}

li#nav_cla a:hover
{
    background-position: -374px -68px;
    left: 374px;
    width: 110px;
}

li#nav_sta a:hover
{
    background-position: -484px -68px;
    left: 484px;
    width: 93px;    
}

li#nav_use a:hover
{
    background-position: -577px -68px;
    left: 577px;
    width: 122px;    
}

li#nav_sch a:hover
{
    background-position: -699px -68px;
    left: 699px;
    width: 155px;    
}

li#nav_con a:hover
{
    background-position: -854px -68px;
    left: 854px;
    width: 107px;    
}

#body_hom li#nav_hom a
{
    background-position: 0 -34px;
    left: 0;
    width: 72px;
}

#body_abo li#nav_abo a
{
    background-position: -72px -34px;
    left: 72px;
    width: 154px;    
}

#body_pup li#nav_new a
{
    background-position: -226px -34px;
    left: 226px;
    width: 148px;
}

#body_cla li#nav_cla a
{
    background-position: -374px -34px;
    left: 374px;
    width: 110px;
}

#body_sta li#nav_sta a
{
    background-position: -484px -34px;
    left: 484px;
    width: 93px;    
}

#body_cur li#nav_use a
{
    background-position: -577px -34px;
    left: 577px;
    width: 122px;    
}

#body_sch li#nav_sch a
{
    background-position: -699px -34px;
    left: 699px;
    width: 155px;    
}

#body_con li#nav_con a
{
    background-position: -854px -34px;
    left: 854px;
    width: 107px;    
}


/* ------------------------- Sub Navigation ---------------------------- */

#sub-nav
{
    margin: 0 auto;
    padding-right: 20px;
    width: 960px;
}

#sub-nav ul, #sub-nav-staff ul, #sub-nav-about ul, #sub-nav-classes ul, #sub-nav-pupils ul
{
    margin: 0;
}

#sub-nav ul li, #sub-nav-staff ul li, #sub-nav-about ul li, #sub-nav-classes ul li, #sub-nav-pupils ul li
{
    line-height: 1.4;
    margin: 0;
}

#sub-nav-staff
{
    margin-right: 285px;
}

#sub-nav-about, #sub-nav-classes, #sub-nav-pupils
{
    margin: 0 0 0 10px;
}

#sub-nav ul, #sub-nav-staff ul
{
    padding-top: 4px;
    text-align: right;
}

#sub-nav-about ul, #sub-nav-classes ul, #sub-nav-pupils ul
{
    padding-top: 4px;
    text-align: left;    
}

#sub-nav ul li, #sub-nav-staff ul li, #sub-nav-about ul li, #sub-nav-pupils ul li
{
    color: #fff;
    display: inline;
    font-family: Georgia, "Times New Roman", Sans-Serif;
    font-size: 1.4em;
    margin-left: 13px;
}

#sub-nav-classes ul li
{
    color: #fff;
    display: inline;
    font-family: Georgia, "Times New Roman", Sans-Serif;
    font-size: 1.4em;
    margin-left: 9px;
}

#sub-nav ul li a:link, #sub-nav-staff ul li a:link, #sub-nav-about ul li a:link, #sub-nav-classes ul li a:link, #sub-nav-pupils ul li a:link
{
    color: #fff;
    text-decoration: none;
}

#sub-nav ul li a:visited, #sub-nav-staff ul li a:visited, #sub-nav-about ul li a:visited, #sub-nav-classes ul li a:visited, #sub-nav-pupils ul li a:visited
{
    color: #fff;
    text-decoration: none;
}

#sub-nav ul li a:hover, #sub-nav-staff ul li a:hover, #sub-nav-about ul li a:hover, #sub-nav-classes ul li a:hover, #sub-nav-pupils ul li a:hover
{
    color: #eee;
    text-decoration: underline;
}

#sub-nav ul li a:active, #sub-nav-staff ul li a:active, #sub-nav-about ul li a:active, #sub-nav-classes ul li a:active, #sub-nav-pupils ul li a:active
{
    color: #fff;
    text-decoration: none;
}

#sub-navigation ul li a.nav-active
{
    color: #1c4460;
    xfont-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

/* ---------------------------- Home Page ------------------------------ */

#content-right-home
{
    float: left;
    padding-left: 15px;
    width: 645px;
}

#home-left
{
    float:left;
    padding-top: 15px;    
    width: 430px;
}

#home-right
{
    background-color: #f3efe3;
    float: right;
    height: 610px;
    padding: 10px;
    width: 170px;
}

#home-right h3
{
    font-size: 1.5em;
}

#home-right h4
{
    font-size: 1.3em;
}

#home-right h4 a:link
{
    color: #1c4460;
    text-decoration: none;
}

#home-right h4 a:active
{
    color: #1c4460;
    text-decoration: none;    
}

#home-right h4 a:visited
{
    color: #1c4460;
    text-decoration: none;
}

#home-right h4 a:hover
{
    color: #1c4460;
    text-decoration: underline;    
}

#home-right img
{
    border: solid 1px #ccc;
    margin: 8px 0 -0 0;
}

.more-link
{
    font-size: 1.2em;
    text-align: right;
}

.divider
{
    border: none;
}

.statement
{
    font-size: 1.2em;
    font-style: italic;
}

/* ---------------------------- Alert ------------------------------- */

#alert
{
    background: #ea0000;
    border: solid 1px #c40404;
    color: #fff;
    margin-bottom: 15px;
    overflow: auto;
    padding: 10px;
}

#alert h1
{
    color: #fff;
    display: block;
}


/* ---------------------------- About Us ------------------------------- */

#about-img
{
    border: solid 1px #ccc;
    float: right; 
    margin: 0 0 15px 15px;
}

/* --------------------------  Latest News ---------------------------- */

#monnow-mail
{
    border: solid 1px #ccc;
    margin: 15px 0;
    min-height:150px;
    height:auto !important;
    height:150px;    
    xoverflow: auto;
    padding: 10px;
}

#monnow-mail img
{
    float: right;
    margin: 10px 0 10px 10px;
}

#monnow-mail a
{
    font-size: 1.2em;
}

.news-article
{
    margin: 15px 0;
    overflow: auto;
}

.news-article img
{
    border: solid 1px #ccc;
    float: right;
    margin: 10px 0 10px 10px;
}

/* ------------------------- How To Find Us ---------------------------- */

#find-us
{
    
}

#find-us-l
{
    float: left;
    width: 295px;
}

#find-us-r
{
    float: right;
    padding-right: 5px;
    text-align: right;
    width: 320px;
}

#map-link
{
    margin: 0;
    padding: 0;
}

#find-us-l h3
{
    margin: 10px 0 -5px 0;
}


#find-us-r img
{
    border: solid 1px #ccc;
    margin-top: 5px;
    padding: 2px;
}

#adr
{
    margin-top: 15px;
}

#adr h2
{
    margin-bottom: 5px;
}

#adr p
{
    margin: 0;
}

/* ------------------------- Accreditations ---------------------------- */

#accreditations
{
    padding: 20px;
}

.accreditation
{
    clear: both;
    overflow: auto;
    margin-bottom: 20px;
}

.accreditation-l
{
    float: left;
    width: 105px;
}

.accreditation-r
{
    float: right;
    padding-top: 15px;
    width: 485px;
}

/* ----------------------------- Classes ------------------------------- */

.class-row
{
    clear: left;
    margin: 30px 0 20px 22px;
    overflow: auto;
}

.class-row img
{
    margin-right: 20px;
}

#class-teacher-box
{
    height: 35px;
}

#class-teacher-box table
{
    border: solid 1px #ccc;
    font-weight: bold;
    width: 100%;
}

#class-teacher-box table tr td
{
    font-size: 1.2em;
    padding: 5px;
}

#class-teacher-box table tr td.table-red
{
    background-color: #d00c0d;
    color: #fff;
    width: 18%;
}

#class-teacher-box table tr td.table-level
{
    width: 82%;
}


/* ------------------------- Staff Profiles ---------------------------- */

.profiles
{
    border: solid 1px #ccc;
    clear: left;
    margin-bottom: 20px;
    overflow: auto;
}

.profiles-header
{
    background: url(../i/table-bg.gif) repeat-x;
    height: 20px;
    padding: 5px 10px;
}

.profiles-header h2
{
    color: #fff;
    font-size: 1.6em;
    margin: 0;
}

.profiles-body
{
    padding: 10px 10px 0px 10px;
    overflow: auto;
}

.profile-row
{
    clear: left;
    min-height:100px;
    height:auto !important;
    height:100px;
    margin-bottom: 10px;
}

.profile
{
    float: left;
    margin-right: 20px;
    width: 280px;
}

.profile-right
{
    float: left;
    margin-right: 0;
    width: 280px;
}

.profile h3, .profile-right h3
{
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
}

.profile p, .profile-right p
{
    margin-top: 5px;
}

.profile img, .profile-right img
{
    border: solid 1px #ccc;
    float: left;
    margin: 0 12px 10px 0;
    padding: 2px;
}



 /* Old */

.staff-profiles
{
    margin-top: 13px;
}

#individual-staff-profile-l
{
    float: left;
    width: 440px;
}

#individual-staff-profile-r
{
    float: right;
    width: 170px;
}

/* -------------------------- Useful Forms ----------------------------- */

#mind-map-header
{
    background-color: #d00c0d;
    color: #fff;  
    height: 23px;
    margin: 10px 0;
    padding-top: 3px; 
    text-align: center; 
    width: 140px; 
}

#mind-map-header p
{
    font-size: 1.2em; 
    font-weight: bold; 
    margin: 0;
}

#useful-forms
{
}

.useful-form
{
    float: left;
    height: 60px;
    margin-bottom: 20px;
    text-align: center;
    width: 140px;
}

.useful-form p
{
    margin: 0;
    padding: 0;
}

/* --------------------------- Contact Us ------------------------------ */




/* --------------------------- Breadcrumbs ----------------------------- */

.breadcrumb {color:#666;width:650px!important;margin:15px 0 20px 2px;font-family: Verdana, Sans-Serif;font-style:italic;font-size:11px;text-transform:uppercase;}
.breadcrumb span {font-size:9px;padding:0 3px 3px 3px;color:#999!important}
.breadcrumb a {color:#255b7f!important}
.breadcrumb a:hover {color:#243c54!important;text-decoration:underline;}


/* ----------------------------- Banner ------------------------------- */

#banner-alert-inner  
{
    font-size: 14px
}