body{
font-size: 12px;
font-weight: normal;
font-family: Arial;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
}
a:active
{
outline: none;
-moz-outline-style: none;
}
a:focus
{
outline: none;
-moz-outline-style: none;
}
.lgleft {
    float: left;
    width: 0px;
    }

    
.lgright {
    float: left;
    width: 920px;
    }
.lgbody {
font-family: Tahoma;
font-size: 11px;
text-decoration: none;

    
}
.lgbody a{
color: #000000;
text-decoration: none;
font-weight: normal;
display: block;

}
.lgbody a:visited{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}
.lgbody a:hover{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    background-color: #fcf0c0;
}

.lgbody a:hover{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    background-color: #fcf0c0;
}
.lgbody a:active{
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    background-color: #fcf0c0;

}
.lgheader{

background: url("/theme/images/menubar.gif") repeat-x scroll right -32px transparent;


height:32px;
padding:0;
width:100%;}


.lgheader table {

vertical-align: middle;
height: 32px;
color:#980929;
}

.lgheader .toolbar {
border: 1px solid #d4d0c8;
}
.lgheader .toolbar:hover {
    border: 1px solid #FFFFFF;
    border-color: #ffffff #808080 #808080 #ffffff;
}
.lgheader .toolbar:active {
    border: 1px solid #FFFFFF;
    border-color: #808080 #ffffff #ffffff #808080;
}

.lgheader .toolbutton {
  margin-bottom:3px;
}
.lgheader #path {
background: transparent;
padding-top: 2px;
padding-bottom: 3px;
border: none;


font-family: Tahoma;
font-size: 11px;
text-decoration: none;
width: 788px;
}


img {
    border: 0px;
    }
h1, p.title{
    font-size:2.3em;
    font-weight: normal;
    color: #980929;
    margin-bottom: 5px; 
    margin-top: 5px;     
    font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
    line-height:1.3;
}
p {
    margin-top: 0;
}
h2, .tit {
    font-family: Arial,"Trebuchet MS",Tahoma,sans-serif;
    font-size: 19.2px;
    font-weight: normal;    
    margin-top: 5px;    
    margin-bottom: 5px;
    color: #980929;
}
h2 a, h2 a:visited {
    font-weight: normal;   
    
}


h3,table.data th  {
    font-size: 14;
    font-weight: normal;
    color: #B73157;
    margin-bottom: 0; 
}
h4  {
    
    font-weight: bold;
    color: #000000;
    padding: 0em 0em 0em -5em;
    margin-bottom: 0;    
}

hr {
    border: 0;
    color:#F0F0F0;
    background-color: #F0F0F0;
    height: 1px;
    margin-top: 10px;  
    margin-bottom: 10px;      
}
table {

    font-size: 12;
}
table tbody{

    border-style: none;
    border-width: 0px;
    
}

body {

    background-color: #FFFFF;
}
th {
    font-weight: bold;
}
table.normal th{

    border-color: #D0D0D0;
    border-style: none none solid none

}
table.data {
    background-color: #FFFFFF;
    border-color: #FFDE44; 
    border-style: solid none none solid;
    border-width: 1px;
    border-spacing: 0px;     

}

table.data td {
    background-color: #FFFFFF;
    border-color: #FFDE44; 
    border-style: none solid solid none;
    border-width: 1px;
    border-spacing: 0px;  
}

table.data th {
    color: #980929;
    background-color: #FFFBDB;
    border-color: #FFDE44; 
    border-style: none solid solid none;
    border-width: 1px;
    border-spacing: 0px; 
    font-weight: bold;
    
}
table.simple {
    background-color: #FFFFFF;
    border-color: #FFDE44; 
    border-style: solid none none solid;
    border-width: 1px;
    border-spacing: 0px;    

}

table.simple td {
    background-color: #FFFFFF;
    border-color: #FFDE44; 
    border-style: solid none none solid;
    border-width: 1px;
    border-spacing: 0px;     
}

