/*
    Copyright Notice ========================================================  
  
	This file contains proprietary information of Alpine Internet Solutions. 
    Copying or reproduction without prior written approval is prohibited.   
  
	Copyright (c) 2000-2009 ================================================= 

    Purpose: Site style definitions  
  
    @format.tab-size 4  
    @format.use-tabs true  
   
*/

/* IE5/Mac Only Styles
   Uses the IE5/Mac Band Pass Filter:
   http://stopdesign.com/examples/ie5mac-bpf/ 
   ...make sure you've got your escape characters right... */

/**//*/
  @import "ie5mac.css";
/**/

/* All Global Styles */
* { /* so i don't need to define 0's a million times... it works, too! */
	margin: 0;
	padding: 0;
}

html {
}

body {
font-size: 12px;
text-align: center;
min-width: 760px;
font-family: Arial, sans-serif;
background: #dddddd url(/images/.design/ol_bg_sand_01.jpg) top left repeat;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

p {
}
br {}

ul {}

ol {}

li {}

img {
	border: 0;
}

acronym {}

abbr {}

cite {}

dl {}
dt {}
dd {}

table {}
tr {}
td {}

blockquote {
}

a {}
	a:link {}
	a:visited {}
	a:hover {}
	a:active {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

code, pre {font-family: courier new, courier, monospace;}

/* Form Styles */
form {
}
fieldset {}
legend {}
label {}
input {
}
input.text {}
input.radio, input.checkbox {border: 0; background: transparent;}
input.button {}
input.image {border: 0;}
select {}
textarea {}

/* All Layout Styles */
div#whopper {
width: 760px;
margin: 0 auto;
text-align: left;
}

table#layout {
border: 1px solid #7DA17A;
/* width: 760px; */ /* currently specified in HTML cuz IE sux */
}


td#top {
background-color: #617D5F;
}

div#header h1 {
border: 0;
float: left;
width: 403px;
}
div#header h1 a, div#header h1 a:link, div#header h1 a:hover {
margin: 5px 0 0 30px;
border: 0;
display: block;
overflow: hidden;
font-size: 9px;
height: 83px;
width: 403px; /* should be 403px ...why is it jumping in Opera? */
text-indent: -9999px;
background: transparent url(/images/.design/ol_header_01.gif) top left no-repeat;
}

div#header p {
display: block;
float: right;
border: 0;
height: 96px;
width: 289px;
background: transparent url(/images/.design/ol_header_bg_02.jpg) top left no-repeat;
}

div#header p span {
border: 0;
display: block;
overflow: hidden;
margin: 20px 0 0 40px;
height: 60px;
font-size: 9px;
text-indent: -9999px;
background: transparent url(/images/.design/ol_header_02.gif) top left no-repeat;
}

td#subTop {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background: #4483A7 url(/images/.design/ol_subtop_bg_01.gif) bottom left repeat-x;
height: 30px;
}

td#subTop p {
}

td#subTop ul {
}

td#subTop li {
}

td#subTop a {
}

td#lCol {
background: #ffffff url(/images/.design/ol_lcol_bg_01.gif) top left repeat-y; /* because IE sux and refuses to follow specified widths on table cells, and I've wasted over an hour just trying to fix this one stupid problem */
/* background-color: #7DA17A; */
/* width: 182px; */ /* currently specified in HTML cuz IE sux... should be 182, right? */
}

td#mCol {
background-color: #ffffff;
/* width: 576px; */ /* currently specified in HTML cuz IE sux ... should be 576px, right? 760 - 2 (whopper borders) - 182 (lCol width) = 576 */
}

div#content {
color: #000000;
width: 576px;
}

div#content a {color: #185568;}
div#content a:link {color: #185568;}
div#content a:visited {}
div#content a:hover {color: #4483A7; text-decoration: none;}
div#content a:active {}

div#content p {
font-size: 12px;
color: #000000;
padding: 5px 10px 10px 15px;
line-height: 1.4em;
}

