/* CSS Document */
html{
height: 99%;
width: 100%;
}
body {
font-size: 1em;
position: relative;
z-index: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}

img{
border-width: 0;
margin: 0;
padding: 0;
}

span.accesskey{
text-decoration: underline;
}
#ie6marker{
width:0;
}

#outer{
position: relative;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
padding: 0 5px 0 5px;
width: 940px;  /*JS */
}

#inner{
position: relative;
float: left;  
width: 100%;
padding: 0;
margin: 0;
}

#mast{
position: relative;
z-index: 0;
float: left;
width: 100%;
height: 180px;
margin: 0;
padding: 0;
border-style: solid;
border-color: #88005A;
border-width: 4px 2px 0px 4px;
background-color: #009933;
}
#mastback{
position: absolute;
z-index: 0;
font-size: 1em;
top: 0;
left: 200px;
/**width: 20px;  /** **/
height: 180px;    
margin: 0;
padding: 0;
}
#mastleft{
position: relative;
float: left;
z-index: 1;
height: 180px;
font-size: 1em;
width: 200px;
margin: 0;
padding: 0;
}
#mastright{
position: relative;
z-index: 1;
float: right;
height: 180px;
margin: 0;
padding: 0;
}
#mastfront{
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 180px;
background-image: url(images/overmast.png); 
background-repeat: no-repeat;
background-position: left top;
}
#mast h1{
position: relative;
float: left;
top: 1.5em;
font-size: 1.6em;
font-weight: bold;
color: #FFFFFF;
/**background-color: #278735;**/
margin: 0 0 0 15px;
padding:0;
}
#mast h2{
position: relative;
float: left;
z-index: 4;
top: 140px;
left: 430px;
font-size: 1.4em;
font-weight: bold;
color: #FFFFFF;
/*background-color: #990066;*/
margin: 0;
padding:0;
}
#mastfront a:link{
position: relative;
z-index: 4;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#mastfront a:visited{
position: relative;
z-index: 4;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#mastfront a:active{
position: relative;
z-index: 4;;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#mastfront a:hover{
position: relative;
z-index: 4;
color: #FFFFFF;;
text-decoration: none;
background-color: transparent;
}


#topnavbar{
position: relative;
float: left;
font-size: 0.8em; /** JS **/
margin: 0;
padding: 6px 0 4px 0;
width: 100%;
background-color: #990066;
background-image: url(images/navback.png);
background-repeat: repeat;
background-position: top left;
border-style: solid;
border-color: #990066;
border-width: 0 2px 0 4px;
}
#ptopnav{
position: relative;
float: left;
text-align: center;
line-height: 2em;
width: 100%;
margin: 1px 0 1px 5px;
padding: 0 0 3px 0;
color: #000000;
}
span.topnav{
position: relative;
font-size: 0.85em;
padding:0;
margin: 0 0 0 0em;
}
span.topnav a{
position: relative;
font-size: 1em;
font-weight: bold;
padding: 0.3em 0.2em 0.3em 0.2em;
margin: 0;
background-color: #FFFFDC !important;
border-style: solid;
border-color: #990066;
border-width: 0 1px 0 0;
}
.spacer{
position: relative;
font-size: 1%;
color: #990066;
margin: 0;
padding: 0;
}
.spacert{
position: relative;
font-size: 1%;
color: #ffffdc;
margin: 0;
padding: 0;
}

.topnav a:link{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A;
background-color: transparent;
}
.topnav a:visited{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A;
background-color: transparent;
}
.topnav a:active{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A;
background-color: transparent;
}
.topnav a:hover{
position: relative;
z-index: 1;
color: #000000;
text-decoration: none;
background-color: transparent;
}

#subnavs{
position: relative;
margin: 5px 0 0 0 !important;
padding: 5px 0 5px 0;
text-align: left;
line-height: 2em;
}
span.subnav{
position: relative;
margin: 0;
padding: 0.2em;
border: 1px solid #990066;
}
span.subnav a{
position: relative;
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 0;
}
.subnav a:link{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A !important;
background-color: transparent;
}
.subnav a:visited{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A  !important;
background-color: transparent;
}
.subnav a:active{
position: relative;
z-index: 1;
text-decoration: none;
color: #88005A  !important;
background-color: transparent;
}
.subnav a:hover{
position: relative;
z-index: 1;
color: #000000  !important;
text-decoration: none !important;
background-color: transparent;
}

#main{
position: relative;
z-index: 2;
float: left;
font-size: 0.8em; /* in various JS */
margin: 0 0 5px 0;
padding: 0;
width: 100%;
}
#insidemain{
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
border-style: solid;
border-color: #990066;
border-width: 0 2px 0 4px;
background-color: #ffffdc;
}

