#navigation {
    width: 300px;
    font-size: 10px;
	font-family: Verdana;
	}
#navigation ul {
	margin: 0px;
	padding: 0px;
	}
ul.top-level { background: #6F0392; }

#navigation li { list-style: none; }
ul.top-level li {
	border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 1px;
	}

#navigation li.parent {
	background:url(../images/miearrow.png) no-repeat center right; 
	}
#navigation li.parent:hover {
	background:url(../images/miearrow_down.png) no-repeat center right; 
	} 
#navigation a {
	color: #fff;
	cursor: pointer;
	display:block;
	height:16px;
	line-height: 16px;
	text-indent: 15px;
	text-transform:uppercase;
	font-weight:bold;					
	text-decoration:none;
	width:100%;
	background:url(../images/menuarrow.gif) no-repeat center left;
	}
#navigation a:hover{ 
	text-decoration:underline;
	text-indent: 25px;
	background:url(../images/menuarrowhover.gif) no-repeat center left;
	}
#navigation li:hover {
	background: #D200D2;
	position: relative;				
	}
ul.sub-level { display: none;}
li:hover .sub-level {
	background: #999;
	border: #fff solid;
	border-width: 1px;
	display: block;
	position: absolute;
	left: 300px;
	top: 0px;
	
	}
ul.sub-level li {
	border: none;
	float:left;
	width:300px; 
	}
#navigation .sub-level { background: #B062FF; }
#navigation .sub-level .sub-level { background: #09C; }
			
/*IE RESET HELPER*/
li:hover .sub-level .sub-level { display:none; }
.sub-level li:hover .sub-level { display:block; }











