/* CSS Document */
/* set width of menu */
#menu ul {list-style: none; margin: 0; padding: 0; width: 125px; float: left;}
#menu h2 {
	padding-left: 10px; 
	display: block; 
	font: bold 12px/20px tahoma; 
	font-variant: small-caps; 
	margin: 0; 
}
#menu a{
	padding-left: 16px;
	padding-right: 8px;
	font: bold 10px/16px tahoma;
	display: block;
	margin-left: 4px;
	width: 130px;
	border-bottom: 1px solid #DA748D;
	color: #FDFFD2;
	background: #DA748D;
	text-decoration: none;
	opacity: .85;
	filter: alpha(opacity=85);
}
#menu h2 {color: #FDFFD2;	background: #DA748D;}
#menu a:hover {
	color: #FDFFD2; 
	border-bottom: 1px solid #FDFFD2;
	background-image: url(../images/menudiamond.gif); 
	background-repeat: no-repeat;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
}
#menu li {position: relative;}
#menu ul ul {position: absolute; z-index: 500;}
#menu ul ul ul {top: 0; left: 100%;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.tdmenu{width: 125px;}