/* remove all the bullets, borders and padding from the default list styling */

#globalnav ul.PrimaryNav
{
	height: 29px;
	margin: 0;
	padding: 0;
}

#globalnav ul.PrimaryNav ul 
{
	width:180px;
	margin-left: 0;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#globalnav li
{
	float:left;
	position:relative;
	background: url('../images/globalnav-divides.gif') no-repeat;
	padding: 0 !important;
	margin: 4px 0 4px 0 !important;
	height: 22px;
}

* html #globalnav li
{
	width: 100px;
}

#globalnav li a
{
	color: #333;
	margin: 0;
	height: 24px;
	padding-top: 4px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#globalnav li a:hover, #globalnav li.active a
{
	color: #0ea2bb !important;
	text-decoration: none;
}

#globalnav li.active ul a
{
	background-image: none;
	color: #333 !important;
}

/* style the links for the top level */
#globalnav a, #globalnav a:visited 
{
	display: block;
	height: 30px;
	text-align: center;
	padding: 13px 5px 0 5px;
	text-decoration: none;
	color: #333;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #globalnav a, * html #globalnav a:visited 
{
	width:93px; 
	w\idth:93px;
	padding: 7px 2px 0 2px;
	text-align: center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#globalnav ul.PrimaryNav ul 
{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:25px;
	left:0;
	width:212px;
	background:#fff6f6; 
	padding: 0;
	list-style-type: none;
	border-bottom: solid 1px #ccc;
}

/* another hack for IE5.5 */
* html #globalnav ul.PrimaryNav ul 
{
	top:40px;
	t\op:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#globalnav table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
#globalnav ul.PrimaryNav ul li
{
	height: auto !important;
	margin: 0 !important;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#globalnav ul.PrimaryNav ul a, #globalnav ul.PrimaryNav ul a:visited 
{
	color:#333; 
	background-color: #fff;
	height: auto !important;
	padding: 5px !important;
	padding-left: 25px !important;
	font-size: 10px;
	text-align: left;
	width: 180px;
	background-image: url(../images/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 15px 12px;
}


/* yet another hack for IE5.5 */
* html #globalnav ul.PrimaryNav ul a, * html #globalnav ul.PrimaryNav ul a:visited 
{
	width:103px;
	w\idth:128px;
}

/* style the top level hover */
/*#globalnav a:hover
{
	background-image: url(../images/navrolloverbg.gif);
	background-repeat: repeat-x;
	color: White;
}*/

/* html #globalnav a:hover
{
	border-bottom: solid 0px #fab529;
}*/

#globalnav ul.PrimaryNav ul li a:hover
{
	background-color: #d6d6d6;
	color: #333 !important;
}

* html #globalnav ul.PrimaryNav ul a:hover
{
}

#globalnav :hover > a
{
}

#globalnav ul.PrimaryNav ul :hover > a 
{
}

/* make the second level visible when hover on first level list OR link */
#globalnav ul.PrimaryNav li:hover ul, #globalnav ul.PrimaryNav a:hover ul
{
	visibility:visible; 
}