.menu {position:relative;z-index:1000;font-weight:bold;/*margin:8px 0 0 0;font-size:90%;height:235px;margin:25px 0 0 15px;  this page only */}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;text-align:right;list-style-type:none;/*width:150px;*/position:relative;}
.menu li {padding:4px 0 0 0; background:url('../img/filetemenu.png') top right no-repeat; }
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0; }

/* style the links */
.menu a, .menu a:visited {display:block; text-decoration:none;/*width:137px;*/ padding-right:15px;height:26px;line-height:21px;color:#0e1367;}
/* style the link hover */
* html .menu a:hover {color: #fff; background:url('../img/filetemenu.png') no-repeat; background-position: bottom right;}
.menu :hover > a {color: #fff; background:url('../img/filetemenu.png') no-repeat; background-position: bottom right;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position: absolute;top:-31px;left:153px;background:#d6e0e6;width:225px; background-image:none;border:2px solid #F00;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;background:#dde; background-image:none; border-bottom:2px solid #F00}
.menu ul.top {top:21px; background-image:none;}

.menu ul li ul  li{display:block;padding:3px;width:219px; text-indent:6px; text-align:left; background-image:none;font-size:14px;background:#dceaf2;}

* html .menu ul ul a:hover {color:#0e1367; background-image:none;width:200px;background:#aed0ec; }
.menu ul ul  :hover > a {color:#0e1367; background-image:none;width:200px;background:#aed0ec;}

<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->
.clear-left {clear:left}