@import url("forms.css");


/* INTERIOR STYLESHEET */

*{
margin:0;
padding:0;
border:none;
}


body{
margin:0px 0 20px 0;
background:#30301f;
text-align:center;
/*min-width:840px;for netscape browsers*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#outer_wrapper{
position:relative;
margin:0 auto;
width:800px;
text-align:left;
}

#inner_wrapper{
width:792px;
padding:2px;
background:#000000;
border:2px solid #FFFFFF;
}

#header{
text-align:right;
}


/* Navagation Specific CSS */

#nav {
	height:21px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	border-bottom:1px solid #000000;
	z-index:5;
	}

#nav ul { /* all lists */
	padding: 0px;
	margin:-1px 0px 0px -1px;
	width:189px;
	list-style: none;
	z-index:1;
	border:none;
	border-top:2px solid #000000;
	z-index:4;
	background:#828838;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	border-top: 0px;
	z-index:1;
	display:block;
	padding:0;
	height:21px;
}

#nav a {
	display:block;
	height:21px;
}

#nav a:hover {
	color:#000;
}
#nav li ul a {
	color:#000;
	width:100%;
}

#nav li ul a:hover {
	color:#FFFFFF;
	display:block;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0px;
	cursor:pointer;
	background-color:#848A39;
	}

#nav li ul li {
	display: block;
	border:1px #000 solid;
	border-top:none;
	width:188px;
}


#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover, #nav li.over, #nav li.stay  {
	color:#000000;
	background-color:#848A39;
}

#nav li:hover ul, #nav li.over ul, #nav li.stay ul { /* lists nested under hovered list items */
	display: block;
	top: 22px;
	border-top:1px;
}

#nav li:hover ul li, #nav li.over ul li, #nav li.stay ul li {
	font-weight:normal;
	padding:2px 0px 2px 0px;
	margin:0;
}

#nav li.home {
	border-right:0;
	cursor:pointer;
}

#nav li ul li.divider {
	border-top: 1px solid #000;
	}


/* Navagation Elements */

#nav img.divider {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#reservations {
	height:21px;
	width:131px;
	background-image:url(../images/reservations-a.gif);
	border-right:solid 1px #000;
}

#reservations:hover, #reservations.over, #reservations.stay {
	background-image:url(../images/reservations-b.gif);
}

#lodging {
	height:21px;
	width:93px;
	background-image:url(../images/LODGING-1.gif);
}

#lodging:hover, #lodging.over {
	background-image:url(../images/LODGING-3.gif) !important;
}

#lodging.stay {
	background-image:url(../images/LODGING-2.gif);
}

#foodWine {
	height:21px;
	width:119px;
	background-image:url(../images/FOODWINE-1.gif);
}

#foodWine:hover, #foodWine.over {
	background-image:url(../images/FOODWINE-3.gif) !important;
}

#foodWine.stay {
	background-image:url(../images/FOODWINE-2.gif);
}

#service {
	height:21px;
	width:89px;
	background-image:url(../images/SERVICES-1.gif);
}

#service:hover, #service.over {
	background-image:url(../images/SERVICES-3.gif) !important;
}

#service.stay {
	background-image:url(../images/SERVICES-2.gif);
}

#about {
	height:21px;
	width:149px;
	background-image:url(../images/ABOUT-1.gif);
}

#about:hover, #about.over {
	background-image:url(../images/ABOUT-3.gif) !important;
}

#about.stay {
	background-image:url(../images/ABOUT-2.gif);
}

#meetings {
	height:21px;
	width:93px;
	background-image:url(../images/MEETINGS-1.gif);
}

#meetings:hover, #meetings.over {
	background-image:url(../images/MEETINGS-3.gif);
}

#meetings.stay {
	background-image:url(../images/MEETINGS-2.gif);
}

#contact {
	height:21px;
	width:112px;
	background-image:url(../images/CONTACT-1.gif);
}

#contact:hover, #contact.over {
	background-image:url(../images/CONTACT-3.gif);
}

#contact.stay {
	background-image:url(../images/CONTACT-2.gif);
}

.navMenuText {
	display:none
}

/*SUB NAV IMAGES
***************************************************************/
#lodging-overview a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/LODGING-overview.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#lodging-overview a:hover{
background:url(../images/LODGING-overview2.gif) top left no-repeat;
}

#cottages a{
background:url(../images/cottages-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#cottages a:hover{
background:url(../images/cottages-2.gif) top left no-repeat;
}

#room a{
background:url(../images/rooms-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#room a:hover{
background:url(../images/rooms-2.gif) top left no-repeat;
}

#edgewood a{
background:url(../images/villa-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#edgewood a:hover{
background:url(../images/villa-2.gif) top left no-repeat;
}


#onlinepackages a{
background:url(../images/onlinepackage-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#onlinepackages a:hover{
background:url(../images/onlinepackage-2.gif) top left no-repeat;
}

#propertymap a{
background:url(../images/propertymap-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#propertymap a:hover{
background:url(../images/propertymap-2.gif) top left no-repeat;
}

