/*
** menu.css 
** CSS and Javascript Accessible menu drop down 
** -----------------------------------------------------------------------------------------------
** Source: Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
** 		   Dropdowns by Patrick Griffiths and Dan Webb. 
** 		   http://carroll.org.uk/sandbox/suckerfish/bones2.html
** ------------------------------------------------------------------------------------------------
** Author: Steve TANGUE
** Date: 16.04.09
** Last updated: 20.05.09 by Steve TANGUE
*/

#nav a.main_menu_selected {
font-weight:bold;
background-image:none;
background-color:#003D79;
}
#contmenu  li a.left_menu_selected {
font-weight:bold;
color:#C40E30;
background-image:none;
border-top:1px solid #DDD;
}

#contmenu ul li a.left_submenu_selected {
font-weight:bold;
background-image:none;
border-top:1px solid #DDD;
background-color:#fff;
color:#C40E30;
}
#contmenu ul ul li a.left_submenu_selected {
font-weight:normal;
background-image:none;
border-top:1px solid #DDD;
background-color:#fff;
color:#C40E30;
}

#nav { /* all lists */
	width: 970px; height: 37px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:left;
	background-color:#ccc;
	background-image:url(../canterbury_images/menu_bg.jpg);
	background-repeat:no-repeat;

	background: url(../canterbury_images/nav_bg.jpg) repeat-x;/* repeating background image to the nav DIV. */
 /* Sets the height of the DIV to the height of the background image. */
	float: left;
	color:#FFFFFF;	
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	position:relative; z-index: 999;
}

#nav a {
	text-decoration:none;
	display:block;
	padding:13px 19px;
	color:#fff;
	position:relative;
}
#nav a:hover, #nav a.selected   {
	background-color:#D9AD00;
	background-image:url(../img/menu_bg_selected.jpg);
	color:#FFF; 
	
}
#nav li { /* all list items */
	float: left;
}
#nav ul li { /* all list items */
	width: 14em; /* width needed or else Opera goes nuts */
	float: left;
	background-color:#003366;	
	filter: alpha(opacity=90);	
	z-index: 999;
	opacity: .9;
}
#nav ul li a:hover, #nav ul li a.selected   {
	background-color:#D9AD00;
	/*background-image:url(../img/submenu_hover_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;*/
	color:#FFF; 

}
#nav li ul { /* second-level lists */
	position: absolute;
	z-index:999px;
	width: 14em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul{ /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}
#nav li ul ul ul {}

#nav li:hover ul ul, #nav li.sfhover ul ul {margin-left: -1000em;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}

#nav li:hover ul ul ul, #nav li.sfhover ul ul ul{margin-left: 0;}
#nav li li:hover ul, #nav li li.sfhover ul {margin-left: 14em;margin-top: -38px; }

/* KAL : Steve, I don't know how, but this one fixes the main menu */   /* STE: ok nice work */
#nav li li:hover ul ul, #nav li li.sfhover ul ul {margin-left: -1000em; }
#nav li li li:hover ul, #nav li li li.sfhover ul {margin-left: 14em;margin-top: -38px;  }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 18010em; }
#nav li li a:focus { margin-left:1000em; width:10.7em; background-color:#B4BBD5; background-image:url(../img/menu_bg_selected.jpg);}
#nav li li li a:focus {margin-left: 2010em; width: 10.7em; background-color:#B4BBD5; background-image:url(../img/menu_bg_selected.jpg);}
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 14em; }