table.simple th {
    background-color: #FFFBDB;
    border-color: #FFDE44; 
    border-style: none solid solid none;
    border-width: 1px;
    border-spacing: 0px;   
    
}
table.new {
    vertical-align: top;
    border-spacing: 0px;
    border: none;
    border-bottom: 1px solid #D0D0D0;  
    border-right: 1px solid #D0D0D0;  
    
}
table.new td, th{
    border: none;
    border-left: 1px solid #D0D0D0;  
    border-top: 1px solid #D0D0D0;  
    padding:4px 6px;    
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;

}
table.new td.even, th{
    background-color: #FFFBDB;
}
table.new th {
    background-color: #980929;
    margin-left: auto;
    margin-right: auto;    
    color: #ffffff;
    vertical-align: bottom;
}
input {
    background-color: #FFFBDB;
    border-color: #FFDE44;
    border-style: solid;
    border-width: 1px;
}
select{
    background-color: #FFFBDB;
    border-color: #FFDE44;
    border-style: solid;
    border-width: 1px;
    width: 475;
}
form {margin: 0px 0px 0px 0px; }
div.linkbox {
    background-color: #FFFBDB;
    border-color: #FFDE44;
    border-style: solid;
    border-width: 1px;
    padding-left: 12px;
    padding-right: 12px;
}
.imageleft {
    margin-right: 10px;
}
.footertable {
    border-width: 1px;
    border-color: #D0D0D0 #000 #000 #000;
    border-style: solid solid solid solid;
}
.footer{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    -moz-opacity: 0.4;
    border: 0px;
    padding: 12px;
}

.footer:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    border: 0px;
    padding: 12px;
}
.imageright {
    margin-left: 10px;
}
.header {
    border-width: 1px;
    border-color: #000 #000 #ffffff #000;
    border-style: none;
}
.left {
    width: 200px;
    border-width: 1px;
    border-color: #D0D0D0 #D0D0D0 #D0D0D0 #000;
    border-style: none none none none;
    padding: 10px;
    padding-left: 0px;
    padding-top: 10px;
}
.right {
    width: 200px;
    padding: 10px;
    padding-top: 10px;
    padding-right: 0px;
    border-width: 1px;
    border-color: #D0D0D0 #000 #D0D0D0 #D0D0D0;
    border-style: none none none none;
}
.leftnew {
    width: 50%;
    border-width: 2px;
    border-color: #D0D0D0 #c4c1a8 #D0D0D0 #000;
    border-style: none none none none;
    padding: 10px;
    padding-left: 0px;
    padding-top: 10px;
    background: #fcf0c0;    
}
.rightnew {
    width: 50%;
    padding: 10px;
    padding-top: 10px;
    padding-right: 0px;
    border-width: 1px;
    border-color: #D0D0D0 #000 #D0D0D0 #D0D0D0;
    border-style: none none none none;

    background: #fcf0c0;
}
.center {
    width: 100%;
    font-family: "Trebuchet MS",Tahoma,sans-serif;
    padding: 0px;
    padding-top: 5px;
    border-width: 1px;
    border-color: #D0D0D0;
    border-style: none none none none;
    background: url(theme/images/whitewatermark.gif) no-repeat bottom right;
}
.centernew {
    width: 920px;
    font-family: "Trebuchet MS",Tahoma,sans-serif;
    padding: 10px;
    padding-top: 8px;
    border-width: 1px;
    border-color: #000000;
    border-style: none solid none solid;
    background: url(theme/images/whitewatermark.gif) no-repeat bottom right;
}
.userpanel {
	background-color: #FFFBDB;
	border-color: #FFDE44; 
	border-style: none none solid none;
	border-width: 0px;
	padding: 5px; 
	padding-left: 10px;
	padding-right: 6px;
    color: #ffffff;
    font-weight: bold;
}

b{
   font-weight: bold;
   }

div.bar {
   margin-left: 0px;
   margin-right: 0px;   
   padding: 5px;
   padding-left: 8px;
   padding-bottom: 3px;   
   border-style: solid none solid solid;
   border-width: 1px;
   border-color: #FFDE44;
    color: #980929;    
   background-color: #FFFBDB;
   text-decoration: none;
   font-weight: normal;
   }
div.bar img{
   padding-top: 0px;
    padding-right: 5px;
   }
   
div.barleft {
   margin-left: 0px;
   margin-right: 0px;   
   padding: 5px;
   padding-left: 8px;
   padding-bottom: 3px;   
   border-style: solid solid solid none;
   border-width: 1px;
   border-color: #FFDE44;
    color: #980929;    
   background-color: #FFFBDB;
   text-decoration: none;
   font-weight: normal;
   }
div.barleft img{
   padding-top: 0px;
    padding-right: 5px;
   }
   

