html {
  background-color:#0763c6;
  padding:0;
  text-align:center;
  background-image:  url("./images/gradientbg.gif");  
  background-position: top center;   
	background-repeat: repeat-x;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
  margin:10px 0 0 0;
  padding:0;
  text-align:center;  
}

.center {
  text-align:center !important;
}
#flashcontent {
  margin:0;
  padding:0;
  width:385px;
  text-align:center;
  
}

.red {
  text-align:center !important;
  color:#ff0000 !important;
  font-size:14px !important;
}

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

a {
  color:#046bae;
  text-decoration:underline;
}

a:hover {
  color:#046bae;
  text-decoration:none;
}

.backtotop {
  margin:10px 0;
  padding:0;
  width:405px;
  text-align:right !important;  
}

#pagewidth{ 
  background:#666666 url(./images/body.gif) repeat-y center top;
  border:15px solid #fff;
  width:750px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;  
} 

#ttg {
  top:0;
  left:0;
  position:absolute;
  text-indent: -9999px;
  height:1px;
  width:1px;
}

#ttg a {
  text-indent: -9999px;
}

/** Header Section **/

#header {
  position:relative; 
  height:144px; 
  width:100%;
}

.stthomashead01 {
  background-image:  url("./images/pan_headerStThomas_01.jpg");  
  background-position: center left;   
}

.stthomashead02 {
  background-image:  url("./images/pan_headerStThomas_02.jpg");  
  background-position: center left;   
}

.stthomashead03 {
  background-image:  url("./images/pan_headerStThomas_03.jpg");  /** View of Downtown St. Thomas From The Harbor **/
  background-position: center left;   
}

.stthomashead04 {
  background-image:  url("./images/pan_headerStThomas_04.jpg");  /** Cove & Beach with Palm Trees **/
  background-position: center left;   
}

.stthomashead05 {
  background-image:  url("./images/pan_headerStThomas_05.jpg");  /** Cruise Ship **/
  background-position: center left;   
}

.stthomashead06 {
  background-image:  url("./images/pan_headerStThomas_06.jpg");  /** Day Sail Boat **/
  background-position: center left;   
}

.stthomashead07 {
  background-image:  url("./images/pan_headerStThomas_07.jpg");  /** Fishing Boat **/
  background-position: center left;   
}

.stjohnhead01 {
  background-image:  url("./images/pan_headerStJohn_01.jpg");  /** Boats **/
  background-position: center left;   
}

.stjohnhead02 {
  background-image:  url("./images/pan_headerStJohn_02.jpg");  /** Beach **/
  background-position: center left;   
}

.stjohnhead03 {
  background-image:  url("./images/pan_headerStJohn_03.jpg");  /** Boats **/
  background-position: center left;   
}

.stjohnhead04 {
  background-image:  url("./images/pan_headerStJohn_04.jpg");  /** On Island View **/
  background-position: center left;   
}

.stjohnhead05 {
  background-image:  url("./images/pan_headerStJohn_05.jpg");  /** Rocks**/
  background-position: center left;   
}

.stcroixhead01 {
  background-image:  url("./images/pan_headerStCroix_01.jpg");  /** Generic View **/ 
  background-position: center left;   
}

.stcroixhead02 {
  background-image:  url("./images/pan_headerStCroix_02.jpg"); /** Beaches **/ 
  background-position: center left;   
}

.stcroixhead03 {
  background-image:  url("./images/pan_headerStCroix_03.jpg"); /** Beaches With Palm Tree**/ 
  background-position: center left;   
}

.generichead {
  background-image:  url("./images/pan_headerBG.jpg");  
  background-position: center left;   
}

#header h2 {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width:250px;
  color: #fff;
  text-align: center;
  padding:5px 0 0 0;
  margin:0;
  bottom: 0;
  left:0;
}

#header p {
	position: relative;
	background-image: url("./images/ico_logo.gif");
	background-repeat: no-repeat;
	background-position: center left;
	height: 75px;
	width: 250px;
	text-align: center;
	margin: 0 0 0 70px;
	padding: 5px 0 0 0;
	top: 5px;
  text-indent: -5000px;
}
/** Center Column Body Content **/

#bodycontent {
  background-color: #FFFFFF;  
  float: left; 
  display:inline; 
  position: relative; 
  width:405px;
  margin:0;
  padding:10px; 
}

#bodycontent h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:center;
  color:#000;
}

#bodycontent h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
	text-align:center;
	color: #000;
  background-color:#ffcc99;
  width:405px;
	padding: 5px 0;
  margin: 10px 0;
}

