/* Sanibel Harbour */
body {margin: 0px; background: url(../images/bg-tile.gif) repeat-x #AEC7C9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #60604b;}
td,th {}
 
p,ul {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #60604b; text-align:justify;}

h1,h2,h3,h4,h5,h6,p,ul {margin:0 0 20px 0; padding:0; line-height: 20px;}
h1 {font-size: 15px; color: #60604b; font-family: Georgia; letter-spacing:3px; font-weight:normal;  text-transform:uppercase;}
h2 {font-size: 14px; color: #60604b; font-family: Georgia; font-weight:normal; }
h3 {font-size: 12px; color: #e18f1d; font-family: Arial, Helvetica, sans-serif; text-align:center;}
h4 {font-size: 16px; color: #60604b; font-family: Arial, Helvetica, sans-serif; text-align:center;}
h5 {font-size: 14px; color: #60604b; font-family: Arial, Helvetica, sans-serif; }

img {border: 0; margin:0; padding:0; display:inline;}

/*links*/
a {color: #728f91;}
a:visited {color: #728f91;}
a:hover {color: #c68327;}
a:active {color: #728f91;}

a.footerlink {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #60604b; text-decoration:none;}
a.footerlink:visited {color: #60604b;}
a.footerlink:hover {color: #728f91;}
a.footerlink:active {color: #60604b;}

/*Forms*/
form {float:left; display:inline;}
input {border:1px solid #c1cecf; margin: 2px; padding: 2px; font-family: Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 20px; color: #60604b;}
select {border:1px solid #c1cecf; margin: 2px; font-family: Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 20px; color: #60604b;}
textarea {border:1px solid #c1cecf; margin: 2px; font-family: Arial, Helvetica, sans-serif;	font-size: 11px; line-height: 20px; color: #60604b;}
#submit {margin:4px 0; border: 1px solid #999; background-color:#e6cf98; font-family:Georgia, "Times New Roman", Times, serif; color: #60604b; letter-spacing:3px; font-weight:normal; text-transform:uppercase;}
#pollSubmit{margin:0 0 20px 20px; border: 1px solid #999; background-color:#e6cf98; font-family:Georgia, "Times New Roman", Times, serif; color: #60604b; letter-spacing:3px; font-weight:normal; text-transform:uppercase;}

/*styles*/
.reset {clear:both; line-height:0px; margin:0; padding:0; width:0; height:0;}
.clearLeft{clear:left; line-height:0px; margin:0; padding:0; width:0; height:0;}
.clearRight{clear:right; line-height:0px; margin:0; padding:0; width:0; height:0;}
.floatLeft{float:left;}
.floatRight{float:right;}

.padding {float:left; padding:0 20px 0 20px; display:inline;}
.right{text-align:right;}
.center{text-align:center;}

.bottomMargin4{margin-bottom:4px;}
.bottomMargin8{margin-bottom:8px;}
.bottomMargin20{margin-bottom:20px;}
.leftMargin4{margin-left:4px;}
.leftMargin10{margin-left:10px;}
.leftMargin20{margin-left:20px;}
.leftMargin45{margin-left:45px;}
.rightMargin45{margin-right:45px;}
.leftMargin70{margin-left:70px;}
.leftMargin85{margin-left:85px;}
.leftMargin115{margin-left:115px;}
.topMargin4{margin-top:4px;}
.topMargin10{margin-top:10px;}
.topMargin12{margin-top:12px;}
.topMargin20{margin-top:20px;}
.topMargin45{margin-top:45px;}
.rightMargin4{margin-right:4px;}
.rightMargin20{margin-right:20px;}
.pMargin{margin:0 35px 18px 35px;}

.width230{width:230px;}
.width400{width:400px;}
.width470{width:470px;}
.width490{width:490px;}
.width530{width:530px;}
.width650{width:650px;}
.width952{width:952px;}

.divider {float:left; width: 952px; height: 1px; border-top:1px solid #c1cecf; font-size: 0px; line-height: 0px; display:inline;}
.divide {float:left; width: 100%; height: 1px; margin-bottom: 4px; border-top:1px solid #c1cecf; font-size: 0px; line-height:0px; }
.georgia {font-family:Georgia, Times, serif; font-size: 12px; line-height: 18px; color: #60604b;}

.required {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #993300; }
.buttons {float:left; width: 219px; margin: 8px 0 20px 0; padding: 0px 8px 0px 8px; display:block;}

.topMargin{}

/*header divs*/
#utnav{ float:right; height:15px; width:170px; margin:10px 15px 5px 0; display:inline;}
#booknow{ float:left; width:280px; height:17px; margin: 7px 0 5px 15px; display:inline;}
.phoneNumber{height:14px; margin:0; margin:2px 6px 0 0;  font-weight: bold; font-size:14px; color:#60604b; display:inline;}
#logo{ float:left; width: 287px; height: 228px;}
#homepageNav{ float:left; width: 339px; height: 228px; background:url(../images/nav-tileinside.gif) repeat-x; display:inline;}
#insideNav{ float:left; width: 268px; height: 228px; background:url(../images/nav-tileinside.gif) repeat-x; display:inline;}
#homepagePhoto{float:right; width:334px; height:237px; display:inline;}
#hPhoto{float:right; width:405px; height:236px; display:inline;}
#photo{ float:left; width: 407px; height: 201px; }
#navbtns{float:right; width:126px; height:207px; margin:20px 0 0 0; display:inline;}

/*allpages*/
#wrapper{width:960px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding:0;}

#bodywrapper { width: 960px; background-color: #fff;}
.sideBar{float:right; width:326px; background: url(../images/greenstripes.gif) repeat-y; display:inline;}
#insidePhoto {float:right; width:397px; margin:4px 4px 4px 0; display:inline}
#insideInfo {float:left; width: 543px; margin: 0 0 18px 8px; background: url(../images/insidebox-bottomcorner.gif) bottom no-repeat #edecde; display:inline;}
#insideInfo div {float:left; width:480px; padding: 0 20px 20px 20px; display:inline;}

.greenstripes{background:url(../images/greenstripes2.gif) right repeat-y; width:960px; margin-bottom:4px;}
.brownstripes{background:url(../images/brownstripes.gif) right repeat-y; width:960px; margin-bottom:4px;}
.bluestripes{background:url(../images/bluestripes.gif) right repeat-y; width:960px; margin-bottom:4px;}
.whitestripes{border-bottom:4px solid #fff; border-top:4px solid #fff;}
.whitestripesBottom{border-bottom:4px solid #fff;}
.whitestripesTop{border-top:4px solid #fff;}
#insideBar{float:right; width:397px; margin-right:4px; display:inline;}

/*subnavs*/
#subnav{ float:left; width: 952px; height: 22px; padding-top:8px; margin:4px 0 0 4px; border-top:1px solid #c1cecf; border-bottom:1px solid #c1cecf; display:inline;}
#sectionTitle{float:left; margin-left: 41px; display:inline;}
#subnavLinks{float:right; margin-right: 6px; display:inline;}
#empApp{float:right; margin-top:-8px; display:inline;}

/*footer*/
#bottomTabs {float:left; width:952px; height:90px; margin:0 0 0 4px;  border-top:1px solid #c1cecf; line-height:0px; background:url(../images/bottom-palms.gif) bottom right no-repeat; display:inline; }
.bottomTab {margin: 0 0 0 2px; }
#sanibelFooter {float:left; width: 960px; background:url(../images/corners-bottom.gif) no-repeat bottom #fff; display:inline; }
#footerLine{ float:left; width: 952px; margin-left: 4px; border-top:1px solid #c1cecf; font-size: 0px; line-height: 0px; display:inline;}
#footerInside { float:left; width:920px; margin: 12px; padding-left: 8px; display:inline;}
.footertext {font-family: Arial, Helvetica, sans-serif;	font-size: 10px; line-height: 15px; color: #666; }

/*homepage*/
.feature{float:left; width:621px; height:217px; margin-left:5px; display:inline;}
#promos{float:left; width:330px; height:217px; background:url(../images/feature-tile.gif) no-repeat bottom; overflow:hidden; display:inline;}

/*Pool Chat*/
#blogUtnav{ float:right; height:15px; width:170px; margin:10px 15px 8px 0; display:inline;}
#sanibelLogo{float:left; width:175px; height:50px; margin: 0 0 8px 15px; display:inline;}
#PCvideo{float:right; width:534px; margin:0; display:inline;}
#poolChoices{float:left; width:952px; height:182px; margin-left:4px; background:url(../images/poolchat-landing-bluestripe.gif) repeat-x; display:inline;}

/*Specials*/
.column {float:left; width: 235px; margin: 4px 0 20px 4px; display:inline;}
.fade{background: url(../images/fade.jpg) repeat-x;}

/*Weddings*/
.weddingFacilityPhoto {float:left; width:397px; margin:4px 0 4px 40px; display:inline}
.weddingFacilityText {float:right; width: 487px; margin:0; display:inline;}

/*accommodations*/
#accomCaptiva {float:left; width: 470px; height: 325px; margin: 4px 8px 0 4px; background: url(../images/accommodations-bgtile.gif) repeat-y; display:inline;}
#accomCaptivaBottom{float:left; width: 470px; margin:0 8px 10px 4px; display:inline;}
#accomSanibel {float:left; width: 470px; height: 325px; margin: 4px 0 0 0;  background: url(../images/accommodations-bgtile.gif) repeat-y; display:inline;}
#accomSanibelBottom{float:left; width: 470px; margin-bottom: 10px; display:inline;}

/*About*/
#aboutsmallGallery {float:right; width:398px; height:300px; margin:4px 4px 4px 0; display:inline}
.smallMap {float:left; border:1px solid #c1cecf; margin-bottom:20px; display:inline;}
#weatherBlock { float:left; padding-left: 16px; margin: 8px 0 20px 6px; border-left:1px solid #c1cecf;  display:block; }
#weatherBlock img { float:left; }
#weatherBlock ul { float:left;margin-top:0;padding-top:0;list-style:none; }
#weatherBlock ul li { margin-top:0;padding-top:0; }
.pr {float:left; width: 862px; margin: 20px 0 20px 45px; display:inline;}

.pr ul { padding-left: 25px; }

#newsletter{float:left; width:100px; height:650px; margin:10px 0 10px 5px; display:inline;}
#newsWrapper{width: 1010px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

/*recreation and Activites*/
#recActivities{float:left; width:929px; height: 352px; margin: 0 0 10px 8px; padding: 5px; background: url(../images/rec-bg.gif) no-repeat; display:inline;}
#recDining {float:left; margin: 0 4px 4px 0; width: 306px; height: 113px; background-color: #eff2f2;}
#recDining div {float:left; margin: 10px;}
#recSunsports {float:left; margin: 0 4px 4px 0; width: 306px;height: 113px; background-color: #eff2f2;}
#recSunsports div {float:left; margin: 10px;}
#recTennis {float:left; margin: 0 0 4px 0; width: 304px;height: 113px; background-color: #eff2f2;}
#recTennis div {float:left; margin: 10px;}
#recGolf {float:left; margin: 0 4px 4px 0; width: 306px;height: 113px; background-color: #eff2f2;}
#recGolf div {float:left; margin: 10px;}
#recSpa {float:left; margin: 0 4px 4px 0; width: 306px;height: 113px; background-color: #eff2f2;}
#recSpa div {float:left; margin: 10px;}
#recFamily {float:left; margin: 0 0 4px 0; width: 304px;height: 113px; background-color: #eff2f2;}
#recFamily div {float:left; margin: 10px;}
#recCruise {float:left; margin: 0 4px 0 0; width: 306px;height: 113px; background-color: #eff2f2;}
#recCruise div {float:left; margin: 10px;}
#recMarina {float:left; margin: 0 4px 0 0; width: 306px;height: 113px; background-color: #eff2f2;}
#recMarina div {float:left; margin: 10px;}
#recShopping {float:left; width: 304px; height: 113px; background-color: #eff2f2;}
#recShopping div {float:left; margin: 10px;}

/*Spa*/
#spaPhoto {float:left; width: 398px; height: 300px; margin:4px 0 4px 4px; display:inline}
#spaSpa {float:left; width:269px; margin:4px; padding:150px 20px 20px 20px; background: url(../images/spa-spa.jpg) no-repeat; display:inline;}
#spaFitness {float:left; width:269px; margin:4px; padding:150px 20px 20px 20px; background: url(../images/spa-fitness.jpg) no-repeat; display:inline;}
#spaSalon {float:left; width:269px; margin:4px; padding:150px 20px 20px 20px; background: url(../images/spa-salon.jpg) no-repeat; display:inline;}
#spaMenuContent{float:left; width: 487px; padding-left: 40px; padding-bottom: 20px; display:inline;}
#spaTabMassage {float:left; margin: 0 2px 0 61px; line-height: 0px; display:inline;}
#spaTabFacial {float:left; margin: 0 2px 0 2px; line-height: 0px; display:inline;}
#spaTabBodycare {float:left; margin: 0 2px 0 2px; line-height: 0px; display:inline;}
#spaTabMind {float:left; margin: 0 2px 0 2px; line-height: 0px; display:inline;}
#spaTabDownload {float:left; margin: 0 2px 0 2px; line-height: 0px; display:inline;}
#spaMenu {float:left; width: 952px; margin-bottom: 20px; margin-left:4px; display:inline;}
#spaMenuLeft {float:left; width: 436px; margin: 10px 20px 10px 20px; display:inline;}
#spaMenuRight {float:left; width: 416px; padding-left: 30px; margin: 40px 0 10px 20px; border-left:1px solid #c1cecf; display:inline;}
#spaPackages {float:left; width: 952px; margin-bottom: 20px; margin-left:4px; background: url(../images/spamenu-bottomcorners.gif) bottom no-repeat #edecde; display:inline;}
#spaPackagesLeft {float:left; width: 436px; margin: 10px 20px 0 20px; display:inline;}
#spaPackagesRight {float:left; width: 416px; padding-left: 30px; margin: 10px 0 20px 20px; border-left:1px solid #b8b8a5; display:inline;}
#spaPackagesBottom {float:left; width: 874px; margin: 10px 20px 10px 20px; display:inline;}
#spaSalonlist {float:left; width: 952px; margin-bottom: 20px; background: url(../images/salon-grad.gif) repeat-x; display:inline;}
#spaSalonlistLeft {float:left; width: 436px; margin: 10px 20px 0 20px; display:inline;}
#spaSalonlistRight {float:left; width: 416px; padding-left: 30px; margin: 45px 0 4px 20px; border-left:1px solid #b8b8a5; display:inline;}
#spaHours {float:right; width: 401px;  margin: 20px 0 8px 0; border-left:1px solid #c1cecf;  display:inline;}

/*dining*/
#diningTabCourtside {float: left; width: 150px; margin: 20px 2px 0 25px; display:inline;}
#diningTabTarpon {float: left; width: 150px; margin: 20px 2px 0 0; display:inline;}
#diningTabCharleys {float: left; width: 150px; margin: 20px 2px 0 0; display:inline;}
#diningTabPrincess {float: left; width: 150px; margin: 20px 2px 0 0; display:inline;}
#diningTabPalmcourt {float: left; width: 150px; margin: 20px 2px 0 0; display:inline;}
#diningTabCove {float: left; width: 150px; margin: 20px 0 0 0; display:inline;}
#diningPhoto {float:left; width: 300px; margin: 4px 0 4px 8px; display:inline;}
#diningContent {float:left; width: 410px; margin: 20px 30px; display:inline;}
#diningHours {float:right; width: 150px; margin: 20px 20px 0 0; background: url(../images/dining-hours-bottomcorners.gif) bottom no-repeat #edecde;  display:inline;}
.diningHoursText {margin:0 8px 20px 8px; font-size:10px; text-align:left;}

/*Employment*/
#buttonTrio {float:right; width:260px;  margin:45px 45px 20px 0; display:inline}

/*Contact*/
#address {float:right; width: 348px; padding-left: 8px; margin: 20px 0 8px 0; border-left:1px solid #c1cecf;  display:inline;}
#address2 {float:right; width: 377px; padding-left: 20px; margin: 20px 0 8px 0; border-left:1px solid #c1cecf;  display:inline;}

.siteMap {float:left; width:250px; height: 260px; padding-left: 8px; border-left:1px solid #c1cecf;  display:inline;}

/*inside pages*/
#insideFull {float:left; width: 952px; display:inline;}
#doubleColumn1 {float:left; width: 243px; display:inline;}
#doubleColumn2 {float:left; width: 243px; display:inline;}
#halfWidth {float:left; width:435px; margin: 0 0 10px 40px; display:inline;}
#halfWidth2 {float:left; width:435px; margin: 0 0 10px 20px; display:inline;}
#slideshow {float:left; width: 932px; margin: 20px 0 10px 14px; display: inline;}

/*travelscream*/
#rightColumn {float:right; width: 357px; padding:0 20px; margin: 20px 0 8px 0; border-left:1px solid #c1cecf;  display:inline;}
.popupBox{padding:5px 20px; border:1px solid #c1cecf; }
.mapHolder{float:left; width: 500px; margin:20px 0 20px 40px; background-color:#FFF; border:1px solid #c1cecf; display:inline;}

 a.boldLink{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #728f91;}
 a.boldLink:visited {color: #666;}
 a.boldLink:hover {color: #c68327;}
 a.boldLink:active {color: #728f91;}