#food-overview a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/FOODWINE-overview.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#food-overview a:hover{
background:url(../images/FOODWINE-overview2.gif) top left no-repeat;
}

#dinner a{
background:url(../images/dinner-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#dinner a:hover{
background:url(../images/dinner-2.gif) top left no-repeat;
}

#winelist a{
background:url(../images/winelist-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#winelist a:hover{
background:url(../images/winelist-2.gif) top left no-repeat;
}

#chefapproach a{
background:url(../images/chefapproach-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#chefapproach a:hover{
background:url(../images/chefapproach-2.gif) top left no-repeat;
}

#recipes a{
background:url(../images/recipes-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#recipes a:hover{
background:url(../images/recipes-2.gif) top left no-repeat;
}


#services-overview a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/SERVICES-overview.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#services-overview a:hover{
background:url(../images/SERVICES-overview2.gif) top left no-repeat;
}

#pre_arrival a{
background:url(../images/prearrival-concierge-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#pre_arrival a:hover{
background:url(../images/prearrival-concierge-2.gif) top left no-repeat;
}

#massage_appts a{
background:url(../images/massage-appointments-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#massage_appts a:hover{
background:url(../images/massage-appointments-2.gif) top left no-repeat;
}

/*#signature_line a{
background:url(../images/sig-line-items-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#signature_line a:hover{
background:url(../images/sig-line-items-2.gif) top left no-repeat;
}*/


#shoppe a{
background:url(../images/shoppe-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#shoppe a:hover{
background:url(../images/shoppe-2.gif) top left no-repeat;
}

#gift_cert a{
background:url(../images/gift-certificates-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#gift_cert a:hover{
background:url(../images/gift-certificates-2.gif) top left no-repeat;
}

#about-overview a{
margin-top:-2px;
padding-top:2px;
border-top:2px solid #000000;
background:url(../images/canoebay-overview.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#about-overview a:hover{
background:url(../images/canoebay-overview2.gif) top left no-repeat;
}

#activities a{
background:url(../images/activities-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#activities a:hover{
background:url(../images/activities-2.gif) top left no-repeat;
}

#maps a{
background:url(../images/maps-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#maps a:hover{
background:url(../images/maps-2.gif) top left no-repeat;
}

#background a{
background:url(../images/background-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#background a:hover{
background:url(../images/background-2.gif) top left no-repeat;
}

#canoebayclub a{
background:url(../images/Condominiums.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#canoebayclub a:hover{
background:url(../images/Condominiums2.gif) top left no-repeat;
}

#policies a{
background:url(../images/policies-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#policies a:hover{
background:url(../images/policies-2.gif) top left no-repeat;
}


#pressroom a{
background:url(../images/pressroom-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#pressroom a:hover{
background:url(../images/pressroom-2.gif) top left no-repeat;
}

#greenpage a{
background:url(../images/greenpage-1.gif) top left no-repeat;
text-indent:-1000px;
outline: none;
}

#greenpage a:hover{
background:url(../images/greenpage-2.gif) top left no-repeat;
}


/*=END OF NAVIGATION
*************************************************************/
#main_images{
width:100%;
}

#mainpic_left{
float:left;
border:1px solid #000000;
border-left:none;
}

#main_quote{
float:left;
border:1px solid #000000;
}

#mainpic_right{
float:left;
border:1px solid #000000;
border-bottom:2px solid #000000;
border-right:none;
background:#FFFFFF;
}

#content_wrapper{
margin-bottom:2px;
float:left;
background:#FFFFFF;
}

#content_left_wrapper{
width:555px;
margin-top:-117px;
float:left;
background:#FFFFFF;
}

#content{
width:512px;
padding:20px;
}

#content img{
margin-right:10px;
}

#right_sidebar{
float:right;
width:237px;
background:#FFFFFF;
}

#footer{
height:18px;
padding:3px 5px 0px 5px;
text-align:right;
margin-top:2px;
background:#828838;
clear:both;
}

#footer ul{
margin:-2px 0px 0px 0px;
padding:0;
text-align:right;
list-style:none;
height:21px;
width:787px;
float:right;
}

#footer ul li{
float:right;
height:18px;
}

p.hidden{
visibility:hidden;
width:83px;
padding:0;
margin:-1px;
}

#footer ul li a{
text-decoration:none;
display:block;
}


#footer ul li.contact_lowright a{
background:url(../images/contactus-lwrght1.gif) top left no-repeat;
width:97px;
outline:none;

}

#footer ul li.contact_lowright a:hover{
background:url(../images/contactus-lwrght2.gif) top left no-repeat;
outline:none;
}


#footer ul li.policies_lowright a{
background:url(../images/policies-lwrght1.gif) top left no-repeat;
width:83px;
outline:none;
}

#footer ul li.policies_lowright a:hover{
background:url(../images/policies-lwrght2.gif) top left no-repeat;
}

