/* Navigation List Required */

#navigation{
width: 980px;
height: 40px;
padding-top: 41px;
padding-bottom: 59px;
margin-left: auto;
margin-right: auto;
clear: both;
position: relative;
}


.nav, .nav ul {
float: left;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #000;
z-index: 1000;
}

.nav a {
display: block;
color: #fff;
text-decoration: none;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.nav li {
float: left;
position: relative;
}

.nav li ul li{
padding-left: 10px;
}

.nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 87px;
font-weight: normal;
margin: 0;
}

.nav li li {
width: 77px;
}

.nav li ul a {
width: 77px;
}

.nav li ul ul {
margin: -25px 0 0 150px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
left: auto;
}

.nav li:hover, .nav li.sfhover {
background-image:url(../img/drop-down-selected-o.gif);
background-position: right;
background-repeat: no-repeat;
background-color: #468966;
}

/* End Navigation List Required*/


/* All Menu System Items Here */

#menu-home, #menu-home a{
background-image: url(../imgs/btns/header-btn-home.png);
width: 172px;
height: 99px;
display: block;
}

#menu-home a:hover, #menu-home.sfhover{
background-image: url(../imgs/btns/header-ro-home.png);
width: 172px;
height: 99px;
display: block;
}

#menu-home a:active{
background-image: url(../imgs/btns/header-btn-home.png);
width: 172px;
height: 99px;
display: block;
}