a{
   text-decoration: none;
   font-weight: bold;

   
   color: #980929; 
}
a:visited{
   text-decoration: none;
   font-weight: bold;
color: #980929; 
}
a:hover{
   text-decoration: none;
   color: #B82949; 
}
a:active{
   text-decoration: none;
}
span.tinygreen{
   text-decoration: none;
   font-weight: normal;
   color: #008800;
   font-size: 10px;
}

table.menuselected {
   border: 0px;
   margin: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 0px;
   border-spacing: 0px;

}
table.menuselected td a{
   display: block;
   padding: 3px;
   padding-left: 8px;
   text-decoration: none;
   text-decoration: bold;
}
table.menuselected td a:link, table.menuselected td a:visited {


   border-width: 0px;

	color: #FFF;
	background-color: #980929;
	text-decoration: none;
   text-decoration: bold;
}
table.menuselected td a:hover, table.menuselected td a:active {
   border-color: #980929;
      color: #FFF;
      background-color: #980929;
      text-decoration: none;
   text-decoration: bold;
}
table.menu {
   border: 0px;
   margin: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding: 0px;
   border-spacing: 0px;

}
table.menu td a{
   display: block;
   padding: 3px;
   padding-left: 8px;
   text-decoration: none;
   text-decoration: bold;
}
table.menu td a:link, table.menu td a:visited {
   color: #000;
   background-color: #FFFBDB;
   border-width: 0px;
   text-decoration: none;
   text-decoration: bold;
}
table.menu td a:hover, table.menu td a:active {
   border-color: #980929;
   color: #FFF;
   background-color: #980929;
   text-decoration: none;
   text-decoration: bold;
}

table.menu2selected {
   border: 0px;
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   text-decoration: bold;

}
table.menu2selected td a{
   display: block;
   padding: 3px;
   padding-left: 3px;
   text-decoration: bold;
}
table.menu2selected td a:link, table.menu2selected td a:visited {
   color: #FFF;
   border-color: #FFDE44;
   border-style: none;
   border-width: 1px;
   text-decoration: none;
   text-decoration: bold;
   background-color: #980929;

}
table.menu2selected td a:hover, table.menu2selected td a:active {
   border-color: #FFDE44;
   color: #FFF;
   text-decoration: none;
   text-decoration: bold;
   background-color: #980929;
}

table.menu2 {
   border: 0px;
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   
}
table.menu2 td a{
   display: block;
   padding: 3px;
   padding-left: 3px;
   
}
table.menu2 td a:link, table.menu2 td a:visited {
   color: #000;
   border-color: #FFF;
   border-style: none;
   border-width: 1px;
   
}
table.menu2 td a:hover, table.menu2 td a:active {
   border-color: #980929;
   color: #FFF;
   
   background-color: #980929;
}
table.cal {
    border-spacing: 0px;
    color: #980929;    
}
table.cal td.month {
    color: #000000;
    padding: 0px;
    padding-top: 1px;
    padding-bottom: 0px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.1em;
    font-weight: bold;
    text-align: center;
    height: 10px;
    font-size: 9px;
    width: 25px;
    background-color: #d51007;
    border-style: solid;
    border-top-style: none;
    border-color: #d51007;
    border-width: 1px;
}

table.cal td.day {
    color: #000000;
    padding: 0px;
    padding-bottom: 0px;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: -0.1em;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-style: solid;
    border-top-style: none;
    border-color: #cccccc;
    border-width: 1px;
}

div.minipage {
   font-size: 11.5167px;
   line-height:120%;   
   text-decoration: none;
   font-weight: normal;
   font-family:Verdana,"Trebuchet MS",Tahoma,sans-serif; 
}

div.minipage p a,div.minipage p a:visited {
   color: #545457;
   font-weight: normal;  
}

div.minipage h2 a, div.minipage h2 a:visited{
    color: #980929;
    font-size: 19.2px;
    margin-bottom: 5px;
   line-height:100%;    
}
.backlink {
    font-size: 19.2px;
    color: #545457;
    font-weight: normal;      
    font-family:"Trebuchet MS",Tahoma,sans-serif;  
}
.backlink a, .backlink a:visited {
    font-size: 19.2px;
    color: #545457;
    font-weight: normal;      
    font-family:"Trebuchet MS",Tahoma,sans-serif;  
}

{canvas: {backgroundColor: "#ffffff"}},

