.mtDropdownMenu {
	LEFT: -1000px; 
	OVERFLOW: hidden; 
	POSITION: absolute; 
	TOP: -1000px;
	}

.mtDropdownMenu .content {
	POSITION: absolute;
}

.mtDropdownMenu .items {	
	Z-INDEX: 2; 
	LEFT: 0px;
	font-family:Arial;
	POSITION: relative; 
	TOP: 2px;
}
.top .items {
    BORDER-TOP: medium none
}
.mtDropdownMenu .item {
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;  
	BORDER-LEFT: medium none; 
	CURSOR:pointer;
	COLOR:#FFFFFF;
	font-weight:normal; 
	BORDER-BOTTOM: medium none; 
	font-family: Arial;
	font-size:11px;
	
	TEXT-DECORATION: none;
}
.mtDropdownMenu .background {
	Z-INDEX: 1;
	FILTER: alpha(opacity=100);
	LEFT: 0px;
	POSITION: absolute;
	TOP: 0px; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
	Z-INDEX: 3; 
	FILTER: alpha(opacity=40); 
	WIDTH: 0px; 
	POSITION: absolute; 
	TOP: 3px; 
	moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
	Z-INDEX: 1; 
	FILTER: alpha(opacity=40); 
	LEFT: 3px; 
	POSITION: absolute; 
	HEIGHT: 2px; moz-opacity: .4
}
.mtDropdownMenu .hover {
	
	COLOR: #6AB0FF;
}
.mtDropdownMenu .item IMG {
	MARGIN-LEFT: 0px
}
#cssdropdown, #cssdropdown ul {
			padding: 0;
			margin: 0;
			list-style:none;
			font-family:Arial;
			background-color: #FF9900;
			color:#FFFFFF;
			}
			#cssdropdown li {
			float: left;
			font-family:Arial;
			position: relative;
			color:#FFFFFF;
			}
			
			#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
			top: auto;
			left: auto;
			
			}
			#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
			display:block;
			}
			#restofcontent { /*wrap rest of content of the page inside this div*/
			clear: left;
			}