/* BEGIN: CSS Menu ================== */

#nav{
	float:none;
	width:100%;
	margin:1px 0 0;
	height:24px;
	background:#333
}

#nav2{
	background-image:url(./images/nav2.gif);
	height:24px !important
}

#nav a{
	border-top:0;
	border-right:1px solid #fff
}

#nav ul a{
	border:0;
	width:140px
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#nav ul{
	visibility:hidden;
	position:absolute;
	top:2.3em; /* I'm using ems rather than px to allow people to zoom their font */
	left:0;
	width:150px;
	margin:0;
	padding:6px 0;
	background: #911a0f url(./images/BRcorner.gif) bottom right no-repeat
	/* background:#dde7c8 url(./images/BRcorner.gif) bottom right no-repeat*/
}

/* Second and third etc. level submenus - position across from parent instead */
#nav ul ul{
	top:-1px;
	left:150px
}

/*
All menu items (<li> tags). 'float:left' lines them up horizontally, and they are
positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
#nav li{
	float:left;
	position:relative;
	margin-right:-1px
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#nav ul li{
	float:none;
	margin-right:0;
	margin-bottom:-1px
}

#nav ul>li:last-child{
	margin-bottom:1px
}

/* Links inside the menu */
#nav a, #nav a:visited{
	display:block;
	text-decoration:none
}

/* Lit  items:'hover' is mouseover, 'highlighted' are parent items to visible menus */
#nav a:hover, #nav a.highlighted:hover, #nav a:focus{

}
#nav  a.highlighted{
	background-position:bottom left
}

/* Only style submenu indicators within submenus. */
#nav a .subind{
	display: none
}
#nav ul a .subind{
	display: block;
	float:right
}
/* END: CSS Menu ================== */