plugins: {
   controls: {
      sliderColor: '#000000',
      buttonColor: '#000000',
      backgroundColor: '#980929',
      durationColor: '#ffffff',
      progressGradient: 'medium',
      sliderGradient: 'none',
      bufferColor: '#757575',
      timeColor: '#ffffff',
      backgroundGradient: 'medium',
      borderRadius: '10',
      bufferGradient: 'none',
      progressColor: '#ffffff',
      buttonOverColor: '#7d4552',
    opacity:1.0
   }
}

#navbar
{
    padding-top: 9px;
    padding-bottom: 8px;    
    padding-left: 10px;
    padding-right: 10px;
    width: 107px;
    color:  #FFFBDB;
    background: url(http://www.hanhamhighschool.org.uk/theme/images/menubar.gif) no-repeat 0 0;
}

#navbar:hover
{
    background-position: 0 -35px;
   text-decoration: none;
    color: #980929; 
  
}

#navbarspace
{

    padding-top: 9px;
    padding-bottom: 8px;    
    width: 1px;
    color: #f28fa6;
    background: url(http://www.hanhamhighschool.org.uk/theme/images/menubarspace.gif) no-repeat center 0;
}

#navbarselected
{
    padding-top: 9px;
    padding-bottom: 8px;    
    padding-left: 10px;
    padding-right: 10px;
    width: 107px;
    color: #980929; 
    background: url(http://www.hanhamhighschool.org.uk/theme/images/menubar.gif) no-repeat 0 -32px;
}


.minibar
{
    padding-top: 5px;
    padding-bottom: 5px;    
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    color:  #980929;
    background: url(http://www.hanhamhighschool.org.uk/theme/images/menubar.gif) repeat-x 0 -32px;
    text-align: center;
}

div.filelink {
    padding: 5px 0px 5px 0px;
    padding-left: 5px;
    border: solid 1px transparent;
    border-top: solid 1px #E0E0E0;
    
    
    }
    
.mainmenu div.filelink {
padding: 0px;
padding-left: 5px;

}
div.filelink h2{
    margin: 0px;
    }    
a:hover div.filelink ,a:hover div.filelink{
      background-color: #fcf0c0;
      text-decoration: none;      
      color: #980929;
      border-color: #FEC949;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

div.filelink a:hover{

      text-decoration: none; 
    }    


table.calendar {
    width: 100%;
    vertical-align: top;
    border-spacing: 0px;
    border: none;
    border-bottom: 1px solid #D0D0D0;  
    border-right: 1px solid #D0D0D0;  
    
}
table.calendar td {
    height: 100px;
    width: 14%;
    font-size: 12px;
    }
table.calendar td, th{
    border: none;
    border-left: 1px solid #D0D0D0;  
    border-top: 1px solid #D0D0D0;  
    padding:4px 6px;    
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    
}
table.calendar td.weekend{
    background-color: #fec949;
}
table.calendar td.disabled{
    background-color: #E4E4E4;
    color: #C0C0C0;
}
table.calendar th {
    background-color: #980929;
    margin-left: auto;
    margin-right: auto;    
    color: #ffffff;
    vertical-align: bottom;
    text-align: center;
}



.navigationGold {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);    
    background: #fec949;
    height: 8px;
   
}
.navigationBar {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;

    background: transparent url(/theme/images/menubar.gif) repeat-x scroll right top;
    height: 32px;
   
}
.navigationBarGold {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    width: 939px;
    margin-left: auto;
    margin-right: auto;    

}

.navigationBar div ul.mainMenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

padding:0px;

}
.mainMenu li .quicklinks a, .mainMenu li .quicklinks a:visited {
color:#980929;
display:block;
font-weight:none;
padding: 0px;
text-decoration:none;
background:transparent none;
height: 43px;
}
.mainMenu li .quicklinks a div, .mainMenu li .quicklinks a:visited div {

padding: 0px;
padding-left: 2px;
padding-right: 2px;

}

.mainMenu li .quicklinks a div.filelink, .mainMenu li .quicklinks a:visited div.filelink {

padding-top: 5px;
padding-bottom: 0px;
border-left: 0px;
border-right: 0px;


}
.mainMenu, .mainMenu ul {
list-style-type:none;
margin:0;
padding:0;
}
.mainMenu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
position:relative;
 padding-right: 5px;

}

.mainMenu li a, .mainMenu li a:visited {
color:#fcf0c0;
display:block;
font-weight:bold;
padding:9px 9px 9px;
height: 14px;
text-decoration:none;
background:transparent url(/theme/images/menubar.gif) repeat 0px 0px;
}

.mainMenu li .selected {
color:#980929;
background:transparent url(/theme/images/menubarselected.gif) repeat 0px 0px;
}
.mainMenu li a.selected {
color:#980929;
background:transparent url(/theme/images/menubarselected.gif) repeat 0px 0px;
}
.mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a:hover {
color:#980929;


}
.largeFont li.home a {
line-height:2.35em;
padding-right:0;
text-indent:10px;

}


.mainMenu li .subMenu {
width: 200px;
border:  #fec949 solid;
border-width: 0px 8px 8px 8px;


    background: #ffffff;
left:0;
top: 32px;
position:absolute;

visibility:hidden;
z-index:99;
}


.mainMenu li .oneCol {
width:15em;
}
.mainMenu li .oneCol ul {
width:99%;
}

.mainMenu li ul {
float:left;
padding:0px 0 0px;
}

.mainMenu li .subMenu .subMenuLeft {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/support_files/style_images/common/header/submenu-bottom-bg-left.png) no-repeat scroll left bottom;
float:left;
height:10px;
margin:0;
padding:0;
width:89%;
}
.mainMenu li .subMenu .subMenuRight {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/support_files/style_images/common/header/submenu-bottom-bg-right.png) no-repeat scroll right bottom;
float:left;
height:10px;
margin:0;
padding:0;
width:11%;
}
.mainMenu.largeFont li ul li, .mainMenu li ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/support_files/style_images/common/chevrons/right-full.gif) no-repeat scroll 10px 60%;
width:100%;


}
.mainMenu.largeFont li ul li a, .mainMenu.largeFont li ul li a:visited, .mainMenu li ul li a, .mainMenu li ul li a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
font-size: 11px;
color:#000000;
display:block;
font-weight:normal;
height:auto;
line-height:1.5em;
padding:2px 0 3px 13px; ;
width:auto;
font-family:tahoma,arial,sans-serif;

}
.mainMenu li a:hover {


}
.mainMenu li:hover > .subMenu {
visibility:visible;
}
.mainMenu li a:hover .subMenu {
visibility:visible;
}
.mainMenu li ul a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;

