.menu 
{
 position: relative;
 z-index: 1000;
 font-size: 90%;
 height: 200px;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 15px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
 padding: 0;
 margin: 0;
 margin-bottom: 8px;
 list-style-type: none;
 background-color: transparent;
}

.menu li 
{
 background-color: transparent;
 height: 22px;
 padding-bottom: 8px;
}

* html .menu li 
{
 margin-left: -16px;
 margin-left: 0;
}

/* get rid of the table */
.menu table 
{
 position: absolute;
 border-collapse: collapse;
 top: 0;
 left: 0;
 z-index: 100;
 font-size: 12px;
 width: 0;
 height: 0;
}

/* style the links */
.menu a, .menu a:visited 
{
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 150px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 border-bottom: 1px solid #dadada;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 background: url(media/arrowbullet.png) no-repeat center left; 
}

.top1 li{
 padding-bottom: 3px;
}
.top1 a, .top1 a:visited 
{
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 200px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 background: #fff;
 border-bottom: none;
 background: url(media/menu.png) no-repeat;
}


.top2 a, .top2 a:visited 
{
background: url(media/menu.png) no-repeat;
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 200px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 border-bottom: none;
}

.top2 li{
 padding-bottom: 3px;
}

.top3 a, .top3 a:visited 
{
 background: url(media/menu.png) no-repeat;
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width:200px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 border-bottom: none;
}

.top3 li{
 padding-bottom: 3px;
}

.top4 a, .top4 a:visited 
{
 background: url(media/menu.png) no-repeat;
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 260px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 border-bottom: none;
}

.top4 li{
 padding-bottom: 3px;
}

.top5 a, .top5 a:visited 
{
 background: url(media/menu.png) no-repeat;
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 200px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 90%;
 border-bottom: none;
}

.top5 li{
 padding-bottom: 3px;
}

.top6 a, .top6 a:visited 
{
 background: url(media/menu22.png) no-repeat;
 display: block;
 text-decoration: none;
 height: 25px;
 line-height: 25px;
 width: 260px;
 color: #A70303;
 padding: 2px 0;
 padding-left: 19px;
 text-indent: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 80%;
 border-bottom: none;
}

.top6 li{
 padding-bottom: 3px;
}

/* style the link hover */
* html .menu a:hover 
{
 color: #A70303;
 background-color: #999;
}

.menu :hover > a 
{
 color: #A70303;
 background-color: #999;
}

/* 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: -1px;
 left: 150px;
}

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

.menu ul.top1 { top: 0px; }
.menu ul.top2 { top: 28px; }
.menu ul.top3 { top: 56px; }
.menu ul.top4 { top: 30px; }
.menu ul.top5 { top: 150px; }
.menu ul.top6 { top: -30px; }