@charset "utf-8";

body  {
	/*font: 84%/150% "Verdana", Arial, Helvetica, sans-serif;
	line-height: 1.7em;*/
	font-family: "Arial", Helvetica, sans-serif, Geneva, Times, serif;
	color: #3F3F3F;
	font-size: 0.75em;
	line-height: 16px;
	margin: 0; 
	padding: 0;
	/*text-align: center; */
}

#contentWrapper { 
	width: 925px;
	/*width: 100%;*/
	/*background: #FFFFFF; */
	/*margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#TopNavigation{
	width: 500px;
	height: 40px;
	padding-left: 420px;/*376px;
	/*background-color:#FF0099;*/
}

#MiddleNavigation {
	width: 925px;
}

#Logo {
	width: 140px;
	height: 75px;
	padding-left: 475px;
	/*background: url(../layoutimages/logo.png) no-repeat;	/*background: #666666;*/
	/*padding-left: 400px;*/
	/*width: 140px;*/
	/*text-indent: -2000px;*/
}

#Logohome {
	width: 140px;
	height: 75px;
	padding-left: 475px;
	/*background: url(../layoutimages/logo.png) no-repeat;	/*background: #666666;*/
	/*margin-left: 400px;*/
	/*text-indent: -2000px;*/
}

#LogoBeneathNavigation {
	width: 925px;
	height: 65px;
}

#BottomNavigation{
	/*width: 500px;
	height: 40px;
	margin-left: 425px;
	background-color:#FF0099;*/
	width: 510px;
	margin-left: 415px;
	height: 40px;
	float: right;
}

#Spacer {
	width: 925px;
	height: 5px;
}

#contentWrapper #graphicnav { 
	padding: 0;  
	height: 30px;
	text-align: right;
	padding: 5px 0px 0px 0px;
}

#contentWrapper #ulnav { 
	background: none;
	height: 95px;
}

#leftcolumn {
	float: left;
	width: 180px; /* since this element is floated, a width must be given and original is 200pixel*/
	/*padding: 0px 5;*/ /* top and bottom padding create visual space within this div */
}

#rightcolumn {
	float: right;
	width: 715px; /* 725 px is actual width for this column, since this element is floated, a width must be given */
	/*padding: 1px  0px 15px  0px; /* top and bottom padding create visual space within this div */
}

#contentWrapper #verulmenu {
	padding-left:5px;
}

#contentWrapper #vercal {
	padding-left:5px;
}

#contentWrapper #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent;
	text-align: center;
	line-height: 35px;
	clear: both;
	font-size: 10px;
} 

#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent;
	text-align: center;
	line-height: 35px;
	clear: both;
	font-size: 10px;
} 

.sprytopicheading {
	color: #666600;
	/*font-weight: bold;*/
}

#innertop {
	width: 675px;
}

.lastnews {color: #FF0000; font-weight: bold;}

#featuredresort {
	width: 675px;
	float: left;
	clear: both;
}

#featuredliveaboard {
	width: 675px;
	float: left;
}

#liveaboarddisplay{
	float: left;
	width: 300px;
	height: 200px;
	margin-right: 25px;
}

#fresortdisplay{
	float: left;
	width: 195px;
	height: 130px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#offerpackageimg {
	float: left;
	width: 144px;
	height: 72px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#offerpackageimg img {
	/*border: 1px solid #333333;*/
}

#offersnippet {
	width: 150px;
	float: left;
	margin-left: 10px;
}

#offersnippet h1{
	font-size: 16px;
	color:#FF0000;
}

#offerpackageimg thisimg {
	border: none;
}

#contentWrapper #lastright {
	color: #666666;
	width: 715px;
	float: right;
	text-align: left;
	clear: right;
}

#contentWrapper #lastright h1{
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

#offerblocksafari {
	width: 350px;
	float: right;
	clear: left;
}
#offerblock {
	width: 350px;
	float: right;
	clear: left;
}
/*---------------------------Flash Font------------------------------*/

a:link, a:visited {
	text-decoration: none;
	color: #000099;
}

.input  {
	font-family: "Arial", Helvetica, sans-serif, Geneva, Times, serif;
	font-size: 1.1em;
	/*text-align: center; */
}

#ResortBox tr, td {
	border: none;
}