﻿#menuContainer
{
	margin-top:12px;
}


.menu 
{
	position:		relative;
	width:			480px;
	height:			2em;
	padding-bottom:	1px;
	margin-left:	10px;
	margin-top:		20px;
}

* html .menu { padding-bottom:0;}

.menu ul
{
	list-style-type:	none;
	padding:			0;
	margin:				0 0 0 0px;
	width:				470px;
	height:				100%;
	
}
	* html .menu	{	width: 460px;	}
	
	
.menu li
{
	float:				left;
}


.menu table{
	position:			absolute;
	border-collapse:	collapse;
	left:				0;
	top:				0;
}

/* ----- TOP LEVEL LINK COLOURS ----- */
.menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover , .menu ul li a:active
{
	color:			#fff;
	text-decoration:none;
}

.menu ul li a:hover /*, .menu ul li a:active*/
{
	color:			#f8d8ad;
}

#topLevel1:hover, #topLevel2:hover, #topLevel3:hover, #topLevel5:hover
{
	background-image: url(../images/bgTopNav.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}


.menu a b, .menu:visited b {
	display:		block;
	float:			left;
	font-size:		100%; 
	padding:		0 5px;
	height:			2em;
	line-height:	1.9em;
	cursor:			pointer;

}

/*

.ltf
{
padding:		0 5px;
	height:			2em;
	line-height:	1.9em;
}

.rgt
{
padding:		0 5px;
	height:			2em;
	line-height:	1.9em;
}
*/

.menu ul ul 
{
	visibility:		hidden;
	position:		absolute;
	background-color:	#fff;
	height:			2em;
	top:			2em;
	left:			0px;
	width:			450px;
	/*width: auto;*/
	padding-left:	10px;

}

.menu:hover 
{
	white-space:	normal;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
	display:	block;
	visibility:	visible;
	/*top:		2em;*/
	margin-top: 2px;
	z-index: 99;
}



.menu ul:hover ul li 
{
	display:		block; 
	background:		#fff; 
	color:			#666;
	height:			27px;
	font-size:		80%; 
	line-height:	2.5em; 
	font-weight:	bold;
}
	
.menu ul :hover ul li a
{
	display:		block; 
	height:			2em; 
	width:			auto; 
	float:			left; 
}

.pipe
{
		padding:		0px 10px;
}


.menu ul ul li a:link, .menu ul ul li a:visited
{
	color:			#444; 
}
 
.menu ul ul li a:hover 
{
	color:	#ff980c;
}


.topLevel
{
	height:	2.4em;
}


.hasKids:hover
{
	background-image: url(../images/bgTopNav.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#selectedLink
{
	background-image: url(../images/bgTopNav.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#selectedLink >a
{
	color:			#f8d8ad;
}

* html #selectedLink b
{
	color:#f8d8ad;
}

#selectedLink ul
{
	display:block;
	visibility:visible;
	position:		absolute;
	background-color:	#fff;
	height:			2em;
	top:			2em;
	left:			0px;
	width:			445px;
	padding-left:	10px;
	margin-top:	2px;
}


#selectedLink ul li
{
	display:		block; 
	background:		#fff; 
	color:			#666;
	height:			27px;
	font-size:		80%; 
	line-height:	2.5em; 
	font-weight:	bold;
}


/*
.menu a em.rgt, .menu :visited em.rgt {
	display:block;
	float:left;
	width:5px;
	height:2em;
}
*/

/*.menu a em.lft, .menu :visited em.lft {
	display:block;
	float:left;
	width:5px;
	height:2em;
	border-bottom:1px solid #777;
}*/

/*
.menu a:hover em.lft {
	background: transparent url(drop/leftb.gif);
	border-bottom-color:#ccc;
}

.menu a:hover em.rgt {
	background: transparent url(drop/rightb.gif);
	border-bottom-color:#ccc;
}

.menu li:hover > a em.lft {
	background: transparent url(drop/leftb.gif);
	border-bottom-color:#ccc;
}
.menu li:hover > a em.rgt {
	background: transparent url(drop/rightb.gif);
	border-bottom-color:#ccc;
}
*/
