body {
	margin:0 auto; padding:0;
	background:#fffae5;
	/* text-align:center; */
	}
	
body, p, ul, li, td {
	font-family: arial,verdana,helvetica,sans-serif;
}

* {
  box-sizing: border-box;
}
	
#content {
	width: 100%;
	margin:0em auto;
	text-align:left;
  	border: 1px solid #149cda;
  	background-color:#ffffff;
	max-width: 1024px;
	vertical-align: top;
	}
	
#header {
  color: #eeeeee;
  background-color:#149cda;
  padding: 3px 0px 0px 15px;
  vertical-align: top;
  /* height: 37px; */
  }
   
.logo  { border: 0px; vertical-align:middle; }
.hot  { color: #cc3300; background: inherit; }
  
.headline  { margin: 0px 0px 5px 15px; font-family: arial,verdana,helvetica,sans-serif; letter-spacing: 1pt; font-size: 1em; font-style: italic; font-weight: normal; }

#top  { padding: 0px; margin: 0px; background: #e5e5e5; color: #000000; width: 100%; height: 20%; }
  
#top img   { width: 100%; padding: 0px; margin: 0px; }

.topbar  { text-align: left; padding: 3px 0px 3px 18px; background: #fffae5; font-family: arial,verdana,helvetica,sans-serif; font-size: 1em; color: #000099; }
.topbar a, .topbar a:visited, .topbar a:hover, .topbar a:active  { font-family: Arial; font-size: 12pt; color: #000099; margin-right: 5px; }

.topcontent {
	width: 470px; margin: 10px auto;
}

h1 { text-align: center; font-family: arial,verdana,helvetica,sans-serif; font-size: 1.9em; color: #336699; font-weight: bold; font-style: italic; margin: 10px 0 8px 0px }
h3 { font-family: arial,verdana,helvetica,sans-serif; font-size: 1em; color: #000099; font-weight: bold; margin: 15px 0 3px 0 }

#col1 {
	display: inline;
	float: left;
	width: 80%;
	margin:0 18% 0 0;
	padding: 0;
	}

#col1-content {
	margin: 0;
	padding: 0.5em 2em;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100%;
	}

#col2 {
	float: left;
	width: 16%;
      min-width:300px;
	margin:0;
	padding:0;
	}

#col2-content {
	margin:0;
	padding: 0.5em 1em;
	font-family: arial,verdana, helvetica, sans-serif;
	font-size: 100%;
	}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 5% 0 5%;
	padding:0;
	border:none;
	visibility: hidden;
	}
	
#footer { clear:both;
text-align: center;
color: #eeeeee;
background-color:#149cda;
padding:5px; }

.bahamasmap { border: 1px solid #DDF2FF; }

.ltblue { width:20%; background-color:#DDF2FF; }

#footer a, #footer a:visited, #footer a:hover, #footer a:active  { font-family: Arial; font-size: 12pt; color: #eeeeee; margin-right: 20px; }

#copyright { text-align:center; font-family: arial, verdana, helvetica, sans-serif; font-size: .9em; color:#666666; background: inherit; }

#copyright a, #copyright a:visited, #copyright a:hover, #copyright a:active  { font-family: arial, verdana, helvetica, sans-serif; font-size: .9em; color:#666666; background: inherit; }

/* page specific */
body#weather, body#weather .topbar {
	 background:#f7eee1;
}
body#weather #header, body#weather #footer {
	background-color:#873e1e;
}
body#weather h1 {
	color:#873e1e;
}

body#weather .content {
	/* background: url('images/bkgrd.gif') 50% 0% repeat-y; */
	border: 1px solid #873e1e;
  	background-color:#f7eee1;
}

body#sand {
	 background:#fffae5;
}

body#sand .topbar {
	background:#fffae5; border-bottom: 1px solid #149cda;
}

img.left { float:left; margin-right: 10px; border:0; }
img.right { float:right; margin-left: 10px; border:0; }
img a:link { border:0; }

.random { width:18%; float:right; margin:0 0 0 18%; }

@media screen and (min-width: 480px) {
#content {
	width: 100%;
	margin:0em auto;
	text-align:left;
  	border: 1px solid #149cda;
  	background-color:#ffffff;
	max-width: 350px;
	vertical-align: top;
	}
}