div#content ul {padding: 5px 0 10px 0; margin: 0 0 0 35px;}
div#content ul li {font-size: 12px; color: #000000}
div#content ol {padding: 5px 0 10px 0; margin: 0 0 0 35px;}
div#content ol li {font-size: 12px; color: #000000;}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
line-height: 1.2em;
color: #185568;
font-weight: strong;
padding: 2px 10px 2px 5px;
}
div#content h1 {
font-size: 22px;
}
div#content h2 {
font-size: 20px;
}
div#content h3 {
font-size: 18px;
}
div#content h4 {
font-size: 16px;
}
div#content h5 {
font-size: 14px;
}
div#content h6 {
font-size: 13px;
}
div#content form {
padding: 5px 20px 10px 20px;
}

div#content ul.popup {
width: 520px;
margin: 10px 0 10px 20px;
padding: 10px 0; 
text-align: center; 
list-style: none;
border: 1px dashed #7DA17A;
border-width: 2px 0;
}
div#content ul.popup li {
display: inline; 
padding: 0 3px;
}

td#rCol {
}

td#bottom {
background-color: #4483A7;
}

div#homeCapsuleWrap {
border-top: 1px solid #ffffff;
background: #6DA4C0;
color: #185568;
height: 90px;
overflow: hidden;
}

div#homeCapsuleWrap a, div#homeCapsuleWrap a:link {
color: #185568;
text-decoration: underline;
}

div#homeCapsuleWrap a:hover {
color: #eeeeee;
text-decoration: none;
}

div#homeCapsuleWrap img.capsuleImg {
display: block;
float: left;
width: 70px;
border: 0;
}

div#homeCapsuleWrap div#homeCapsule01, div#homeCapsuleWrap div#homeCapsule02, div#homeCapsuleWrap div#homeCapsule03 {
height: 90px;
float: left;
background: transparent url(/images/.design/ol_capsule_border_01.gif) top right no-repeat;
}
div#homeCapsuleWrap div#homeCapsule01 {
width: 240px;
}
div#homeCapsuleWrap div#homeCapsule02 {
width: 270px;
}
div#homeCapsuleWrap div#homeCapsule03 {
width: 245px;
}

div#homeCapsuleWrap h3 {
text-align: left;
padding: 5px 10px 0px 75px;
line-height: 1.2em;
font-size: 11px;
font-weight: normal;
}
div#homeCapsuleWrap p {
margin: 0;
padding: 2px 15px 0px 75px;
font-size: 11px;
text-align: right;
line-height: 1.2em;
}
div#homeCapsuleWrap div#homeCapsule03 {
background-image: none;
}

div#photoGallery {
margin: 0 10px 0 0; /* assigned here for galleryListing due to IE double-margin float bug */
}

div#photoGallery div#galleryPhoto, div#photoGallery div#photoDesc {
float: left;
width: 410px;
text-align: center;
}

div#photoGallery div#photoDesc p {
text-align: left;
padding: 3px 5px 3px 10px;
}

div#photoGallery div#galleryListing {
background-color: #8DAA8C;
float: right;
width: 124px;
text-align: center;
}
div#photoGallery div#galleryListing ul {
list-style: none; 
margin: 0; 
padding: 0 0 5px 0;
}
div#photoGallery div#galleryListing li {
display: inline;
}
div#photoGallery div#galleryListing li img {
border: 0;
display: block;
margin: 0 auto 1px auto;
}

div#footer {
clear: both;
color: #ffffff;
font-size: 12px;
border-top: 1px solid #ffffff;
}

div#subFooter {
padding: 15px 0 0 0;
height: 60px;}

div#subFooter div.address {
}
div#subFooter div.address p {
float: left;
width: 300px;
text-align: center;
color: #424242;
font-size: 11px;}

div#subFooter div.logo {
float: right;
padding: 0 0 0 20px;
margin: -10px 0 0 0;
}

