/* PSEUDO DROP DOWN SELECTION BOX */

ul#dropdown,
ul#dropdown li{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	}

ul#dropdown{
	width:130px;
	margin:0;
	padding:0 !important;
	border: 1px solid #666;
	border-width:1px 0 1px 0;
	}
	
ul#dropdown li {
	width:130px;
	border: 1px solid #666;
	border-width:0 1px 0 1px;
	}
		
ul#dropdown a,
ul#dropdown a:link,
ul#dropdown a:hover,
ul#dropdown a:active,
ul#dropdown a:visited{
	width:120px;
	text-decoration:none;
	cursor:pointer;
	margin:0;
	padding:0 5px;
	color:#333;
	line-height:24px;
	display:block;
	background:url('../images/next-arrow.gif') 120px center no-repeat;
}
	
	ul#dropdown li ul {
		width:130px;
		position:absolute;
		margin:0 0 0 -1px;
		padding:0;
		display:none;
		z-index:999;
		border: 1px solid #666;
		border-width: 1px 0 1px 0;
		background:#FFF;
		}
				
	ul#dropdown li ul li a,
	ul#dropdown li ul li a:link,
	ul#dropdown li ul li a:hover,
	ul#dropdown li ul li a:active,
	ul#dropdown li ul li a:visited{
		background:transparent;
	}

	ul#dropdown li ul li a:hover{
		background:#CCC;
	}
			
	/* this is the trick to display the nested ul */
	/* must be coupled with .js below to correct IE DOM */
	ul#dropdown li:hover ul, 
	ul#dropdown li.over ul { 
		display: block;
		}