@charset "utf-8";
/* CSS Document */

/* ####### Primary Nav Buttons - Horizontal Menu ######## */
#prime-nav {
  width: 920px;
}

#prime-nav ul {
  list-style-type: none; /* Remove the bullets + borders from the default list styling */
  font-size: 1.0em; /* Set Font Size */
}

#prime-nav ul li {
  float: left;
  position: relative;
  z-index: 500; /* Ensure the drop downs are given precedence over the secondary nav */
}
 
/* Sub Levels - Hide and Add absolute positonioning so that they take up no room */
#prime-nav ul li ul {
  width: 210px;
  visibility: hidden;
  font-size: 0.9em;
  position: absolute;
  top: 30px;
  left: 0; 
}

/* IE6 Hack - Ensures that drop downs remain visible over the JavaScript Items */
/*  (Don't know why this works!) But it does */
#prime-nav ul li ul {
  background-color: #666;
}

/* Hack for IE5.5 */
* html #prime-nav ul ul {
  top:29px;
  t\op:30px;
}

#prime-nav ul li ul li {
  width: 100%;
}
 
/* style the table so that it takes no part in the layout - required for IE to work */
#prime-nav table {
  position: absolute; 
  top: 0;
  left: 0;
}
  
/* BUTTON ON STATE FOR MAIN TOP LEVEL CATEGORIES */
#home #prime-nav .home-on {
	background-color: #990000;
	cursor: default;
} 
  
/* ########### Link Styles ########### */

/* Top Level Links */
#prime-nav ul li a:link, #prime-nav ul li a:visited {
  padding: 0.2em 1em 0;
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #CC0000;
  line-height: 1.7em;
}

/* Top Level Hover Styles */
#prime-nav ul li a:hover, #prime-nav ul li a:active {
  background-color: #990000;
}

#prime-nav :hover > a {
  background-color: #990000;
}
 
/* Secondary Level Links */
#prime-nav ul li ul li a:link, #prime-nav ul li ul li a:visited {
/*  padding: 2em 3em;*/
  background-color: #666; 
  color:#fff;
  border-bottom: #fff dotted 1px;
  line-height: 1.7em;
}

/* IE6 Hack - Ensure that link area covers full button area */
* html #prime-nav ul li ul li a:link, * html #prime-nav ul li ul li a:visited {
  width: 88%;
  border-bottom: #fff solid 1px;
}

/* Secondary Level Hover Styles */
#prime-nav ul li ul li a:hover, #prime-nav ul li ul li a:active {
  background-color: #333333;
}

#prime-nav ul ul :hover > a {
  background-color: #333333;
}
 
/* Secondary Level - Make visible when hover on first level list OR link */
#prime-nav ul li:hover ul,
#prime-nav ul a:hover ul {
  visibility: visible; 
}

#prime-nav ul li:hover ul li a.last-link, #prime-nav ul li a:hover ul li a.last-link {
	border-bottom: none;	
}

/* ####### Primary Nav Buttons - Horizontal Menu - ON STATE ######## */
#home #prime-nav .home-on,
#pastoral #prime-nav .beech-hall-on,
#small-class-size #prime-nav .beech-hall-on,
#involvement #prime-nav .beech-hall-on,
#environment-matters #prime-nav .beech-hall-on,
#history #prime-nav .beech-hall-on,
#activities #prime-nav .beech-hall-on,
#future #prime-nav .beech-hall-on,
#catering #prime-nav .beech-hall-on,
#public-benefit #prime-nav .beech-hall-on,
#after-school #prime-nav .beech-hall-on,
#easter-summer #prime-nav .beech-hall-on,
#nursery #prime-nav .little-griffins-on,
#education #prime-nav .little-griffins-on,
#organisation #prime-nav .little-griffins-on,
#timings #prime-nav .little-griffins-on,
#curriculum #prime-nav .junior-on,
#infant-school #prime-nav .junior-on,
#junior-school #prime-nav .junior-on,
#extra-curricular #prime-nav .junior-on,
#senior-education #prime-nav .senior-on,
#subjects #prime-nav .senior-on,
#learn-dev #prime-nav .senior-on,
#careers-work #prime-nav .senior-on,
#gcse-beyond #prime-nav .senior-on,
#outward-bound #prime-nav .senior-on,
#music-drama #prime-nav .senior-on,
#sport #prime-nav .senior-on,
#entry #prime-nav .senior-on,
#senior #prime-nav .senior-on,
#term-fees #prime-nav .admissions-on,
#included #prime-nav .admissions-on,
#bursaries #prime-nav .admissions-on,
#scholarships #prime-nav .admissions-on,
#con-admissions #prime-nav .admissions-on,
#prospectus #prime-nav .admissions-on,
#open-events #prime-nav .admissions-on,
#other-links #prime-nav .admissions-on {
	background-color: #990000;
	cursor: default;
}


/* ####### Secondary Nav Buttons - Vertical Menu ######## */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 90%; /*width of menu*/
border: 1px solid #990000;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #cc0000 url(../assets/glossyback.gif) repeat-x bottom left;
font: 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../assets/glossyback2.gif);
/*border-bottom: 1px dotted #FFF;*/
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

/*.glossymenu div.submenu ul li{
border-bottom: 1px solid #990000;
}*/

.glossymenu div.submenu ul li a{
display: block;
font: normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
border-bottom: 1px dotted #666;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
}