/* remove all the bullets, borders and padding from the default list styling */
div.NavBar
{
	height: 43px;
}

div.NavBar div.LeftCurve
{
	background-image: url(../images/primarynav_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
}

div.NavBar div.RightCurve
{
	background-image: url(../images/primarynav_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 40px;
	float: right;
	width: 20px;
}

div.NavBar ul.PrimaryNav
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 40px;
	margin-left: 9px;
	margin-right: 9px;
	background-image: url(../images/primarynav_bg.png);
	background-repeat: repeat-x;
}

div.NavBar ul.PrimaryNav ul 
{
	width:143px;
	margin-left: 0;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div.NavBar li
{
	float:left;
	width:115px;
	position:relative;
}

* html div.NavBar li
{
	width: 100px;
}

div.NavBar li a:hover, div.NavBar li.active a
{
	background-image: url(../images/primarynav_bg_active.gif);
	color: #8c3784;
}

div.NavBar li.active ul a
{
	background-image: none;
}

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

/* a hack so that IE5.5 faulty box model is corrected */
* html div.NavBar a, * html div.NavBar 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 */
div.NavBar ul.PrimaryNav ul 
{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:40px;
	left:0;
	width:180px;
	background:#fff6f6; 
	padding: 0;
	list-style-type: none;
}

/* another hack for IE5.5 */
* html div.NavBar 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 */
div.NavBar table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
div.NavBar ul.PrimaryNav ul a, div.NavBar ul.PrimaryNav ul a:visited 
{
	color:#8c3784; 
	height:auto; 
	line-height:1em; 
	padding:10px; 
	padding-left: 20px;
	border-width:0 1px 1px 1px;
	font-size: 10px;
	text-align: left;
	width: 140px;
}


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

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

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

div.NavBar ul.PrimaryNav ul a:hover
{
	background-color: #fff8f8;
	color: #8c3784;
	background-image: url(../images/secondarynav_hover.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

* html div.NavBar ul.PrimaryNav ul a:hover
{
	color: #8c3784;
	background-image: url(../images/secondarynav_hover.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

div.NavBar :hover > a
{
	background-image: url(../images/navrolloverbg.gif);
	background-repeat: repeat-x;
	color: White;
}

div.NavBar ul.PrimaryNav ul :hover > a 
{
	color: #8c3784;
}

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