/* CSS Document */

 

#menu {

            position: relative;

            height: 28px;

            width: 755px;

            clear:both;

            z-index:100;

            background-color: #96b259;

}

 

#rollover, #rollover ul {

            padding: 0;

            margin: 0;

            list-style: none;

            font-family:Arial, Helvetica, sans-serif !important;

            font-size:12px;

            background-color: #96b259;

            color: #FFFFFF;

            font-weight:900;

            margin-left: 36px;

 

}

 

#rollover a {

            display: block;

                        color:#ffffff;

                        text-decoration:none;

 

}

 

#rollover li {

background-color: #96b259;

padding-left:1px;

padding-right:1px;

float: left;

height:28px;

letter-spacing:1;

}

#rollover li a {

margin-top:6px;

}

 

#rollover li a:hover {

            color: #fdde98;

            text-decoration:none;

}

 

#rollover li ul {

position: absolute;

left: -999em;

padding-top:8px;

margin-left:-5px;

background: transparent;

 

}

 

#rollover li ul li {

width:160px;

height:23px;

padding:0;

margin:1;

background-color: #96b259;

}

 

#rollover li ul li a {

margin-left:4px;

}

#rollover li ul li {

 

clear:both;

}

 

#rollover li ul li a:hover {

color:#fdde98;

text-decoration:none;

}

 

 

#rollover li:hover ul, #rollover li.sfhover ul {

            left: auto;

            

            

}

 

 

#rollover li ul ul {

            margin: -1em 0 0 16em;

}

 

 

.textli {

width:100px;

}

.rooms {

width: 101px;

}

.rooms-menu {

width: 50px;

}

.healthclub {

width: 76px;

}

.spa {

width: 26px;

}

.specials {

width: 82px;

}

.meetings {

width: 125px;

}

.zephrus {

width: 140px;

}

.directions {

width: 83px;

}

.button {

width:10px;

background: url(../images/star.gif) no-repeat;

background-position: 100% 40%;

margin-right:9px;

margin-left:5px;

}

#rollover .button:hover {

background: url(../images/star.gif) no-repeat;

background-position: 100% 40%;

 

}