/* Navigation Styles */
div#nav {
width: 182px; /* cuz IE sux */
background-color: #7DA17A;
padding: 0 0 10px 0;
/* height: 374px; */
}

div#mainNav {
}
div#mainNav ul {
background: transparent url(/images/.design/ol_nav_bg_01.gif) bottom right no-repeat;
list-style: none;
border-top: 1px solid #617D5F;
border-bottom: 1px solid #BED0BD;
}
div#mainNav li {
display: inline;
}
div#mainNav li a {
font-size: 12px;
font-weight: bold;
line-height: 1.3em;
color: #ffffff;
text-decoration: none;
display: block;
background: transparent url(/images/.design/ol_nav_link_01.gif) 6px 4px no-repeat;
border-bottom: 1px solid #617D5F;
border-top: 1px solid #BED0BD;
padding: 2px 3px 9px 30px;
width: 149px; /* 182 - 3 - 30 = 149px */
}
div#mainNav li a:hover {
background-color: #678465;
background-position: 5px -145px;
border-top: 1px solid #617D5F;
border-bottom: 1px solid #BED0BD;
padding: 3px 4px 8px 29px;
}

div#mainNav li#current a {
background-color: #678465;
background-image: none;
border-top: 1px solid #617D5F;
border: 0; /* yes, overwriting border-top */
padding: 3px 4px 8px 29px;
}

div#mainNav li#current a:hover {
background-color: #C0D7C1;
background-image: none;
color: #678465;
}

div#subNav ul {
border: 0;
}
div#subNav li {
display: inline;
}
div#mainNav li#current div#subNav li a {
color: #ffffff;
font-size: 12px;
background-image: none;
background-color: #678465;
padding: 0;
margin: 0;
border: 0;
padding: 2px 3px 2px 35px;
width: 144px;
font-weight: normal;
/* width: 182px; */
}

div#mainNav li#current div#subNav li a:hover {
color: #678465;
background-image: none;
background-color: #C0D7C1;
border: 0;
}
div#topNav {}
div#topNav a {}
div#topNav a:hover {}

div#footerNav {float: left; padding: 3px 3px 3px 10px;}
div#footerNav ul {}
div#footerNav li {}
div#footerNav a {color: #ffffff;
font-size: 10px;
text-decoration: none;}
div#footerNav a:hover {
text-decoration: underline;}

div#breadcrumbs {}
div#breadcrumbs a {}
div#breadcrumbs a:hover {}
div#breadcrumbs li {}

/* Sidebar Styles */
div.sidebar {
}
div.sidebar h4 {
}
div.sidebar p {
}
div.sidebar a {}

/* Contact Form Styles */
table.contactForm td {}
table.contactForm td.fieldname {
}
table.contactForm input, table.contactForm textarea {
}

/* Search Styles */
div#search {
position: relative;
width: 150px;
height: 20px;
padding-top: 2px;
padding-right: 40px;
background: url(/images/.design/search_bg_01.gif) top left no-repeat;
}
div#search div#searchnow {
float:left;
}
input#searchboxer {
position: relative;
width: 114px;
vertical-align: text-middle;
text-align: left;
border: 0;
text-indent: 5px;
line-height: 18px
background: #FFFFFF;
border: 1px solid #5A5A5A;
color: #6C6C6C;
font-size: 11px;
padding-top: 5px;
padding-left: 0px!important;
padding-left: 5px;
}
input#gobabygo {
position: absolute;
right: 5px;
margin-top: 1px;
margin-top: 2px!important;
vertical-align: text-bottom;
}
/* Search Results Styles */
div#searchResults {}
div#searchResults ol {}
div#searchResults ol li {}
div#searchResults {}

div.searchResult {}
div.searchResult a {}
div.searchResult span.description {}
div.searchResult span.updated {}
div.searchResult span.location {}
div.searchResult span.score {}

