#menu a {
	padding:0px 0px;
	text-decoration:none;
	color: #ffffff;
	font-size: 10pt;
	padding-left: 0px;
}
#menu span {
	background:#589abc
	padding:7px 0;
	border:1px solid white;
	border-right: 0px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:194px;
	height:20px;
	display:block;
	color: #ffffff;
	text-indent: 8px;
	padding-top: 5px;
}
#menu span.hover {
	background:#589abc;
	width:100%;
    display:block;
}
#subnav {
	background:#589abc;
	padding:4px 0;
	border:1px solid white;
	font-size: 12pt;
	width:188px;
	display:block;
	color: #ffffff;
	text-align: left;
}
#subnav a {
	color:#589abc;
	margin-right:1em;
	font-size: 12pt;
	text-align: left;
	border: 1px solid #FFFFFF;
}
#subnav span {
	margin-right:1em;
	text-align: left;
	border: 1px solid #FFFFFF;
}


td.menubrown {
	background:#589abc;
	padding:4px 0;
	border:1px solid white;
	border-right: 0px;
	font-size: 12px;
	width:188px;
	display:block;
	color: #FFFFFF;
	text-align: left;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:12px;
	text-align: left;
	font: 12px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	text-align: left;

	
}

.transMenu .items {
	color:#FFFFFF;
	position:relative;
	left:0px;
	top:0px;
	z-index:2;
	background: #589abc;
	border:1px solid white;
	border-right:1px solid white;
	text-align: left;
}


.transMenu .item {
	color:#FFFFFF;
	font-size: 12px;
	text-decoration:none;
	cursor: hand;
	cursor: hand;
	text-align: left;
}

.transMenu .background {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background: #589abc;
	text-align: left;

}

.transMenu .item.hover {
	background: #333333;
	color:#FFFFFF;
}


.transMenu .item img {
	margin-left:0px;
	text-align: left;
}