/************************************************/
/* Pure CSS Drop Down Menu [TJK_dropDown] v1.1  */
/* Copyright 2006, Thierry Koblentz             */
/* TJKDesign.com. all rights reserved.          */
/************************************************/

/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { 
	margin:0;
	padding:0;
	font-size: 10px;
	font-weight: bold;
}
/* UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	background:url(http://www.miltonkeynesacademy.co.uk/images/nav/nav_grad.gif) repeat-x;
	width: 800px;
	height: 54px;
	line-height: 54px;
	left: 50%;
	margin-left: -400px;
}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	background: #95c431 url(http://www.miltonkeynesacademy.co.uk/images/nav/sub_grad.gif) repeat-x;
	cursor:default;
	position:absolute;
	height: 32px;
	line-height: 32px;
	top: 45px;
	padding-left: 10px;
	background-position:0 0 !important;
	width: 7900px;
	left:-10000px;
}

/* All LIs */
#TJK_dropDownMenu li {
	cursor:pointer;
	float:left;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	list-style-type:none;
}

/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	
}
/* All anchors */
#TJK_dropDownMenu li a {
	color: #ffffff;
	text-decoration:none;
	display:block;
	float:left;
	line-height: 12px;	
}

/* sub-menu anchors */
#TJK_dropDownMenu li ul li a {
	cursor:pointer;
	width: auto;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	color:#fffbb6;
}

/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#ffffff}

/* position and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {left:0;z-index:10}

/* Current location - class on Body match LI's id */
.nav1 #TJK_dropDownMenu li#nav1 a,
.nav2 #TJK_dropDownMenu li#nav2 a,
.nav3 #TJK_dropDownMenu li#nav3 a,
.nav4 #TJK_dropDownMenu li#nav4 a,
.nav5 #TJK_dropDownMenu li#nav5 a,
.nav6 #TJK_dropDownMenu li#nav6 a,
.nav7 #TJK_dropDownMenu li#nav7 a,
.nav8 #TJK_dropDownMenu li#nav8 a   

{color: #ffffff; cursor:default;}


.nav1 #TJK_dropDownMenu li#nav1 ul,
.nav2 #TJK_dropDownMenu li#nav2 ul,
.nav3 #TJK_dropDownMenu li#nav3 ul,
.nav4 #TJK_dropDownMenu li#nav4 ul,
.nav5 #TJK_dropDownMenu li#nav5 ul,
.nav6 #TJK_dropDownMenu li#nav6 ul,
.nav7 #TJK_dropDownMenu li#nav7 ul,
.nav8 #TJK_dropDownMenu li#nav8 ul  

{left:0;z-index:5;}

/* "trigger" and "msieFix" classes */
/*
#TJK_dropDownMenu li.msieFix a {color:#ffffff !important}
*/

/* No cursors for top level if there is a dropdown
#nav2 a, #nav6 a, #nav2:hover, #nav6:hover {
	cursor:default;
}
*/


/* top nav seperators */
#sep1, #sep2,#sep3, #sep4, #sep5, #sep6, #sep7, #sep8, #sep9 
{
	width: 0px;
	height: 32px;
	margin-top: 12px;
	border-left: 1px solid #6dc7f3;
	border-right: 1px solid #14a6de;
}

/* top nav anchor positioning and hover area */
#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a
{ 
	padding-left: 8px; 
	padding-right: 0px;
	height: 32px;
	width: 80px;
}

/* top nav, no drop downs */
#nav1, #nav3, #nav4, #nav5, #nav6, #nav8
 {
	width: 97px;
	height: 32px;
	padding-top: 11px;
}

/* top nav with drop downs add hover area */
#nav2, #nav7
{
	width: 97px;
	height: 32px;
	padding-top: 11px;
	padding-bottom: 32px;
}

/* top nav hover */
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover, #nav6:hover, #nav7:hover, #nav8:hover  
{
	background: url(http://www.miltonkeynesacademy.co.uk/images/nav/nav_hover.gif) repeat-x;
}

/* submenu hover */
#sub2link1:hover, #sub2link2:hover, #sub2link3:hover, #sub2link4:hover, #sub2link5:hover, #sub2link6:hover, #sub2link7:hover,
#sub4link1:hover, #sub4link2:hover, 
#sub6link1:hover, #sub6link2:hover, #sub6link3:hover
{
	background: url(http://www.miltonkeynesacademy.co.uk/images/nav/sub_hover.gif) no-repeat;
	background-position: center bottom;
	width: auto;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	color:#ffffff;
}

/* sub nav anchor positioning */
#nav2 ul li a, #nav7 ul li a
{
	margin: 0;
	padding: 0;
	margin-right: 14px;
}

/* sub nav ULs, where to drop down from and its width */

#nav2 ul { margin-left: 100px; width: 1000px; }
#nav7 ul { margin-left: 595px; width: 100%; }

/* sub nav do not show overflow */
html, body { overflow-x:hidden; }

/* current page location */

body#home #nav1, body#about #nav2, body#building #nav3, body#principal #nav2, body#sponsor #nav2,
body#special #nav2, body#mission #nav2, body#behaviour #nav2, body#uniform #nav2, body#policies #nav2,
body#curriculum #nav4, body#sixth #nav5, 
body#admissions #nav6, body#news #nav7, body#faq #nav8, body#keydates #nav7, body#newsletters #nav7
{ background: url(http://www.miltonkeynesacademy.co.uk/images/nav/nav_hover.gif) repeat-x; }

body#home #nav1link, body#about #nav2link, body#building #nav3link, body#principal #nav2link, body#sponsor #nav2link,
body#special #nav2link, body#mission #nav2link, body#behaviour #nav2link, body#uniform #nav2link, body#policies #nav2link, 
body#curriculum #nav4link, body#sixth #nav5link, 
body#admissions #nav6link, 
body#news #nav7link, body#faq #nav8link, body#keydates #nav7link, body#newsletters #nav7link
{ color: #ffffff; }

body#principal #nav2 ul, body#sponsor #nav2 ul, body#special #nav2 ul, body#mission #nav2 ul, body#behaviour #nav2 ul,
body#uniform #nav2 ul, body#policies #nav2 ul,
body#curriculum #nav4 ul, body#sixth #nav5 ul, 
body#news #nav7 ul, body#keydates #nav7 ul, body#newsletters #nav7 ul
{ left: 0px;}

body#principal #sub2link1, body#sponsor #sub2link7, body#special #sub2link2, body#mission #sub2link3, 
body#behaviour #sub2link4, body#uniform #sub2link5, body#policies #sub2link6,
body#curriculum #sub4link1, body#sixth #sub4link2, 
body#news #sub6link2, body#keydates #sub6link3, body#newsletters #sub6link1
{
	background: url(http://www.miltonkeynesacademy.co.uk/images/nav/sub_hover.gif) no-repeat;
	background-position: center bottom;
	width: auto;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	color:#ffffff;
}	

#nav4 ul li#wspace4 { 
	width: 500px; 
	height: 32px; 
	background:#ffffff url(http://www.miltonkeynesacademy.co.uk/images/nav/navshadow.gif) repeat-x; 
	margin-left: -300px;
}

#nav7 ul li#wspace7 { 
	width: 510px; 
	height: 32px; 
	background:#ffffff url(http://www.miltonkeynesacademy.co.uk/images/nav/navshadow.gif) repeat-x; 
	margin-left: -510px;
}