/**
* Tag Styling 
*/
body {
    font-family: Verdana,sans-serif;
    font-size:70%;
    margin:20px 0px;
    text-align:center;
    color:#444444;
    background-color:#15134D;
}

td {
    font-family: Verdana,sans-serif;
    font-size:70%;
    margin:20px 0px;
	line-height:20px;
    color:#333333;
    background-color:#FFFFFF;
}

pre {
    font-family:Arial,sans-serif;
    color:#009900;      
}

input, select {
    font-family: Verdana,sans-serif;
    font-size:100%;
}

form {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-family:Verdana,Arial,sans-serif;
    margin:10px 0px;
    border-bottom:1px solid #848381;
    font-size:155%;
    color:#053880;
}

h2 {
    font-family:Verdana,Arial,sans-serif;  
    margin:10px 0px;
    font-size:135%;
    color:#0757C2;
}

h3 {
    font-family: Verdana, Arial, sans-serif;
    font-size:120%;
    font-weight:bold;
    margin:10px 0px;
    color:#7D7DA2;
}

a {
 color:#01448A;
 text-decoration:none;
}

/**
* ID Styling
*/
#website {
    width: 951px; 
    margin:auto; 
    text-align:left;
}

#stdoms { 
    border:10px solid #080235;
    width: 951px; 
    margin:auto; 
    text-align:left;
    float:left; 
}

#header {
    float:left;
    width:951px;
    z-index:0;
    height:130px;
    background-color:#053880;
    border-bottom:1px solid #081353;
}

#header #logo {
    width:200px;
    height:130px;
    float:left;
    background-color:#053880;
}  

#header #logo img {
    width:200px;
    border:0px;
    height:130px;
}

#header #details {
    float:left;
    color:#FFF;
    font-size:260%;
    text-transform:uppercase;
    font-family:"Times New Roman",serif;
    margin-left:20px;
    margin-top:0px;     
    font-family:serif;
    width:400px;
	height:130px;
} 

#header #badge {
    float:right;
    width:200px;
    height:130px;
    background-color:#053880;
    background-image:url("../images/school_badge.jpg");
    background-repeat:no-repeat;
    background-position: center;
}

.seperator1 {
    float:left;
    width:951px;
    border-top:1px solid #090744;
    border-bottom:1px solid #8483A1;
    height:0px;
}

#navigation {
    border-top:2px solid #FFF;
    border-bottom:1px solid #090744;
    background-image: url("../images/layout/navigation_gradiant.jpg");
    background-repeat:repeat-x;
    font-family:Verdana,arial,sans-serif;
    float:left;
    font-size:90%;
    text-align:left;
    width:951px;
    background-color:#999;
}

#middle_wrapper {
    float:left;    
    background-image: url("../images/layout/middle_left.jpg");
    background-repeat:repeat-y;
    background-position:left;
    background-color:#FFFFFF;
    width:951px;
}

#middle {
    background-image: url("../images/layout/middle_left_bottom.jpg");
    background-repeat:no-repeat;
    background-position: bottom left;
    float:left;    
    width:951px;
    border-top:1px solid #464572;
}

#middle #left {    
    float:left; 
    padding-bottom:50px;   
    width:200px;   
}

#middle #left ul {
    list-style-type:none;
    margin:0px;
    width:200px;
    padding:0px;
} 

#middle #left ul ul {
  width:190px;
}

#middle #left ul li a {
 color:#124286;
 padding:4px 5px 0px 10px;  
 height:16px;
 display:block;
}

#middle #left ul li a:hover,#middle #left ul li.selected a {
 background-image:url("../images/layout/general_middle_left_navigation_hover.jpg");
 background-repeat:repeat-x;
  color:#090744;
 } 
 
#middle #left ul li.selected li a {
 color:#124286;
 background-image:none;
 padding:4px 5px 0 5px;  
 height:16px;
 display:block;
}  

#middle #left ul li li a:hover,#middle #left ul li.selected li.selected a {
 background-image:url("../images/layout/general_middle_left_navigation_hover.jpg");
 background-repeat:repeat-x;
  color:#090744;
 }                                

#middle #left ul li {
    padding:3px 0px;
}

#middle #left ul ul {
    margin:10px 5px 5px 5px;
}

#middle #left ul ul ul {
    margin:10px 5px 5px 5px;
}

#middle #left ul ul li {
    padding:2px 0px 2px 15px;
}

#middle #left ul ul li a {
    color:#000000;
}