div#searchRelated {float: right; width: 150px;}
div#searchRelated span.description {}

/* Print and Email Link Styles */
div#pande {float: right; padding: 4px 20px 4px 4px;}
div#pande a {font-size: 11px; color: #ffffff; text-decoration: underline;}
div#pande a:hover {color: #ffffff; text-decoration: none;}
div#pande p {}

/* News and Events Styles */
table#nande h5 {}
table#nande p {}





/* Spa Menu Styles - Added January, 2007 */

div#spamenu {
	padding-left: 20px;
	padding-right: 20px;
}
div#spamenu table {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color: #111;
}

div#spamenu table th {
	font-weight: normal;
	text-align: left;
}

div#spamenu table.spamenutable {
	width: 500px;
	border: 1px solid #7ba4bb;
}

div#spamenu table.spamenutable th,
div#spamenu table.spamenutable td {
	padding: 6px 8px 8px 8px;
	background-color: #f5fafc;
}

div#spamenu table.spamenutable tr.alt td,
div#spamenu table.spamenutable tr.alt th {
	background-color: #dbedf7;
}

div#spamenu table.wide th {
	width: 45%;
}

div#spamenu table.narrow th {
	width: 70%;
}

div#spamenu h3, div#spamenu h2 {
	margin: 0;
	padding: 16px 0 4px 0;
	line-height: 1.2;
}

div#spamenu p {
	margin: 0;
	padding: 8px 20px 2px 0; /* right padding is in addition to that on div#spamenu */
	line-height: 1.5;
}

div#spamenu p.downloadmenu {
	padding-top: 0;
}

div#spamenu ul {
	margin: 0 0 0 20px;
	padding: 4px 0 2px 0;
}

div#spamenu li {
	padding-bottom: 8px;
}

div#spamenu h4.mood {
	padding-top: 20px;
	text-align: center;
	font-style: italic;
}
div#spamenu h5.hours {
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
}

div#spamenu div.firstspaimage {
	float: left;
	width: 184px;
	padding: 12px 0 30px 0;
}

div#spamenu div.firstspaimage img,
div#spamenu div.secondspaimage img {
	padding: 4px;
	border: 1px solid #ddd;
}
	
div#spamenu div.secondspaimage {
	float: right;
	width: 140px;
	text-align: center;
	padding: 12px 0 0 10px;
}

div#spamenu p.facilities {
	padding-top: 4px;
	padding-bottom: 20px;
}

div#launchPage {
position: relative;
width: 500px;
margin-left: 30px;
margin-bottom: 20px;
}
div#launchPage a {
text-decoration: none;
}
div#launchPage img {
padding: 0 5px 5px 5px;
}
div#launchPage h5 {
padding: 10px 0 5px 0;
}

.subHeader {
width: 500px;
height: 100px;
text-indent: -9999px;
}

.spaLaunch {
background: url(/images/Overleaf_Spa/osspaLaunchHeader_bg_01.jpg) 50px 0px no-repeat;
}

/* Common Styles */
.current {}

.powered {float: left;}
.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

div#launchPage p span.photoCaption {
padding-left: 60px;
margin: 0;
font-size: 11px;
font-style: italic;
line-height: 1.0em;
}

table.map {margin-left: 10px;}
table.map p {margin-left: 5px;}
table.mile {margin-left: 10px;}
table.mile {text-indent: 5px; line-height: 17px;}

/* td {margin: 2px; padding: 2px; border: 1px solid #cc0;}
div {margin: 2px; padding: 2px; border: 1px solid #c00;}
ul {margin: 2px; padding: 2px; border: 1px solid #00c;}
li {margin: 2px; padding: 2px; border: 1px solid #0c0;} */

.toggler {
    height: 35px;
    margin: 0;
    padding: 2px 5px;
    background: url(/images/.design/header_bg_01.gif) top left no-repeat;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: tahoma, sans-serif;
    line-height: 35px;
    text-indent: 60px;
    cursor: pointer;
}


