#menuBar    			/* Position of the entire bar */
{
	position:absolute;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
		
}

div.menuTrigger
{
	position:absolute;
	background:url(../images/linkmenu-n.jpg) no-repeat;
	width:175px; /* This was 99. In the HTML, the last menu is still set to 99. */
	vertical-align:baseline;
	line-height:38px;
	/*z-index:120;*/
}

div.menuTrigger
{
	background-color:transparent;
}

#menu1Trigger
{
	left:0px;
}

#menu2Trigger
{
	left:175px;
}

#menu3Trigger
{
	left:350px;
}

#menu4Trigger
{
	left:525px;
	border-right:none;
}


#menu1Container
{
	visibility:hidden;
	display: block;
	left:0px;
	top:38px;    /* !!! was -75 */
	overflow:hidden;
	z-index:2000;
	background:transparent;
}

#menu1Container, #menu1Content
{
	position:absolute;
	width:196px; /* Invisible div behind slideout. Should be 4px wider than current div#menuXContent */
	height:46px; /* invisible div behind slideout. Adjust this (and similar ones 
					below) when adding/removing nav items.  */
}

#menu2Container
{
	visibility:hidden;
	display:block;
	left:175px; /* !!! was 103px */
	top:38px; /* !!! was -100px */
	overflow:hidden;
	z-index:2000;
}

#menu2Container, #menu2Content
{
	position:absolute;
	width:196px;
	height:168px;
}

#menu3Container
{
	visibility:hidden;
	display:block;
	left:368px;
	top:38px;
	overflow:hidden;
	z-index:2000;
	background:transparent;
}

#menu3Container, #menu3Content
{
	position:absolute;
	width:196px;
	height:92px;
}

#menu4Container
{
	visibility:hidden;
	display:block;
	left:552px; /* Make sure the last menu isn't positioned off the right side of the page. */
	top:38px;
	overflow:hidden;
	z-index:2000;
	background:transparent;
}

#menu4Container, #menu4Content
{
	position:absolute;
	width:105px;
	height:69px;
}

div.menuInner
{
	margin:0;
	padding:0;
	border-left:1px solid #e7e4e4;
	border-right:1px solid #e7e4e4;
	width:175px;
}

.menuOuter
{
	display:none;
}

div#menu1Content
{
	width:190px;
}

div#menu2Content
{
	width:175px;
}

div#menu3Content
{
	width:190px;
}

div#menu4Content
{
	width:103px; /* this would normally be (104-4=100), but it's lower because we have to
	                 do some tricky alignment with the right white border. */
}


.menuInner ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.menuInner li
{
	border-bottom:1px solid #e7e4e4;
	margin:0;
}

.menuInner li a
{
	display:block;
	font-weight:normal;
	margin:0;
	padding-left:4px;
	line-height:27px;
	height:27px;
	width:100%;
	background:#000;
}

div.menuTrigger a:link, div.menuTrigger a:visited, div.menuTrigger a:active
{
	color:#31266a;
	text-decoration:none;
	font-weight:bold;
}

div.menuTrigger a:hover {
	background:url(../images/linkmenu-h.jpg) no-repeat left;
	display:block;
	width:198px;
	height:38px;
	padding:0px;
	margin:0px;
}
html>body .menuInner li a
{
	width:auto;
}

.menuInner li a:link, .menuInner li a:visited
{
	color:#31266a;
	text-decoration:none;
	
}
	
.menuInner li a:hover
{
	color:#31266a;
	text-decoration:none;

}

/* !!! colors for slideout */
#menu1Content li a:link, #menu1Content li a:visited, #menu1Content li a:hover
{
	background:#6b8f47;
}
#menu1Content li a:hover
{
	background:#444;
}

#menu2Content li a:link, #menu2Content li a:visited
{
	background:#fff;
}
#menu2Content li a:hover
{
	background:url(../images/arrow.gif) bottom right no-repeat #ffffff;
}

#menu3Content li a:link, #menu3Content li a:visited
{
	background:#8f6bb3;
}
#menu3Content li a:hover
{
	background:#444;
}

#menu4Content li a:link, #menu4Content li a:visited
{
	background:#a3835e;
}
#menu4Content li a:hover
{
	background:#444;
}
.noWrap {
white-space:nowrap;
}