#lhcol{
position: relative;
float: left;
z-index: 1;
width: 200px;
margin: 0 30px 0 0;
padding: 0;
background-color: #009933;
background-image: url(images/lhback.png);
background-repeat: repeat;
background-position: left top;
text-align: center;
}
#overlh{
position: absolute;
z-index: 2;
top: 50px;
left:0;
width: 200px;
height: 200px;
background-image: url(images/overlh.png);
background-repeat: no-repeat;
background-position: left top;
}
#lhcol img{
position: relative;
top: 50px;
}

#textsize{
position: relative;
z-index: 2;
float: right;
font-size: 1em;
margin: 0;
padding: 2px 5px 5px 10px;
}

#content{
position: relative;
z-index: 1;
margin: 0;
padding: 5px 15px 10px 230px;
text-align: justify;
font-size: 85%;
background-color: transparent;
border-style: solid;
border-color: #FFFFFF;
border-width: 4px 0 0 0;
}
div.ofsted{
text-align: left;
padding: 5px !important;
margin: 5px 5px 10px 0 !important;
font-size: 1em;
border: 1px solid #990066;
}

#content h1{
font-size: 1.5em;
color: #88005A;
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}
#content h2{
font-size: 1.2em;
color: #88005A;
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}
#content h3{
font-size: 1.1em;
color: #88005A;
margin: 0 0 0.5em 0;
padding: 0;
text-align: left;
}
#content p{
padding: 0;
margin: 0 5px 4px 0 !important;
font-size: 1em;
}
#content blockquote{
position: relative;
left: 15px;
/**width: 200px; /** JS **/
text-align: center;
padding: 5px !important;
margin: 0 30px 0px 0 !important;
font-size: 1.5em;
border: 4px solid #990066;
}
p.quoted{
position: relative;
/**float: right;     IE9 move to IE7
clear: right; **/
right: 10px;
width: 100%;
text-align: right;
font-size: 1em;
font-style: italic;
font-weight: bold;
margin: 0 !important;
padding: 0 !important;
}
#q1, #q2, #q3, #q4{
display: none;
}

#content ul, #content ol{
margin: 4px 0 4px 20px;
padding: 0;
list-style-position: outside;
}
#content li{
padding: 0 0 0.1em 0.5em;
}
#content address{
font-style: normal;
padding: 0;
margin: 0 0 4px 0;
font-size: 1em;
}

div.clearf{
position: relative;
float: right;
width: 100%;
height: 10px;
}
div.outerfeetable{
position: relative;
float: left;
padding: 0;
margin: 0 0 5px 0;
width: 99%;
}
div.outerfeetable h3{
width: 27.5em;
text-align: center !important;
}

div.feeline{
position: relative;
float: left;
clear: left;
padding: 0;
margin: 0 5px 4px 0;
font-size: 1em;
width: 100%;
}
div.feel{
position: relative;
float: left;
clear: left;
width: 49%;
width: 14.5em;
text-align: right;
margin: 0;
padding: 0 1% 0 0;
}
div.feer{
float: left;
text-align: left;
width: 14.5em;
padding: 0 0 0 1%;
}

#outercontent a:link{
position: relative;
z-index: 1;
text-decoration: none;
color: #0000FF;
background-color: transparent;
}
#outercontent a:visited{
position: relative;
z-index: 1;
text-decoration: none;
color: #0000FF;
background-color: transparent;
}
#outercontent a:active{
position: relative;
z-index: 1;
text-decoration: none;
color: #0000FF;
background-color: transparent;
}
#outercontent a:hover{
position: relative;
z-index: 1;
color: #0000FF;
text-decoration: underline;
background-color: transparent;
}

#map{
width: 300px;
height: 300px;
position: relative;
float: right;
margin: 0 5px 5px 10px;
padding: 0;
}
img.rhimage{
position: relative;
float: right;
margin: 0 0 5px 10px;
padding: 0;
}
#content address{
font-style: normal;
padding: 0;
margin: 0 0 4px 0;
font-size: 1.1em;
}
#regoffice{
font-size: 0.8em !important;
text-align: left;
padding-top: 20px !important;
}


#footer{
position: relative;
float: left;
clear: both;
width: 100%;
font-size: 0.85em;
color: #FFFFFF;
margin: 0;
padding: 0.2em 0 0.2em 0;
background-color: #990066;
text-align: center;
border-style: solid;
border-color: #990066;
border-width: 0 2px 2px 4px;
}
#mainfooter{
position: relative;
float: left;
text-align: left;
padding: 0;
margin: 0 0 0 2px;
}
#davy{
position: relative;
float: right;
margin: 0 2px 0 0;
}
a.footnav:link {
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
a.footnav:visited {
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
a.footnav:active {
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
a.footnav:hover {
text-decoration: underline;
color: #FFFFFF;
background-color: transparent;
}