@font-face {
 font-family: "Segoe Condensed";
 src: url("images/fonts/segoe.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Segoe Condensed";
 src: url("images/fonts/segoe.ttf") /* TTF file for CSS3 browsers */
}

body {margin:0px; font:11px Verdana,Arial;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px;}
ul.menu ul {position:absolute; top:38px; left:0; background:#000000; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; font:11px Verdana,Arial; border-top:none; width:140px; margin:0;text-align:left;}
ul.menu ul li a {display:block; padding:7px 7px 7px 15px; background-color:#232327;color: #FFFFFF;background:url(images/cross.gif); background-repeat:no-repeat; background-position:4px 9px;}
ul.menu ul li a:hover {background-color:#ba61b0;text-decoration: none;
	color: #FFFFFF}
ul.menu ul ul {left:140px; top:-1px}
ul.menu .menulink {border:0px solid #aaa; padding:0px 0px 0px; padding-top:4px; font:16px "Segoe Condensed"; font-weight:normal; background:url(images/downarrow.gif); background-repeat:no-repeat; background-position:right; width:100px; height:24px; color:#FFFFFF; margin-left:10px;}
ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(images/downarrow1.gif); background-repeat:no-repeat; background-position:right;
	text-decoration: none;margin-left:10px;
	color: #bc2399;
}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 160px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}