/* CSS Document */

#nav_holding{
position:relative;
width:100%;
background-color:#000000;
height:23px;
z-index:999;
}

#nav{
position:static;
left:20px;
z-index:999;
width:1005px;
display:block;
}

#nav ul{
list-style:none;
padding: 0; /*fix for mozilla*/
margin: 0; /*fix for mozilla*/
line-height:1.5em; 
}

#nav li {
	float:left;    		  /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

#nav ul li{
float: left;
position: relative; /*aligns to top item*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background: none;
height: 23px;
}

#nav  ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

#nav ul li.home{
border-left:#999999 1px solid;
}

#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited {

	display: block;
	float: left; /*required for IE5.5*/
	height: 23px;
	line-height: 23px;
	padding: 0 7px 0 7px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 9px;
	color:#CCCCCC;
	border-right:#999999 1px solid;
	}
	
#nav ul li a:hover{
float: left; /*required for IE5.5*/
display: block;
height: 23px;
line-height: 23px;
color:#FFFFFF;
text-decoration:none;
background-color:#232323;
}

#nav .active,
#nav ul li.active a:hover 
{
background:#4a7009;}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

#nav  ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#nav ul li:hover ul,
#nav ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	padding: 0;
	top:23px;              /* place us just up underneath the top-level images */
	left:-30px;       /* left-align our drop-down to the previous button border */
      /* the drop-down height will be determiend by line count */
	width:700px;
	color:black;                        /* this sets the unselected-text color */
        /* this sets our menu's effective "border" color */
		z-index:999;
		background-image:url(../images/translucent.gif);
		
}

#nav ul li:hover ul.schools,
#nav ul li a:hover ul.schools {  
left:-200px; 
}

#nav ul li:hover ul.Lcentres,
#nav ul li a:hover ul.Lcentres {  
left:-200px; 
width:800px;
}


#nav ul li:hover ul.admin,
#nav ul li a:hover ul.admin{  
left:-200px; 
width:500px;
}

#nav ul li:hover ul.industry,
#nav ul li a:hover ul.industry {  
left:-200px; 
width:500px;
}


#nav ul li:hover ul.achievement,
#nav ul li a:hover ul.achievement {  
left:-200px; 
width:450px;
}


* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-15px;
}

#nav ul li:hover ul li a,
#nav ul li a:hover ul li a {                   /* 2nd level unselected items */
text-indent:10px;
	display:block;
	border:0;
	margin:0;
	padding: 0;
	padding-right:7px;
	color:#000;               /* this sets the unselected drop-down text color */
	font-weight: normal;
	 	border-right:#000 1px solid;
	 height: 18px; 
 	z-index:999;
		background:none;
			height: 18px; 
}

#nav ul li:hover ul li:hover a,
#nav ul li a:hover ul li a:hover {                /* 2nd level selected item */
		display:block;
	height: 18px; 
	text-indent:10px;
	padding: 0;
	padding-right:7px;

	color:#333333;
	background:none;
	z-index:999;
	
}

#nav ul li:hover ul li.end a,
#nav ul li a:hover ul li.end a,
#nav ul li a:hover ul li.end a,
#nav ul li a:hover ul li.end a:hover {

	border-right:0;}