color:#000000;
}
.mainMenu li ul a {
min-width: 220px;
}

.mainMenu li ul li a {
min-width: 180px;
}
.mainMenu li ul li a:active, .mainMenu li ul li a:focus {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#000000;

}
.mainMenu li ul li a:hover, .mainMenu li ul li a:focus {
background: #fcf0c0;
text-decoration:none;
}


.mainMenu table {
border-collapse:collapse;
font-size:1em;
left:0;
position:absolute;
top:0;
z-index:100;
}

.subMenuBg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E8E8E8 url(/support_files/style_images/common/header/grocery-submenu-bg.gif) repeat-x scroll left top;
height:25px;
margin:0 10px;
}
.subMenuBg div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/support_files/style_images/common/header/grocery-submenu-bg-right.gif) no-repeat scroll right top;
}
.subMenuBg div div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/support_files/style_images/common/header/grocery-submenu-item-left-bg.gif) no-repeat scroll left top;
height:25px;
}


.navigationBar a.newWindow {
padding-right:20px !important;
}

#globalNav2 {
z-index:98;
}
#globalNav3 {
z-index:97;
}
#globalNav4 {
z-index:96;
}
#globalNav5 {
z-index:95;
}
#globalNav6 {
z-index:94;
}
#globalNav7 {
z-index:93;
}
#globalNav8 {
z-index:92;
}
#globalNav9 {
z-index:91;
}
#globalNav10 {
z-index:90;
}


.sidemenu {
	float:left;
	width: 230px;
	background-color: white;
}
.page {
	overflow:hidden;
	float:left;
	width: 680px;
	
}
#entryBox {
    background: white url(/theme/search.gif) no-repeat scroll 4px 4px;
    
    color: #666666;
    font: 16px arial,helvetica,clean,sans-serif;
    height: 25px;
    margin: 0 -6px 0 0;
    padding: 1px;
    padding-left: 40px;
    vertical-align: middle;
    width: 150px;
}
#searchBut {
    background-image: url("/theme/searchbutton.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    height: 29px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 61px;
}
.highlight {
	background-color: #FCF0C0;
}

.highslide-gallery ul a {
width: 120px;
display: block;
}

