/*
CSS Menu Style Sheet for J. Butler's
*/

#for-starters {
      margin:0; padding:0;
      position:relative;
      width:240px; height:80px;
      overflow:hidden;
}
#for-starters span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:240px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/for-starters.gif") top left no-repeat;
}

#soup-du-jour {
      margin:0; padding:0;
      position:relative;
      width:240px; height:80px;
      overflow:hidden;
}
#soup-du-jour span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:240px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/soupdujour.gif") top left no-repeat;
}

#gardengreens {
      margin:0; padding:0;
      position:relative;
      width:240px; height:80px;
      overflow:hidden;
}
#gardengreens span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:240px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/gardengreens.gif") top left no-repeat;
}

#entreespecials {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#entreespecials span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/entreespecials.gif") top left no-repeat;
}

#heartyburgers {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#heartyburgers span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/heartyburgers.gif") top left no-repeat;
}

#sides {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#sides span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/sides.gif") top left no-repeat;
}

#subs {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#subs span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/subs.gif") top left no-repeat;
}

#wraps {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#wraps span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/wraps.gif") top left no-repeat;
}

#specialtysandwiches {
      margin:0; padding:0;
      position:relative;
      width:360px; height:80px;
      overflow:hidden;
}
#specialtysandwiches span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:360px; height:80px;
      margin:0; padding:0;
      background:url("../images/menu/specialtysandwiches.gif") top left no-repeat;
}

.menu
{
    position: relative;
    padding: 0em 1.0em 0em 1.0em;
    margin-bottom: 2px;
}

.menu2
{
    left: 245px; 
    width:auto; 
    top:-91px;
    position: relative; 
    height:auto; 
}

.menu ul, .menu2 ul
{
    position: relative;
    top: 0.15em;
}

.menu ul li, .menu2 ul li
{
    position: relative;
    display: block;
}

.menu ul li a, .menu2 ul li a
{
    color: #8A0905;
    text-decoration: none;
}

.menu ul li a:hover, .menu2 ul li a:hover
{
    font-weight:bold ;
}   

.menucontent
{
    text-align:left;
    font-size:14pt;
    font-weight:bold;
}

.menucontent span
{
    font-family:Comic Sans MS, Serif;
    padding-top:3px;
    font-weight:normal;
    font-size:11pt;
}