ul.menu {list-style:none; margin:0; padding-left:0px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; padding-left:10px;}
/*top menu back ground*/
ul.menu .menulink {border-right:1px solid #fff; height:30px; font-weight:bold; background-color:#00B7F1; background-image: url(img/nav-arrow-right-down.png); background-position: 100% 70%; background-repeat: no-repeat;}
ul.menu .menulink li {border-left:1px solid #fff; font-weight:bold; background-color:#00B7F1; width:110px;}
ul.menu a.menulink {padding:5px 27px 7px 10px;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color:#8C54A2; background-image: url(img/nav-arrow-right-up-purple.png); background-position: 100% 70%; background-repeat: no-repeat;}
/* top menu text*/
ul.menu li {position:relative; list-style:none; float:left; margin-right:0px; width:196px; font:14px Arial; font-weight:bold;}
ul.menu li a {padding-left:10px;}
/* sub menu back ground*/
ul.menu ul {position:absolute; top:42px; left:0; background:#fff; display:none; opacity:0; list-style:none; width:196px;}
ul.menu ul li {position:relative; border-top:none; width:193px; margin:0; font:11px Arial; font-weight:bold; border-bottom:1px solid #ededed; border-left:1px solid #fff; border-right:1px solid #fff;}
ul.menu ul li a {display:block; padding:8px 25px 8px 5px; color:#000; background-color:#fff; padding-left:10px;}
ul.menu ul li a:hover {background-color:#e6d9ea}
/* 3rd level flyout menu positioning*/
ul.menu ul ul {left:195px; top:0px}
/* sub menu back ground image*/
ul.menu .sub {background:#fff url(img/arrow2.gif) 175px 9px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}