div#accordion img {padding: 10px 0 10px 80px;}
 
.element {}
.element p {
    margin: 0;
    padding: 4px;
}
 
.float-right {
    padding:10px 20px;
    float:right;
}

.panel ul {line-height: 2.0em;}
 
blockquote {
    text-style:italic;
    padding:5px 0 5px 30px;
}

div#accordion {
    width: 560px;
    padding: 0 0 20px 7px;
}
div#accordion h3 {color: #FFF;line-height: 35px;}
h3#cover {display: none;}

div#imagesRight {
    position: relative;
    float: right;
}
div#imagesRight img {padding: 0;}
div#imagesRight ul {list-style: none;}
div#imagesRight ul li {margin: 0 35px 5px 0;}
div#imagesRight ul li a {margin: 0;padding: 0;}

/* Specials Section */

.cupid,
.ultimate,
.girls,
.romance,
.birdwatch,
.food,
.splash {
    margin: 20px 0 0 0;
    min-height:650px;
    height:auto !important;
    height:650px;
}
.golf {
    margin: 20px 0 0 0;
    min-height:650px;
    height:auto !important;
    height:650px;
}
div#content.golf p{
padding: 70px 90px;
}

.cupid {background: transparent url(/images/Overleaf_Lodge/Special_Packages/oll_cupid.jpg) top center no-repeat;}
.ultimate {background: url(/images/Overleaf_Lodge/Special_Packages/oll_ultimate.jpg) top center no-repeat;}
.girls {background: url(/images/Overleaf_Lodge/Special_Packages/oll_getaway.jpg) top center no-repeat;}
.romance {background: url(/images/Overleaf_Lodge/Special_Packages/oll_romance.jpg) top center no-repeat;}
.birdwatch {background: url(/images/Overleaf_Lodge/Special_Packages/oll_birdwatcher.jpg) top center no-repeat;}
.food {background: url(/images/Overleaf_Lodge/Special_Packages/oll_specialty.jpg) top center no-repeat;}
.splash {background: url(/images/Overleaf_Lodge/Special_Packages/oll_specialsSplash.jpg) top center no-repeat;}
.golf {background: url(http://www.overleaflodge.com/images/golf-special-packages.jpg) top center no-repeat;}
div#content.cupid p, 
div#content.ultimate p,
div#content.girls p,
div#content.romance p,
div#content.birdwatch p {
    padding: 60px 100px 0 100px;
    font-size: 14px;
}
div#content.golf p{
line-height:22px;
font-size: 14px;
}
div#content.splash {padding-top: 60px;}
div#content.splash p, div#content.splash h2 {padding: 10px 100px 0 100px;}
div#content.splash ul {padding: 10px 100px 0 100px;}
div#content.birdwatch em {padding: 0 100px;}
.tRight {padding-left: 300px;font-size: 16px;}
div#content.cupid p.tSmall, 
div#content.ultimate p.tSmall,
div#content.girls p.tSmall,
div#content.romance p.tSmall,
div#content.birdwatch p.tSmall,
div#content.food p.tSmall {font-size: 10px;}
div#content.birdwatch ul li {margin: 0 100px; font-size: 12px;}
div#content.food {}
div#content.food dl {
    margin: 0 80px;
}
div#content.food dt {
    width: 45%; 
    float: left;
    padding: 20px 10px 0 0;
    font-size: 14px;
    font-weight: bold;
}
div#content.food dd {
    width: 45%;
    float: left;
    padding: 0 10px 0 0;
    font-style: italic;
    font-size: 12px;
}
div#content.ultimate p.pUltimate {padding-top: 45px;}
div#content.girls p.pGirls {padding-top: 235px;}
div#content.romance p.pRomance {padding-top: 205px;}
div#content.birdwatch p.pBirdwatch {padding-top: 0px;}

#test {
	background: #FFF;
	color: #000;
	padding: 10px;
	margin: 20px;
	border: 10px solid #7da17a;
}
 
