.menu {float:left;position:relative; z-index:100; padding-right:12px;font-size:11pt;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	padding:0px 2px 0px 2px
}
/* hack to correct IE5.5 faulty box model */
* html .menu {}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:95px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#ffffff; height:27px; border-right:2px solid #ffffff; padding:0px 13px 0px 14px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto;float:left}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:95px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;top:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#2577CC;text-align:left; height:auto; line-height:1em; padding:5px 8px; width:85px;font-size:10pt}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:95px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:url(../images/toplinkbg.jpg);}
.menu :hover > a, .menu ul ul :hover > a {color:#F1F1F2; background:url(../images/toplinkbg.jpg);}

/* 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; }