/*Menu Code*/

div.menu
{
	width:718px; 
	/*margin-bottom:26px;*/
	margin-bottom:20px;
	background-image:url(/TNSW/Templates/images/main_menu_bg.jpg);
	
	background-repeat: no-repeat;
}

div.menu ul
{
	width: 718px;
	list-style-type: none;
	margin:0;
	padding:0;
	font-size: 10px; /* This sets the default font size to 10px for everything in a menu list. The "em" measurements below depend on this being constant */
	line-height: 10px;
	
}

div.menu ul li
{
	float:left;
	position:relative; 
	margin:0;
	padding:0;
	padding-top:2px;
}



div.menu ul li ul
{
	width:718px;
	background-repeat: no-repeat;
	height:14px;
	position:absolute; 
	display: none;
	top:17px;
	left:0px; 
	background-color: #666666;
}






div.menu ul li a,
div.menu ul li a:visited
{
	display:block; 
	color: white;
	font-size: 12px;
	line-height: 12px;
	font-weight:100;
	height: 18px; /* This sets the height so that you don't lose the hover as you go over the 'gap' to the sub-menu */
	padding-left: 10px;
	white-space: nowrap;
	margin-right: -100%;
	
}

div.menu ul li a.selected 
{
	color: #ff6600;
}

div.menu ul li a:hover
{
	color: #ff6600;
	text-decoration: none;
}

div.menu ul li ul li 
{
padding-top:1px;
}
div.menu ul li ul li a,
div.menu ul li ul li a:visited
{
	color: white;
	font-size:12px;
	font-weight: 100;
	float: left;
	display: inline;
	height:45px; /* This sets the height so that you don't lose the hover as you go over the 'gap' to the sub-menu */
	white-space: nowrap;
	margin-right:-100%;
	position: absolute;
	
}

div.menu ul li > ul li a,
div.menu ul li > ul li a:visited
{
	position: static;
}

div.menu ul li ul li a:hover
{
	color: #ff6600;
	text-decoration: none;
}

div.menu ul li ul li a.selected 
{
	color: #ff6600;
}

div.menu ul li ul.visible
{
	display: block;
}

div.menu ul li:hover ul,
div.menu ul li.selected ul,
div.menu ul li.over ul
{
	display:block; 
}