#test2 {
	background: #FFF;
	color: #000;
	padding: 10px;
	margin: 20px;
	border: 10px solid #7da17a;
}


#heading {
display: block;
text-align: center;
padding: 20px 0 0 28px;
margin-bottom: 1em;
}
#heading * {
display: inline;
padding: 4px;
user-select: none;
cursor: pointer;
vertical-align: middle;
}
#heading li {
background: #7DA17A;
border: 3px solid #678465;
border-radius: 3px;
display: block;
float: left;
margin: 2px;
line-height: 19px;
padding: 0 5px;
height: 19px;
color: #FFF;
}
#heading li.active {
background: #567B56;
border-radius: 3px;
border: 3px solid #678465;
border-radius: 3px;
display: block;
float: left;
line-height: 19px;
margin: 2px;
padding: 0 5px;
height: 19px;
color: #FFF;
}
#heading ul#buttons li {color: #FFF;font-weight: bold;}
#panes {
text-align: left;
border-style: none;
/*width: 245px;*/
margin: 0 1em 0 1em;
padding: 0;
clear: both;
}
#panes h3 {line-height: 4.0em;text-indent: 10px;}
#panes img {padding: 10px;}
#panes div div { overflow: hidden; padding: 20px 0 40px 0; }
#panes p.phone {font-size: 14px;font-weight: bold; font-style: italic;}
#panes p a img {padding: 0; margin: 0;}
		
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

object#slideshow {
    position: relative;
    width: 500px;
    height: 150px;
    top: 20px;
    left: 28px;
}

div#localSplash {padding-left: 10px;}
div#localSplash h1 {line-height: 50px;}
div#localSplash h3 {padding: 20px 0 0 0;}
p.slide object#slideshow {left: 0;} 

div#localSplash ul.local {
    position: relative;
    width: 498px;
    padding: 15px 0;
    margin: 15px 0;
    border: 1px dashed #bed0bd;
    border-width: 2px 0;
}

div#localSplash ul.local li {
    display: block;
    line-height: 2.5em;
}
div#localSplash ul.local li a {
    color: #1f677c;
    font-family: arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 0 40px;
    text-decoration: none;
    background: url(/images/localArrow_bg_01.gif) center left no-repeat;
}
div#localSplash ul.local li a:hover {color: #4483a7;background: url(/images/localArrowRoll_bg_01.gif) center left no-repeat;}

div#localSplash #heading {
display: block;
text-align: center;
padding: 20px 0 0 0;
margin-bottom: 1em;
}
div#localSplash #heading * {
display: inline;
padding: 4px;
user-select: none;
cursor: pointer;
vertical-align: middle;
}
div#localSplash #heading li {
border: 0;
border-radius: 0;
display: block;
width: 86px;
height: 126px;
margin: 0;
padding: 0 17px 0 0;
color: #FFF;
}
div#localSplash #heading li.sealion {background: url(/images/sealion_bg_01.jpg) top left no-repeat;}
div#localSplash #heading li.aquarium {background: url(/images/aquarium_bg_01.jpg) top left no-repeat;}
div#localSplash #heading li.science {background: url(/images/scienceCenter_bg_01.jpg) top left no-repeat;}
div#localSplash #heading li.bayfront {background: url(/images/warf_bg_01.jpg) top left no-repeat;}
div#localSplash #heading li.church {background: url(/images/church_bg_01.jpg) top left no-repeat;}
div#localSplash #heading li.active {
border-radius: 0;
border: 0;
border-radius: 0;
display: block;
float: left;
}
div#localSplash #panes div div {  padding: 20px 0 40px 0;  }
div#localSplash #heading ul#buttons li {text-indent: -9999px;}

.landmark {clear: both;}


#webcam{ float:right;}

.pcaptext{text-align:center;}

.overleaflodge-twitter-logo{margin:6px 0 0 8px;}