#middle #right {
    line-height:17px;      
    float:right;    
    margin-left:10px;
    background-color:#FFFFFF;
    width:300px;
}

#middle #right img {
    width:300px;
}

#middle #content {
    float:left;   
    line-height:20px;
    padding:10px 0px;
    margin-left:10px;
    width:550px;
    background-color:#FFFFFF;
}

#middle #content ul li {
    padding:0px 0px 10px 0px;
}

#footer {
    float:left;
    background-image: url("../images/layout/footer_top_border.jpg");
    background-repeat:repeat-x;
    width:941px;
    border-top:0px;
    text-align:center;
    background-color:#053880;   
    color:#FFFFFF;
    padding:11px 5px 5px 5px;
}

/**
* Class Styling
*/
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration: underline; }
.w50  { width: 50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }   
.w400 { width:400px; }   
.w450 { width:450px; }   
.w500 { width:500px; }   
.error { color:#CC0000; }
.success { color:#009900; }

/** 
* Top Navigation Styling 
*/
#navigation ul {
padding:0; 
margin:0; 
text-align:left;
float:left;
list-style-type: none;  
}  

#navigation ul#nav {

 margin:0px;
 padding:0px;
}  

#navigation ul#nav ul { 
 display:none;
 position:absolute; 
 z-index:1; 
 text-align:left;   
 border:1px solid #CCCCCC;
 background-color:#285AA3;
 margin-left:-1px; 
 margin-top:27px;
 border-bottom:0px;
 filter:alpha(opacity=85);
 -moz-opacity:.85;
 opacity:.85;        
}

#navigation ul#nav li a {
background-image:url("../images/layout/navigation_bottom_border.gif");
background-repeat:repeat-x;
background-position:bottom;
text-decoration:none;   
float:left;
text-transform:uppercase;
padding:7.5px 12.9px 10.5px 12.9px;
color:#FFFFFF;        
}

#navigation ul#nav li a.last {
border-right:0px;  
}

#navigation ul#nav ul a.last {

}

#navigation li {
float:left;   
text-align:center; 
padding:0px 0px;  
}

#navigation ul#nav li:hover ul, #navigation ul#nav li.over ul {
display:block;
}

#navigation ul#nav ul li {
display:block;    
text-align:left;
border-right:0px;
padding:0px;
float:none;  

}

#navigation ul#nav ul li a {
 font-weight:bold;
 border-right:0px;
 float:none;  
 width:200px;
 display:block;
 padding:5px 10px;              
 border-bottom:1px solid #CCCCCC;      
}

#navigation ul#nav li a {
 color:#FFFFFF;
}

#navigation ul#nav li a.nursery {
 color:#FEDE58;
}

#navigation ul#nav li a.prep {
 color:#A0C07C;
}

#navigation ul#nav li a.senior {
 color:#A5B3B3;
}

#navigation ul#nav li a.sixthform {
 color:#B28F50;
}

#navigation ul#nav li a:hover,#navigation ul#nav li.selected a {
background-image:url("../images/layout/general_navigation_bottom.jpg");
}

#navigation ul#nav li a.nursery:hover,#navigation ul#nav li.selected a.nursery {
color:#FEDE58;
background-image:url("../images/layout/nursery_navigation_bottom.jpg");
}

#navigation ul#nav li a.prep:hover,#navigation ul#nav li.selected a.prep {
color:#A0C07C;   
background-image:url("../images/layout/prep_navigation_bottom.jpg");
}

#navigation ul#nav li a.senior:hover,#navigation ul#nav li.selected a.senior {
color:#A5B3B3;   
background-image:url("../images/layout/senior_navigation_bottom.jpg");
}

#navigation ul#nav li a.sixthform:hover,#navigation ul#nav li.selected a.sixthform {
color:#B28F50; 
background-image:url("../images/layout/sixthform_navigation_bottom.jpg");
}

#nav_table {
 width:100%;
 border:1px solid #CCC;
 text-align:left;
}

#nav_table td {
 padding:5px;
 text-align:left;
}

#nav_table thead {
 font-weight:bold;
}

/* Edit Toolbar */
 #toolbar {
 padding:5px;
 margin-bottom:10px;
 border:1px solid #CCCCCC;
 background-color:#FFFFDD;
 }

* html #navigation ul#nav li {
 position:relative;                              
}

* html #navigation ul#nav li ul li {
 position:none;    
}

* html #navigation ul#nav ul {
 left:0px;
 top:27px;
 z-index:3;
 margin:0px;
 padding:0px;  
}

* html #navigation ul#nav ul li a {
 display:block;
}