@charset "UTF-8";
/* CSS Document */
/* ---------------------------- GLOBAL WHITESPACE RESET ____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote{ margin:0; padding:0; border:0;}
p,h1,h2,h3,h4,h5,h6,ul,hr{ margin: 10px 0;}a, a:hover, a:visited{ text-decoration: none; color: #ef3e34;}
/* ---------------------------- HTML SELECTORS ____________________________
*/
body{ background-color: #ffffee; text-align:center; /* IE centering trick */}
.alignRight{ float: right; padding: 0px 5px 5px 5px;}
.alignLeft{ float: left; padding: 0px 5px 5px 5px;}

h2.blue{ background-color: #0060aa; border-bottom: 3px solid #ef3e34; background-image: url(../images/bluecurve.gif); background-position: left; background-repeat: no-repeat; color: #fff; font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.2em; padding-left: 15px; }

h2.red{ background-color: #ef3e34; border-bottom: 3px solid #0060aa; background-image: url(../images/redcurve.gif); background-position: left; background-repeat: no-repeat; color: #fff; font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.2em; padding-left: 15px; }
h3{ color: #0060aa;}

h4{ color: #0060aa; padding: 0px; margin: 0px 0px -4px 0px;}
input, textarea, select{ padding: 2px; color: #222;}

/*  ---------------------------- NAVS  ----------------------------*/
ul#topNav, ul#topNav li{ text-align: center; list-style: none;}
ul#topNav{ margin: 4px 0px 0px 0px; width: 780px; padding: 0px 0px; background-color:#0060aa; border-bottom: 3px solid #ef3e34; overflow: hidden;}
ul#topNav li{  padding: 2px 2px; display: inline;}
ul#topNav li a{ color: #fff;  font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size: 13px; text-decoration: none; padding: 2px 2px; }
ul#topNav li a:hover{ background-color: #ef3e34; }

/**/
ul#footerNav, ul#footerNav li{ text-align: center; list-style: none;}
ul#footerNav{ margin: 5px 0px 0px 5px; width: 780px; padding: 0px 0px; background-color:#ef3e34; overflow: hidden;}
ul#footerNav li{  padding: 4px 10px; display: inline;}
ul#footerNav li a{ color: #fff;  font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size: 15px; text-decoration: none; padding: 2px 0px;}
ul#footerNav li a:hover{ background-color: #0060aa; }

/* ---------------------------- LAYOUT STYLES ____________________________*/
#wrapper{ width:780px; margin: 0 auto; text-align:left;background-color:#fff;}
#masthead{ position:relative; padding: 0px; background-color: #fff;}
#content{ text-align: left; float: left; width: 565px; font-size: 13px;line-height: 1.2em; background-color: #fff;}
#homeContent{ font-size: 14px; line-height: 1.3em; padding: 0px 0px 0px 5px;}
#footer{ margin: 5px auto; text-align: center; width: 780px; font-size: 12px;}
#rightCol{ width: 200px; float: right; font-size: 12px; padding-left: 10px; overflow: hidden; }
#signUp{ width: 190px; align: center; text-align: center;}
#signUp form input{ margin: 0px auto; display: block; color: #222; }
#footer{ width: 760px; float: left; margin: 5px auto;}
#weather{ color: #ef3e34; width: 155px; float: right; font-size: 12px; margin: 3px 0px;}
#weather a{ color: #0060aa; font-size: 12px;}

.lightBox{ background-color: #e0edf5;}
.featuredResortIndex{ font-size: 17px;  color: #0060aa; line-height: 1.5em; padding-left: 5px;}
.ResortDesc{ float: right; width: 410px;}
.resortBox{background-color: #e0edf5; display: block;}
.padding5{ padding: 0px 5px 5px 5px;}

.joinButton, .inputborder{ margin: 4px auto; color: #222; border: 1px solid #0060aa;}
.joinbutton{ margin-top: 5px;}
.rentalguide{ border: 1px solid #0060aa; margin: 0px;}

.bahamaSandsRight{height: 80px; padding: 0px 5px 5px 5px;}

/* ---------------------------- Google Map STYLES ____________________________*/
div#interactiveMap{width: 780px;height: 500px;}
div#map{width: 550px;height: 500px;border:1px solid #ccc;float:left;}
.infoWindow{ width: 250px; color: #333; font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size:12px; margin: 0;}
div#locations{ padding: 5px; color: #333; font-family: Lucida sans, Helvetica, Arial, sans-serif; font-size:12px; margin: 0; width: 200px; float:left;}
div#accom{ margin-bottom: 3px; overflow:auto; border: 1px solid #ccc; height: 165px;}
div#accom a{ padding: 5px; margin: 0; display: block; border-bottom: 1px solid #ccc; color: #0060aa;}
/* ---------------------------- Misc Classes ____________________________
*/
.center{ text-align: center;}
.clear{ clear: both; height: 1px; overflow: hidden;}
.error{ color:red;}hr.home{ width: 275px; text-align: center; color: #0060aa; size: 1px; margin: 10px auto;}
div#weatherRadarImage{ position:relative; height:449px; margin:5px 0 5px 5px;}.baseRadarImage{ position:absolute;z-index:0;top:0;left:0;}
.overlayRadarImage{ position:absolute;z-index:1;top:0;left:0;}