#menu-location, #menu-location a{
background-image: url(../imgs/btns/btn-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-location a:hover, #menu-location.sfhover{
background-image: url(../imgs/btns/ro-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-location a:active{
background-image: url(../imgs/btns/btn-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-accommodations, #menu-accommodations a{
background-image: url(../imgs/btns/btn-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-accommodations a:hover, #menu-accommodations.sfhover{
background-image: url(../imgs/btns/ro-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-accommodations a:active{
background-image: url(../imgs/btns/btn-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-availability-calendar, #menu-availability-calendar a{
background-image: url(../imgs/btns/btn-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-availability-calendar a:hover, #menu-availability-calendar.sfhover{
background-image: url(../imgs/btns/ro-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-availability-calendar a:active{
background-image: url(../imgs/btns/btn-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-photo-gallery, #menu-photo-gallery a{
background-image: url(../imgs/btns/btn-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-photo-gallery a:hover, #menu-photo-gallery.sfhover{
background-image: url(../imgs/btns/ro-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-photo-gallery a:active{
background-image: url(../imgs/btns/btn-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-wedding, #menu-wedding a{
background-image: url(../imgs/btns/btn-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-wedding a:hover, #menu-wedding.sfhover{
background-image: url(../imgs/btns/ro-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-wedding a:active{
background-image: url(../imgs/btns/btn-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-things-to-do, #menu-things-to-do a{
background-image: url(../imgs/btns/btn-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-things-to-do a:hover, #menu-things-to-do.sfhover{
background-image: url(../imgs/btns/ro-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-things-to-do a:active{
background-image: url(../imgs/btns/btn-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-testimonials, #menu-testimonials a{
background-image: url(../imgs/btns/btn-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-testimonials a:hover, #menu-testimonials.sfhover{
background-image: url(../imgs/btns/ro-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-testimonials a:active{
background-image: url(../imgs/btns/btn-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-contact, #menu-contact a{
background-image: url(../imgs/btns/btn-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}

#menu-contact a:hover, #menu-contact.sfhover{
background-image: url(../imgs/btns/ro-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}

#menu-contact a:active{
background-image: url(../imgs/btns/btn-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}





.navigation2{
padding-top: 59px;
}

#nav2, #nav2 ul {
float: left;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #000;
z-index: 1000;
}

#nav2 a {
display: block;
color: #FFF;
text-decoration: none;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#nav2 li {
float: left;
position: relative;
}

#nav2 li ul li{
padding-left: 10px;
}

#nav2 li ul {
position: absolute;
left: -999em;
height: 50px;
width: 140px;
font-weight: normal;
margin: 0;
}

#nav2 li li {
width: 130px;
}

#nav2 li ul a {
width: 130px;
}

#nav2 li ul ul {
margin: -25px 0 0 150px;
}

#nav2 li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav2 li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav2 li:hover, #nav li.sfhover {
background-image:url(../img/drop-down-selected-o.gif);
background-position: right;
background-repeat: no-repeat;
background-color: #468966;
}












#navigation3{
width: 980px;
height: 40px;
padding-top: 41px;
padding-bottom: 59px;
margin-left: auto;
margin-right: auto;
clear: both;
position: relative;
}


.nav3, .nav3 ul {
float: left;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #000;
z-index: 1000;
}

.nav3 a {
display: block;
color: #fff;
text-decoration: none;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.nav3 li {
float: left;
position: relative;
}

.nav3 li ul li{
padding-left: 10px;
}

.nav3 li ul {
position: absolute;
left: -999em;
height: auto;
width: 87px;
font-weight: normal;
margin: 0;
}

.nav3 li li {
width: 77px;
}

.nav3 li ul a {
width: 77px;
}

.nav3 li ul ul {
margin: -25px 0 0 150px;
}

.nav3 li:hover ul ul, .nav3 li:hover ul ul ul, .nav3 li.sfhover ul ul, .nav3 li.sfhover ul ul ul {
left: -999em;
}

.nav3 li:hover ul, .nav3 li li:hover ul, .nav3 li li li:hover ul, .nav3 li.sfhover ul, .nav3 li li.sfhover ul, .nav3 li li li.sfhover ul {
left: auto;
}

.nav3 li:hover, .nav3 li.sfhover {
background-image:url(../img/drop-down-selected-o.gif);
background-position: right;
background-repeat: no-repeat;
background-color: #333;
}


#menu-home1, #menu-home1 a{
background-image: url(../imgs/btns/header-ro-home.png);
width: 172px;
height: 99px;
display: block;
}

#menu-home1 a:hover, #menu-home1.sfhover{
background-image: url(../imgs/btns/header-btn-home.png);
width: 172px;
height: 99px;
display: block;
}

#menu-home1 a:active{
background-image: url(../imgs/btns/header-ro-home.png);
width: 172px;
height: 99px;
display: block;
}



#menu-location1, #menu-location1 a{
background-image: url(../imgs/btns/ro-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-location1 a:hover, #menu-location1.sfhover{
background-image: url(../imgs/btns/btn-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-location1 a:active{
background-image: url(../imgs/btns/ro-location.jpg);
width: 77px;
height: 40px;
display: block;
}

#menu-accommodations1, #menu-accommodations1 a{
background-image: url(../imgs/btns/ro-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-accommodations1 a:hover, #menu-accommodations1.sfhover{
background-image: url(../imgs/btns/btn-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-accommodations1 a:active{
background-image: url(../imgs/btns/ro-woods-hole-accommodations.jpg);
width: 143px;
height: 40px;
display: block;
}

#menu-availability-calendar1, #menu-availability-calendar1 a{
background-image: url(../imgs/btns/ro-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-availability-calendar1 a:hover, #menu-availability-calendar1.sfhover{
background-image: url(../imgs/btns/btn-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-availability-calendar1 a:active{
background-image: url(../imgs/btns/ro-availability-calendar.jpg);
width: 107px;
height: 40px;
display: block;
}

#menu-photo-gallery1, #menu-photo-gallery1 a{
background-image: url(../imgs/btns/ro-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-photo-gallery1 a:hover, #menu-photo-gallery1.sfhover{
background-image: url(../imgs/btns/btn-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-photo-gallery1 a:active{
background-image: url(../imgs/btns/ro-photo-gallery.jpg);
width: 111px;
height: 40px;
display: block;
}

#menu-wedding1, #menu-wedding1 a{
background-image: url(../imgs/btns/ro-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-wedding1 a:hover, #menu-wedding1.sfhover{
background-image: url(../imgs/btns/btn-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-wedding1 a:active{
background-image: url(../imgs/btns/ro-weddings.jpg);
width: 84px;
height: 40px;
display: block;
}

#menu-things-to-do1, #menu-things-to-do1 a{
background-image: url(../imgs/btns/ro-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-things-to-do1 a:hover, #menu-things-to-do1.sfhover{
background-image: url(../imgs/btns/btn-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-things-to-do1 a:active{
background-image: url(../imgs/btns/ro-things-to-do.jpg);
width: 99px;
height: 40px;
display: block;
}

#menu-testimonials1, #menu-testimonials1 a{
background-image: url(../imgs/btns/ro-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-testimonials1 a:hover, #menu-testimonials1.sfhover{
background-image: url(../imgs/btns/btn-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-testimonials1 a:active{
background-image: url(../imgs/btns/ro-testimonials.jpg);
width: 100px;
height: 40px;
display: block;
}

#menu-contact1, #menu-contact1 a{
background-image: url(../imgs/btns/ro-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}

#menu-contact1 a:hover, #menu-contact1.sfhover{
background-image: url(../imgs/btns/btn-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}

#menu-contact1 a:active{
background-image: url(../imgs/btns/ro-contact-us.jpg);
width: 87px;
height: 40px;
display: block;
}


/* End All Menu System Items */