﻿#MenuTop{z-index:19; width:1000px; height:41px; position:absolute; bottom:0; left:0; background-image:url('/img/bk-MenuTop.png'); background-position:top; background-repeat:repeat-x;}

#myslidemenu{z-index:20; width:900px; height:32px; position:absolute; bottom:5px; left:50px;  background-position:top; background-repeat:repeat-x;}
#myslidemenu img {border:0; float:left; margin:0; padding:0}


.jqueryslidemenu {font-family: Georgia, 'Times New Roman'; letter-spacing:1px; font-style:italic;}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li
{
margin: 0;
padding: 0;
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a
{
font-size:16px;
line-height:32px;
display: block;
padding: 0 10px 0 10px;
border-right:1px solid #666;
font-weight:400;
color:#000;
background-position:top;
background-repeat:repeat-x;
text-decoration: none;
}

.jqueryslidemenu ul li b
{
font-size:16px;
text-transform:uppercase;
line-height:32px;
display: block;
padding: 0 12px;
font-weight:600;
color:#fff;
background-color:#c00;
text-decoration: none;
font-weight:bolder;
}


* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}
.jqueryslidemenu ul li a:hover{
color: #fff;
background-color:#000;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
border-top:1px solid #666;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;

}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
white-space:nowrap;
font-size:16px;
line-height:32px;
height:36px;
display:block;
border-left:1px solid #666;
border-bottom:1px solid #666;
background-color: #fff;
padding:0 10px 0 10px;
margin:0;
color: #000;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color: #fff;
background-color: #000;
}

.jqueryslidemenu ul li ul { 
padding:0;
margin:0;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}