@charset "utf-8";
/* CSS Document */

.footer, .footer a {

	text-align: center;

	color: white;

}



#menu {

	background-color: #800000;

	color: white;

	font: bold 1em sans-serif;

	vertical-align: top;

	padding-top: 1px;

	width: 190px;

}



#menu[id="menu"]{

	
}



#menu a {

	width: 100%;

	display: block;

}



#menu a.category  {

	border-right: 10px solid #FFB649;

	background-color: #FFD18D;

	color: #800000;	 

	display: block;

	font-size: 14px;

	font-family: Verdana, Helvetica, Sans-Serif;

	padding: 5px 0 7px 0px;

	text-decoration: none;

	margin: 1px 0px;

}



#menu a[class="category"]{

	margin-top: 1px;

	width: 180px;

}



#menu a[class="subcat"]{

	margin-top: 1px;

	width: 180px;

}



#menu a.category:hover {

	  background-color: #FFD671;

	  border-right: 10px solid #F39200;

}



#menu a.subcat  {

	border-right: 10px solid #FFCE84;

	background-color: #ffdead;	 

	color: #800000;

	display: block;

	font-family: Verdana, Helvetica, Sans-Serif;

	font-size: 12px;

	margin: 1px 0px;

	padding: 5px 0;

	text-decoration: none;

}



#menu a.subcat:hover {

	background-color: #FFE196;

	border-right: 10px solid #FFC22F;

}



#menu a span.desc {

	display: none;

}



#menu a.category span.linktext {

	display: block;

	text-indent: 10px;
	
	cursor: pointer;

}



#menu a.subcat span.linktext {

	display: block;

	text-indent: 25px;

}



* html #menu a:hover span.desc {

	display: block;

	text-indent: 0;

	position: absolute;

	top: 550px;

	text-indent: 0;

	width: 190px;

	margin: 0;

}



#menu a:hover span.desc {

	display: block;

	position: fixed;

	top: 550px;

	width: 190px;

	margin-left: 0;

	text-indent: 0;

}