.transMenu {
	LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.transMenu .content {	POSITION: absolute}
.transMenu .items {	BORDER-RIGHT: 1px solid #333333; BORDER-TOP: 1px solid #333333; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: 1px solid #333333; BORDER-BOTTOM: 1px solid #333333; POSITION: relative; TOP: 0px}
.top .items {	BORDER-TOP-STYLE: none}
.transMenu .item {	FONT-SIZE: 10px; CURSOR: hand; COLOR: white; BORDER-TOP-STYLE: none; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none;  border-bottom-color : White;  border-bottom-width : 1px;  border-bottom-style : dashed;    }
.transMenu .background {	Z-INDEX: 1; FILTER: alpha(opacity=60); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .9}
.transMenu .shadowRight {	Z-INDEX: 3; FILTER: alpha(opacity=30); WIDTH: 4px; POSITION: absolute; TOP: 3px; moz-opacity: .4}
.transMenu .shadowBottom {	Z-INDEX: 1; FILTER: alpha(opacity=30); LEFT: 4px; POSITION: absolute; HEIGHT: 3px; moz-opacity: .4}
.transMenu .hover {	BACKGROUND: #F5F5F5; COLOR: #333333;}
.transMenu .item IMG {	MARGIN-LEFT: 10px}


/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}
#wrap {
	width:639px;
	background-image: url(../../images/bg_main_menu.jpg);
	height: 12px;
	padding: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: -2px;
	z-index:1000;
	top:-95px;
    }
#menu {
	padding:0px;
	text-align: center;
	height: 12px;
	margin: 0px;
    }
#menu a {
    text-decoration:none;
    color: #000000;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    }
#menu a.hover {
    background: #E6E6E6;
    color : #3C474E;
    }
#menu span {
    display:none;
    }