.bar {
background-color: #F6EAF4;
border: 0px solid #900;
border-top-width: 0px;
border-bottom: 1px solid #EEE;
top:0px;
z-index: 200;
position: absolute;
left:0px;
right: 0px;
width:800px;
height: 35px;
padding-left:0px;
}
.barlinks {

}

ul#nav {
position: absolute;
left: 18px;
top: 0;
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
}

ul#nav li {
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:22px;
display:inline;
}

ul#nav li ul {
position: absolute;
left: 0px;
top: 18px;
margin:-1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:200px;
display: none;
z-index:100;
text-align:left;
}
ul#nav li ul li {
margin:0px 0px -6px 0px;
width: 200px
}
 ul#nav li ul li ul {
display: block;
position: absolute;
left: 170px;
top: -2px;
margin: 0px;
padding: 0px 0px 5px 0px;
width:120px;
z-index:2;
background-color:#C00;
color:#333333;
text-align:left;
}

ul#nav li ul li ul li a {
display:block;
width:200px;
margin:2px 2px 2px 2px;
font-family: Verdana, Tahoma, sans-serif;
text-transform: uppercase;
font-size:10px;
padding:3px 0px 2px 25px;
color:#333333;
text-decoration:none;
background-position:center left;
background-repeat:no-repeat;
text-align:left;
}
ul#nav li ul li ul li a:hover {
	width:200px;
}
ul#nav li ul li a {
	display:block;
margin:-5px 2px 1px 2px;
	padding:6px 2px 5px 2px;
color:#ffffff;
text-decoration:none;
background-color:#C00;
text-align:left;

}
ul#nav li ul li a:hover {
	display:block;
color:#ffffff;
text-decoration:none;
background-color:#0099AD;

text-align:left;
}
ul#nav li a {
	display: block;
	float: left;
	height: 20px;
	color: #000 ;
	margin:1px 0px 0px 0px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: ;
	text-transform: uppercase;
	font-size:9px;
	padding:3px 8px 4px 10px;
	border-left: 1px solid #666;
	text-decoration:none;
	}
ul#nav li a:hover {
	text-decoration:none;
	background: #470013;
color: #FFBC2D;
	}
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
ul#nav li:hover ul#nav2, ul#nav li.over ul#nav2 { display: block; }
* html ul#nav2 li { float: left; height: 1%; }
* html ul#nav2 li a { height: 1%; }
ul#nav li ul#nav2 li:hover ul, ul#nav li ul#nav2 li.over ul { display: block; background: #F00 }


/* category menu */

/* menu styles */

ul#cat {
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	width: 120px;
	z-index: 10000;
font-weight: bold;
    }
ul#cat li {
	position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:auto;
display:block;
border: 1px solid;
border-top-color: #571023;
border-right-color: #874053;
border-bottom-color: #000000;
border-left-color: #000;
width: 120px;

background-color:#470013;
color: #FFBC2D;

}



ul#cat li ul {
	position: absolute;
	left: 128px;
	top: 0;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	width:120px;
	display: none;
	z-index:11000;
text-align:left;

}
ul#cat li ul li {
margin:0px 0px -6px 0;
width: 120px

}
ul#cat ul li ul li ul {
display: block;
	position: absolute;
	left: 60px;
	top: -2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width:179px;
	z-index:2;
background-color:#000;
color:#333333;
text-align:left;
	}

ul#cat li ul li ul li a {
display:block;
width:120px;
margin:2px 2px 2px 2px;
font-family: Verdana, Tahoma, sans-serif;
text-transform: uppercase;
font-size:10px;
padding:3px 0px 2px 25px;
color:#000000;
text-decoration:none;
text-align:left;
}
ul#cat li ul li ul li a:hover {
	width:120px;
background-color:#FFBC2D;
color: #470013;

}
ul#cat li ul li a {

width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding:2px 2px 6px 2px;
color:#FFBC2D;
text-decoration:none;
background-color:#571023;
text-align:left;
display:block;
z-index:200;

}
ul#cat li ul li a:hover {
	display:block;
color:#571023;
text-decoration:none;
background-color:#FFBC2D;

text-align:left;
}
ul#cat li a {
	display:block;
width: 120px;
	margin:0px 0px 0px 0px;
	font-family: Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
	font-size:10px;
	padding:2px 0px 3px 10px;
	line-height: 13px;
	text-decoration:none;

	}

ul#cat li a:hover {
	display:block;
color:#571023;
text-decoration:none;
background-color:#FFBC2D;
}
* html ul#cat li { float: left; height: 1%; }
* html ul#cat li a { height: 1%; }
ul#cat li:hover ul#cat2, li.over ul#cat2 { display: block; }
* html ul#cat2 li { float: left; height: 1%; }
* html ul#cat2 li a { height: 1%; }
ul#cat li ul#cat2 li:hover ul, li ul#cat2 li.over ul { display: block; }