#footer ul li.reservenow_lowright a{
background:url(../images/reservenow-lwrght1.gif) top left no-repeat;
width:110px;

}

#footer ul li.reservenow_lowright a:hover{
background:url(../images/reservenow-lwrght2.gif) top left no-repeat;
}

#footer ul li.home_lowleft{
float:left;
height:18px;
}


#footer ul li.home_lowleft a{
background:url(../images/home-lwleft1.gif) top left no-repeat;
width:110px;

}

#footer ul li.home_lowleft a:hover{
background:url(../images/home-lwleft2.gif) top left no-repeat;
}




/*=tags
*******************************************/
h1{
font-size:12px;
color:#666666;
margin:10px 0px 0px 0px;
}

p{
margin:10px 0px 0px 0px;
}


a:link, a:visited {
	color:#606618;
}

a:hover, a:active {
	color:#30301F;
}

ol{
padding-left:35px;
}

ol li{
line-height:1.5;
}

ul{
margin-top:10px;
padding-left:35px;
}

ul li{
line-height:1.5;
}

.bullets{
margin:12px 0 12px 18px;
}

hr{
width:100%;
height:1px;
color:#999999;
}

.underline{
text-decoration:underline;
}

.contactinfo{
list-style:none;
margin:0;
padding:0;
}

#subfooter{
text-align:center;
margin-top:10px;
color:#FFFFFF !important;
}

#subfooter a,
#subfooter a:visited,
#subfooter a:hover{
color:#FFFFFF !important;
font-size:10px;
}

h1 .sub{
font-size:12px;
margin:0px 0px 0px 15px;
}


/* LODGING PAGES */

.rooms_container {
float:left;
padding-bottom:20px;
}


.room_photo {
float:left;
width:136px;
padding-bottom:12px;
}

.room_description {
float:right;
width:376px;
}

.reserve_now_btn {
float:left;
height:20px;
width:150px;
margin:6px 0px;
background: #828838;
text-align:center;
letter-spacing:1px;
}

.reserve_now_btn a:link,
.reserve_now_btn a:visited {
display:block;
width:150px;
height:18px;
border:#BFC199 1px solid;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
}


.reserve_now_btn a:hover {
background: #BFC199;
border: #828838 1px solid;
color:#30301F;
}

.packages_btn {
float:left;
height:20px;
width:150px;
margin:6px auto;
background: #828838;
text-align:center;
letter-spacing:1px;
}

.packages_btn a:link,
.packages_btn a:visited {
display:block;
width:150px;
height:18px;
border:#BFC199 1px solid;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
line-height:18px;
}


.packages_btn a:hover {
background: #BFC199;
border: #828838 1px solid;
color:#30301F;
}

.packages {
color:#ff0000;
}

.packages_itl {
color:#ff0000;
font-style:italic;
}

table.specials {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	border-bottom: 1px solid gray;
	-moz-border-radius: 0px 0px 0px 0px;
}



table.specials1 {
margin-left:20px;
width:300px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials1 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials1 td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.specials2 {
margin-left:20px;
width:450px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}

table.specials2 th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.specials2 td {
vertical-align:middle;
	border-width: 0px;
	padding: 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #dbdbdb;
	-moz-border-radius: 0px 0px 0px 0px;
}






.red {
color:#990000;
}

.disclaimer {
font-size:80%;
font-style:italic;
}

.clear{
clear:both;
}

a.red_button{
color:#990000;
}

a.red_button:hover{
color:#400000;
}


/* ---------------DROPIN STYLES---------------  */
#dropinboxv2cover,
#dropinboxv3cover{
width:428px; /*change width to desired */
height:auto;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index:100;
overflow:hidden;
visibility:hidden;
}

#dropinboxv2,
#dropinboxv3{
width:400px; /*change width to above width-20. */
height:auto; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border:4px solid #2F3020; /*Customize box appearance*/
background:#f8d060;
padding:8px;
position:absolute; /*Don't change below 3 rules */
left:0;
top:0;
}

#dropinBullets{
margin:18px auto 12px auto;
list-style:none;
}

#dropinBullets li{
font-size:14px;
color:#30301F;
margin:16px 0 16px 16px;
line-height:18px;
}

#dropinboxv2 h2,
#dropinboxv3 h2{
color:#30301F;
font-style:italic;
font-size:14px;
}

table#bulletList{
width:100%;
font-size:14px;
}

table#bulletList td.sqbullet{
padding:0 0 5px 15px;
width:500px;
background:url(../../images/sq-bullets.gif) left top no-repeat;
}

table#bulletList td.textRight{
text-align:right;
width:100px;
color:#990000;
}


p.quotes{
margin:0 0 0 0;
font-size:14px;
padding:0 0 5px 15px;
background:url(../../images/sq-bullets.gif) left top no-repeat;
}

p.textRight{
margin:0 0 0 0;
text-align:right;
color:#990000 !important;
}


#mediaLinks{
position:absolute;
margin:0 0 16px 0;
right:22px;
bottom:100px;
}