/* 
CSS File by Theresa Song Loong 
For questions (feel free to ask!):kozarudj@msn.com
*/

#menu2 ul{
   z-index:50;
}

#menu2 li{
   z-index:50;
	 list-style-type:none;
}

#menu2 table{
   z-index:70;
}

.menu ul{
   list-style-type:none;
   padding:0;
   margin:0;
   z-index:100;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
   float:left;
   position:relative;
   z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
   position:absolute;
   border-collapse:collapse;
   z-index:140;
   left:20px;
   top:20px;
}

/* style all the links */
.menu a, .menu :visited {
   display:block;
   font-size:10px;
   width:150px;
   padding:7px 0;
   margin:0;
   color:#FFF;
   background:#000;
   font-family:"Palatino Linotype", "Book Antiqua", Palatino, seriff;
   text-transform:uppercase;
   text-decoration:none;
   text-align:center;
   border-left:0;
   border-top:1px solid #FFF;
   border-right:0;
   border-bottom:0;
}

/* style the links hover */
.menu :hover{
   color:red;
   background:black;
}

/* hide the sub level links */
.menu ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
}

/* change box style sublinks */
.menu ul ul a, .menu ul ul a:visited{
   width:120px;
   padding:3px 0;
   color:#FFF;
   background:#000;
}
/* make the sub level visible on hover list or link */
.menu ul :hover ul{
   visibility:visible;
}