/* ========================================= */
/* == menus : composite drop down menus   == */
/* ========================================= */

#pad {height:140px;}

/* ========================== 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
============================ */

#menu  {
	padding: 0;	margin: 0; list-style: none;	height: 40px; position: relative;
	z-index: 500; /*-- NB : ZINDEX 500 --*/
	padding-top: 3px;
	/*-- width:900px; --*/
}

#menu li  {	float:left; 	margin-right:1px; }

#menu li a {
	display:block; 		float:left;
 	height:40px; 		line-height:40px;
 	background:#333; 	color:#fff;
 	text-decoration:none; 	font-size:12px;
 	font-weight:bold; 	padding:0 13px 0 12px; 	text-align:center;
 	min-width:95px;         width:auto; /*-- SET MIN WIDTH and AUTO WIDTH --*/
        /*-- width:105px;109px, 99px --*/
}

/*---------------*/
/*-- HOME menu --*/
/*---------------*/

#menu .suhome li a {
	display:block; 	float:left;
 	height:40px;	line-height:40px; width:60px; 	
 	background:#333; color:#fff; 	text-decoration:none;
 	font-size:12px; 	font-weight:bold;
 	padding:0 13px 0 12px; 	text-align:center;
}

/*---------------------------*/
/*-- ADVICE & SUPPORT menu --*/
/*---------------------------*/

#menu .as li {
 	/*-- min-width:160px; 109px, 99px --*/
}

#menu .as li a {
	display:block; 	float:left; height:40px; 	line-height:40px;
 	background:#333; 	color:#fff;
 	text-decoration:none; 	font-size:12px;
 	font-weight:bold; 	padding:0 13px 0 12px; text-align:center;
        /*-- min-width:160px; 109px, 99px --*/
}

/*---------------------------*/
/*-- NEW STUDENTS menu     --*/
/*---------------------------*/

#menu .ns li {
 	/*-- width:150px; 109px, 99px --*/
}
#menu .ns li a {
	display:block; 	float:left; height:40px; 	line-height:40px;
 	background:#333; 	color:#fff;
 	text-decoration:none; 	font-size:12px;
 	font-weight:bold; 	padding:0 13px 0 12px; 	text-align:center;
        /*-- width:150px; 109px, 99px --*/
}

/*----------------------------*/
/*-- MY STUDENTS UNION menu --*/
/*----------------------------*/

#menu .mysu li a {
	display:block; 	float:left;
 	height:40px; 	line-height:40px;
 	background:#333; 	color:#fff;
 	text-decoration:none; 	font-size:12px;
 	font-weight:bold; 	padding:0 13px 0 12px; 	text-align:center;
 	/*-- width:30px; 109px, 99px --*/
}

/*-- fallback table (IE5) --*/

#menu table {
	border-collapse:collapse; width:0; height:0; top:0; left:0; position:absolute; 
}

/*----------------------*/
/* Default link styling */
/*----------------------*/

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200;                  /*-- NB : Z-INDEX 200 --*/
	position:relative; color:#fff; 	background-color:#08A8F8;
}

#menu li:hover {
   position:relative; z-index:200;    /*-- NB : Z-INDEX 200 --*/
}

#menu li:hover > a     {color:#fff; background:#08A8F8;}
#menu li:hover > a.sub {color:#fff; background-color:#08A8F8;}
#menu li.current a     {color:#fff; background:#87B60B;}
#menu li a.sub         {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#87B60B url(down-arrow.gif) no-repeat right center;;}
#menu :hover ul {
	left:0; 	top:40px; 	background:#444;
 	width:130px;  /*-- 120px --*/
}

/*-----------------------------------------------------------*/
/* keep the 'next' level invisible by placing it off screen. */
/*-----------------------------------------------------------*/

/*-- menu list definition --*/
#menu ul, 
#menu :hover ul ul {
 	position:absolute; left:-9999px; 	top:-9999px;
 	width:0;height:0;margin:0;padding:0; 	list-style:none; 	white-space:nowrap;
}

/*-- drop down menu --*/
#menu :hover ul :hover ul {
	left:135px; /*-- 120px --*/
	top:-1px;
 	background:#222;white-space:nowrap;
 	width:140px;z-index:200; height:auto;
}

/*-- drop down menu --*/
#menu :hover ul li {margin:0; border-top:1px solid #666;}

#menu :hover ul li a {
	width:160px;   /*-- 125px --*/
	padding:0;text-indent:10px; background:#333;color:#fff;
 	height:30px;line-height:30px; text-align:left;
}

/*-----------------------*/
/*-- hover menu        --*/
/*-----------------------*/

#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#87B60B; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#87B60B; color:#fff;}
#menu :hover ul li.currentsub a {background:#87B60B; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#87B60B url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul :hover ul li a 
{
	width:185px;  /*-- 175px --*/
 	padding:0;text-indent:10px; 	background:#3e3e3e;color:#fff; 	text-align:left;
}


/*-----------------------*/
/*-- HOME menu section --*/
/*-----------------------*/

#menu :hover ul :hover ul :hover {	background-color:#87B60B; color:#fff;}
#menu :hover ul :hover ul li.currentfly a, 
#menu :hover ul :hover ul li.currentfly a:hover { 
 background:#87B60B; 	color:#fff;
}

/*-- navhome 		(suhome|s) menu section         --*/
#menu li.suhome:hover a.sub {	color:#fff; background:#08A8F8; url(down-arrow.gif) no-repeat right center; }
#menu :hover ul li.suhome:hover a.fly { background:#08A8F8; 	url(right-arrow.gif) no-repeat right center; 	color:#fff; }

/*-- navactivities 	(ac|s)     menu section     	--*/
#menu li.ac:hover a.sub {color:#fff; background:#06B23A; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.acs:hover a.fly {background:#06B23A; url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul li.acs:hover a:hover {background:#06B23A; color:#fff;}

/*-- navgoingout 	(go|s)     menu section       	--*/
#menu li.go:hover a.sub {color:#fff; background:#3366FF; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.gos:hover a.fly {background:#3366FF; url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul li.gos:hover a:hover {background:#3366FF; color:#fff;}

/*-- navadvicesupport 	(as|s)     menu section  		--*/
#menu li.as:hover a.sub {color:#fff; background:#AA55FF; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.ass:hover a.fly {background:#AA55FF; url(right-arrow.gif) no-repeat right center; color:#fff; }
#menu :hover ul li.ass:hover a:hover {background:#AA55FF; color:#fff; }

/*-- navservice 	(sr|s)     menu section        	--*/
#menu li.sr:hover a.sub {color:#fff; background:#F12D79; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.srs:hover a.fly {background:#F12D79; url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul li.srs:hover a:hover {background:#F12D79; color:#fff;}

/*-- navabout 		(ab|s)     menu section          	--*/
#menu li.ab:hover a.sub {color:#fff; background:#FF7F55; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.abs:hover a.fly {background:#FF7F55; url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul li.abs:hover a:hover {background:#3366FF; color:#fff;}

/*-- navnewstudents 	(ns|s)     menu section    		--*/
#menu li.ns:hover a.sub {color:#fff; background:#006599; url(down-arrow.gif) no-repeat right center;}
#menu :hover ul li.nss:hover a.fly {background:#006599; url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul li.nss:hover a:hover {background:#006599; color:#fff;}