.dropdown {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	text-transform: uppercase;
	position:relative; 
	z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.dropdown ul {
	padding:0;
	margin:0;
	list-style:none;
}

.dropdown .outer {
	float: right;
	width: 935px;
	padding: 0px 0px 0px 0px;		
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropdown li {
	padding: 0px 0px 0px 5px;
	margin: 0px 2px 0px 0px;
	float:left;
	position:relative;
	list-style:none;
}
/*.dropdown li a.dir {padding-left:5px; }
/* style the links for the top level */
.dropdown a, .dropdown a:visited {
	padding: 0px 5px;
	margin: 0px 10px 0px 0px;
	line-height: 2.2em;
	display:block;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration:none; 
}
/* hide the sub levels and give them a position absolute so that they take up no room */
.dropdown ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
/*	top:26px; */
	top:30px; 
	left:0px; 
	border-top:0px solid;
	padding: 2px 0px 0px 0px;	
}
/* another hack for IE5.5 */
* html .dropdown ul ul {top:26px;t\op:27px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.dropdown table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; margin:0; border:0;}
.dropdown table tr, .dropdown table th, .dropdown table td, .dropdown table li {padding:0; margin:0; border:0;}
/* style the second level links */
.dropdown ul ul a, .dropdown ul ul a:visited {
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:100px;
}
/* yet another hack for IE5.5 */
* html .dropdown ul ul a, * html .dropdown ul ul a:visited {width:140px;w\idth:110px;}
/* make the second level visible when hover on first level list OR link */
.dropdown ul li:hover ul,
.dropdown ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.dropdown ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.dropdown ul :hover ul :hover ul{ visibility:visible;}

.dropdown ul li {
	background-image: url(../images/lightbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;	
}

.dropdown ul li:hover {
	background-image: url(../images/medbg.gif);
}

.dropdown ul ul li {
	padding: 0px 0px 1px 0px;
}