.navbar {
	width: 175px;
}

.navbar ul li a {
	display: block;
	width: 175px;
 	color: #606060;
	text-decoration: none;
}

.navbar ul li a span {
	display: block;
	width: 165px; /* + 10px padding = 175px */
	padding: 12px 5px 10px 5px;
}

.navbar ul li a:link,
.navbar ul li a:visited {
	background: url(../images/menu/gradient_top.jpg) no-repeat 0px 0px;
}

.navbar ul li a:link span,
.navbar ul li a:visited span {
	color: #606060;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat 0px 100%;
}

.navbar ul li a:hover,
.navbar ul li a:focus,
.navbar ul li a:active {
	background: url(../images/menu/gradient_top.jpg) no-repeat -370px 0px;
}

.navbar ul li a:hover span,
.navbar ul li a:focus span,
.navbar ul li a:active span {
	color: #FFF;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -370px 100%;
}

.navbar ul li a:link.hot,
.navbar ul li a:visited.hot,
.navbar ul li a:hover.hot,
.navbar ul li a:focus.hot,
.navbar ul li a:active.hot {
	background: url(../images/menu/gradient_top.jpg) no-repeat -370px 0px;
}

.navbar ul li a:link.hot span,
.navbar ul li a:visited.hot span,
.navbar ul li a:hover.hot span,
.navbar ul li a:focus.hot span,
.navbar ul li a:active.hot span {
	color: #FFF;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -370px 100%;
}

.navbar ul li a:link.hotopen,
.navbar ul li a:visited.hotopen,
.navbar ul li a:hover.hotopen,
.navbar ul li a:focus.hotopen,
.navbar ul li a:active.hotopen {
	background: url(../images/menu/gradient_top.jpg) no-repeat -370px 0px;
}

.navbar ul li a:link.hotopen span,
.navbar ul li a:visited.hotopen span,
.navbar ul li a:hover.hotopen span,
.navbar ul li a:focus.hotopen span,
.navbar ul li a:active.hotopen span {
    padding: 12px 5px 5px 5px;
	color: #FFF;
	background-image: none;
}

/* ----------- */

.navbar ul ul li a span {
	display: block;
	width: 165px; /* + 10px padding = 175px */
	padding: 9px 5px 7px 5px;
}

.navbar ul ul li a:link,
.navbar ul ul li a:visited {
	background: url(../images/menu/gradient_top.jpg) no-repeat -185px 0px;
}

.navbar ul ul li a:link span,
.navbar ul ul li a:visited span {
	color: #FFF;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -185px 100%;
}

.navbar ul ul li a:hover,
.navbar ul ul li a:focus,
.navbar ul ul li a:active {
	background: url(../images/menu/gradient_top.jpg) no-repeat -555px 0px;
}

.navbar ul ul li a:hover span,
.navbar ul ul li a:focus span,
.navbar ul ul li a:active span {
	color: #FFF;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -555px 100%;
}

.navbar ul ul li a:link.hot,
.navbar ul ul li a:visited.hot,
.navbar ul ul li a:hover.hot,
.navbar ul ul li a:focus.hot,
.navbar ul ul li a:active.hot {
	background: url(../images/menu/gradient_top.jpg) no-repeat -555px 0%;
}

.navbar ul ul li a:link.hot span,
.navbar ul ul li a:visited.hot span,
.navbar ul ul li a:hover.hot span,
.navbar ul ul li a:focus.hot span,
.navbar ul ul li a:active.hot span {
	color: #FFF;
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -555px 100%;
}

.navbar ul ul li a:link.hotopen,
.navbar ul ul li a:visited.hotopen,
.navbar ul ul li a:hover.hotopen,
.navbar ul ul li a:focus.hotopen,
.navbar ul ul li a:active.hotopen {
	background: url(../images/menu/gradient_top.jpg) no-repeat -555px 0%;
}

.navbar ul ul li a:link.hotopen span,
.navbar ul ul li a:visited.hotopen span,
.navbar ul ul li a:hover.hotopen span,
.navbar ul ul li a:focus.hotopen span,
.navbar ul ul li a:active.hotopen span {
    padding: 9px 5px 6px 5px;
	color: #FFF;
	background-image: none;
}

/* ----------- */

.navbar ul ul ul li a {
	border-bottom: 1px solid #991E2E;
}
.navbar ul ul ul li a.last {
	border-bottom: none;
}

.navbar ul ul ul li a span {
	display: block;
	width: 165px; /* + 10px padding = 175px */
	padding: 4px 5px 4px 5px;
}

.navbar ul ul ul li a:link,
.navbar ul ul ul li a:visited {
	background-image: none;
}

.navbar ul ul ul li a:link span,
.navbar ul ul ul li a:visited span {
	color: #606060;
	background-image: none;
}

.navbar ul ul ul li a:hover,
.navbar ul ul ul li a:focus,
.navbar ul ul ul li a:active {
	background-image: none;
}

.navbar ul ul ul li a:hover span,
.navbar ul ul ul li a:focus span,
.navbar ul ul ul li a:active span {
	color: #000;
	background-image: none;
}

.navbar ul ul ul li a:link.hot,
.navbar ul ul ul li a:visited.hot {
	background-image: none;
	
}

.navbar ul ul ul li a:link.hot span,
.navbar ul ul ul li a:visited.hot span {
	background-image: none;
	font-weight: bold;
	color: #991E2E;
	
}

.navbar ul ul ul li a:hover.hot,
.navbar ul ul ul li a:focus.hot,
.navbar ul ul ul li a:active.hot {
	background-image: none;
}

.navbar ul ul ul li a:focus.hot span,
.navbar ul ul ul li a:active.hot span {
	background-image: none;
	font-weight: bold;
	color: #991E2E;
}

/* ----------- */

.navbar ul ul {
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -370px 100%;
	padding-bottom: 15px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.navbar ul ul ul {
	background: url(../images/menu/gradient_bottom.jpg) no-repeat -555px 100%;
	padding-bottom: 10px;
	margin-bottom: 3px;
}