.frontpage {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
	text-align:center;
	color: #000 !important;
  background-color:#ffcc99 !important;
	background-image: none !important;
  width:405px;
	padding: 5px 0;
  margin: 10px 0;
}

.endbar {
	clear:both !important;
  text-align:center !important;
	color: #fff !important;
  font-weight:bold !important;
  width:405px !important;
  height:24 !important;
	padding: 5px 0 !important;
  margin: 10px 0 !important;
	background-image: url("./images/pan_storyDividerBG.gif") !important;
	background-repeat: no-repeat !important;
	background-position: center left !important;  
}

#bodycontent p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:left;
  color:#000;
  padding:0;
  margin: 0 0 10px 0;
}

.vampirebugs01 {
	background-image: url("./images/story_vampireBugs_01.gif");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  text-indent: -5000px;
  clear:both;
}

.CruzanRumStory01 {
	background-image: url("./images/story_cruzanRum_01.gif");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  text-indent: -5000px;
  clear:both;
}

.CruzanRumMap {
	background-image: url("./images/img_CruzanRumDistilleryMap.gif");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:172px;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.MagensBay01 {
	background-image: url("./images/img_MagensBay_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:110px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.CruzBay01 {
	background-image: url("./images/img_CruzBay_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:110px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.seatrek {
	background-image: url("./images/img_seaTrek_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.divicasino {
	background-image: url("./images/img_diviCarinaBayCasino_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.ceremoniesofstjohnlogo {
  background-image: url("./images/img_ceremoniesLogo.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:200px;
  text-align:center;
  height:28px;
  padding:0 !important;
  margin:5px 0 5px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.coralworldlogo {
	background-image: url("./images/logo_coralworld.gif");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:95px;
  padding:0 !important;
  margin:5px 0 5px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stjohnaccommodations {
	background-image: url("./images/img_stjohnAccommodations.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stthomasaccommodations {
  background-image: url("./images/img_stthomasAccommodations.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stthomasrealestate {
	background-image: url("./images/img_stthomasRealEstate.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stthomasshopping {
	background-image: url("./images/img_stthomasRealEstate.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}



.stcroixweddingguide01 {
  background-image: url("./images/img_stcroixWeddingGuide_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stjohnweddingguide01 {
  background-image: url("./images/img_stjohnWeddingGuide_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.stthomasweddingguide01 {
  background-image: url("./images/img_stthomasWeddingGuide_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.weddingphotographers01 {
  background-image: url("./images/img_weddingGuidePhotographersAndVideo_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.weddingMusicians01 {
  background-image: url("./images/img_weddingMusiciansAndDJs_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.weddingtransportation01 {
  background-image: url("./images/img_weddingTransportation_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.weddingflorists01 {
  background-image: url("./images/img_weddingGuideFlorists_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.coral-world {
	background-image: url("./images/coral-world-header-01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}



.shark-encounter {
	background-image: url("./us-virgin-islands/st-thomas-usvi/st-thomas-usvi-coral-world-ocean-park/images/stt-coral-world-shark-encounter-01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:225px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.green-turtle-encounter {
	background-image: url("./us-virgin-islands/st-thomas-usvi/st-thomas-usvi-coral-world-ocean-park/images/stt-coral-world-green-turtle-encounter-01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}


.nautilus-semi-submarine {
	background-image: url("./us-virgin-islands/st-thomas-usvi/st-thomas-usvi-coral-world-ocean-park/images/stt-coral-world-nautilus-semi-submarine-01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}


.snuba {
	background-image: url("./images/img_snubaHeader_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.snubadoo {
	background-image: url("./images/img_snubaDooHeader_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:150px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.visnubalogo {
	background-image: url("./images/logo_visnuba.gif");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:65px;
  padding:0 !important;
  margin:5px 0 5px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.USVirginIslands01 {
	background-image: url("./images/img_USVirginIslands_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:110px;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}

.CharlotteAmalie01 {
	background-image: url("./images/img_CharlotteAmalie_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
  width:405px;
  text-align:center;
  height:110px;
  padding:0 !important;
  margin:10px 0 10px 0 !important;
  text-indent: -5000px;
  clear:both; 
}
/** Story Styles **/

div.stories {
	position: relative;
	top:0;
	left:0;
	width:405px;
	margin:10px 0;
	padding:0;
  clear:both;
}

.contactInfo {
  margin:0 !important;
  padding:0 !important;
}

.contactInfoCenter {
  margin:0 !important;
  padding:0 !important;
  text-align: center !important;
}

div.stories h2 {
	position: relative;
	top: 0;
	left: 0;
	text-align:center;
	color: #fff;
	background-color:#fff;
  width:405px;
	padding: 5px 0;
  margin: 10px 0;
}


div.stories h3 {
  font-size:18px;
	margin:0;
	padding:0;
}

div.stories h3 a {
  text-decoration:none;
}
/** Story Navigation **/

#storymenu 
{
  float:right;
  list-style: none;
  margin: 10px 0 10px 10px;
  padding: 0;
}	

#storymenu dt 
{
  width:178px;
  padding:5px 0 5px 5px;
  margin:0;
  border: solid 1px #d1d1c9; 
  background-color: #eeece4;
  text-align:center;
  font-size:12px;
  color:#000;
}

#storymenu dd 
{
  width:178px;
  padding:5px 0 5px 5px;
  margin:0;
  border-bottom: solid 1px #d1d1c9;
  border-left: solid 1px #d1d1c9;
  border-right: solid 1px #d1d1c9;		
  background-color: #fff;
  font-size:10px;
  color:#fff;
}

#storymenu dd a
{
  text-decoration:none;
}

#storymenu dd a:hover
{
  text-decoration:underline;
}


/** Images **/

.images  
{
	padding:0;
  margin:0;
	list-style:none;
  display:inline; 
}

.frontpageimg
{
	padding:0;
  margin:0 10px 0 0;
	width:125px;
  height:150px;  
	list-style:none;
  float:left;
}

.images img
{
  margin:0;
	padding:0;
}

.images li
{ 
	text-align:center;
	margin:0;
	padding:0;
  display: inline !important;
}

.images li a
{ 
  margin:0;
	padding:0;
}

/** Bottom Navigation **/

#bottomMenu {
  position:relative;
  width:395px;
  padding:0;
  margin:15px 0 0 0;
}

#bottomMenu ul {
  float:left;
  list-style:none;
  padding:0 7px;
  margin:0;
  font-size:9px !important;
}

#bottomMenu li a {
  color:#046bae;
  text-decoration:none;
  margin: 0;
  padding: 0 0 0 7px;
  background-image:  url("./images/ico_arrow.gif");  
  background-repeat: no-repeat;
  background-position: center left;  
} 

#bottomMenu li a:hover{
  color:#046bae;
  text-decoration:underline;
}

/** Bread Crumb Trail **/

#crumb {
  position:relative;
  width:405px;
  list-style:none;
  background-color:#fff;
  border-bottom: 1px dashed #ccc;  
  padding:0 0 10px 0;
  margin:0;
}

#crumb li {
  display:inline;
  padding:0;
  margin:0;
  font-size:11px;
}

#crumb li a {
  padding:0;
  margin:0;
} 

/** Left Column Primary Menu **/
#primarymenu {
  width:165px;
  float:left;  
  background-color:#d1d1c9;
  padding:5px;
  margin:0;
}

#primarymenu ul{
  width:165px;
  list-style:none;
  background-color:#eeece4;
  padding:0;
  margin:0;
}

#primarymenu li{
  width:155px;
  background-color:#fff;
  list-style:none;
  padding:5px 5px;
  margin:0;
  font-size:11px;
  border-bottom:1px solid #d1d1c9;
}

#primarymenu li a {
  color:#000;
  text-decoration:none;
  margin: 0;
  padding: 0 0 0 7px;
  background-image:  url("./images/ico_arrow.gif");  
  background-repeat: no-repeat;
  background-position: center left;  
}

#primarymenu .island {
  width:155px;
  background-color:#d7eaf7;
  list-style:none;
  padding:5px 5px;
  margin:0;
  border-bottom:1px solid #d1d1c9;
  text-align:center !important;
  font-size:13px;
}

#primarymenu .island a {
  color:#046bae;
  padding:0;
  margin:0;
  background-image:  none !important;  
}

#primarymenu .sub {
  width:153px;
  background-color:#fff !important;
  font-size:10px;
  color:#000;
  text-decoration:none;
  margin: 0;
  padding: 5px 0 5px 12px !important;
}

#primarymenu .sub a {
  color:#046bae;
}


#primarymenu li a:hover{
  color:#046bae;
  text-decoration:underline;
}

#primarymenu p {
  width:155px;
  margin:0;
  padding:5px;
}

/** Right Column Content **/

#GoogleAdsense {
  width:150px; 
  float:right; 
  position:relative; 
  background-color:#d7eaf7;
  text-align:center;
  padding:0;
  margin:10px 0;  
}

.google234by60 {
  width:234;
  height:60;
}


/** UnOrganized Styles **/ 





#twocols{
 width:575px; 
 float:right; 
 position:relative; 
  }
 

 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}