/* These are classes that can be referenced by all HTML elements by referencing the class attribute.*/
/*<h1 class="center">This heading will be center-aligned</h1> */

body
{
background-color: #FFFFCC;
color: #333;
font-family: calibri, Trebuchet MS, helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
margin: -3px;
text-align: left;
}
#shell	{
	width: 756px;
	margin: 0px auto;
	text-align: left;
	padding: 0px 0 0px 100px;
	}
/* background and position for logo*/
#content	{
	float: left;
	/*clear: both;
	/* background-color: #FFFFCC; */
	margin: 0 !important;
	margin: -3px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 756px;
	}
#logobg
{
/* position: absolute; */
float: left;  
width: 756px; 
height: 70px; 
background-image: url(gifs/tr_bg.gif); 
}
/* position for logo image*/
#logo
{
/* position: absolute; */
float: left;
/*top: 0px; 
left: 90px; */
width: 396px; 
height: 67px;
background-image: url(gifs/logo.gif);
}
/* position and text specifications for top navigation bar to right of logo*/
#topnav {
/* position: absolute; */
float: right;
margin: 35px 3 3 3;
/*top: 35px; 
left: 535px;*/
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 11px;
color: "white";
}
/* gray image that separate logo background from graphic button nav bar*/
#divider
{
/* position: absolute; */
float: left; 
/*top: 65px; 
left: 0px; */
width: 756px; 
height: 3px; 
background-image: url(gifs/divider.gif);
background-repeat: repeat-x 
}
/* horizontal button bar */
a:hover	{color: #6666FF;}
/* graphic button for guest comments */
#comments {
/* position: absolute; */
float: left;
/*top: 75px; */
left: 100px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_comments.gif);
height: 29px; 
}
/* graphic button for explore the boat */
#boat {
/* position: absolute; */
float: left;
/*top: 75px; */
left: 226px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_boat.gif);
}
/* graphic button for meet the crew */
#crew {
/* position: absolute; */
float: left;
/*top: 75px; */
left: 352px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_crew.gif);
}
/* graphic button for what's included in your charter */
#included {
/* position: absolute; */
float: left;
/*top: 75px; */
left: 478px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_included.gif);
}
/* graphic button for sample iteniary */
#sample {
/* position: absolute; */
float: left;
/*top: 75px; */
left: 604px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_sample.gif);
}
/* graphic button for list of special charters */
#charters {
/* position: absolute; */
float: left; 
/*top: 75px; */
left: 730px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_charters.gif);
}
#charters_arrow {
/* position: absolute; */
float: left; 
/*top: 75px; */
left: 730px; 
width: 126px; 
height: 29px; 
background-image: url(gifs/but_charters_arrow.gif);
}
#dropmenudiv{
position: absolute;
border: none;
background-color: #CCCCCC;
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 11px;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
/*hover background color
#dropmenudiv a:hover */

/*Slide Show division */
#slideshow {
float: left; 
background-color: #FFFFFF;
/*top: 107px; 
left: 100px; */
width: 497px; 
height: 337px; 
}
/* background image for right body section - Captain's Log */
}
#rightbg {
float: left;
/*position: absolute; 
top: 107px; 
left: 604px; */ 
width: 252px; 
height: 337px; 
background-image: url(gifs/rightbg.gif);
}
#rightmsg {
/* position: aboslute;
top: 137px; */
float: left;
width: 248px;
padding: .2cm;
text-align: left;
}
/* background and positon for text body */
#bodybg {
/* position: absolute; */
float: left;
/*top: 440;
left: 100; */
background-image: url(gifs/bodybg.gif); 
background-repeat: repeat-y;
width: 760;
padding: .5cm;
} 
/* The following elements define position & specifications for small pictures found in text body */
div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: block;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-size: 11px;
  width: 120px;
  margin: 2px;
  }
/* background and position for footer*/
#foot	{
/* position: absolute; */
float: left;
/*	left: 100;
	top: 975; */
	color: #666;
	font-size: 14px;
	background-image: url(gifs/atl_foot.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 756px;
	padding: 3%;
	margin: 0;  
	}
#foot .nav	{
	display: inline;
	margin: 0 5px;
	padding: 0;
	}
/* List item and separation graphic for list list in footer*/
#foot .nav li	{
	display: inline;
	padding: 0 6px 0 2px !important;
	padding: 0 8px;
	background-image: url(gifs/navbullet.gif);
	background-position: right -4px;
	background-repeat: no-repeat;
	}
.left  {text-align: "left"}
.center {text-align: "center"}
.right {text-align: "right"}
.comic {font-family: "comic sans ms"}
.large {font-size: 80pt}
.medium {font-size: 12pt}
.small {font-size: 10pt}
.exsmall {font-size: 8pt}
.whitecolor {background-color:white}

/*The following header elements are grouped together and set to a font, color and decoration.*/
p
{
font-family: Trebuchet MS, helvetica, sans-serif;
}
h1
{
text-align: center;
font-family: Kristen ITC,Trebuchet MS, helvetica, sans-serif; 
}
h2
{
text-align: center;
font-family: Kristen ITC,Trebuchet MS, helvetica, sans-serif;
}
h3,h4,h5,h6
{
font-family: Kristen ITC,Trebuchet MS, helvetica, sans-serif;
}
address
{
font-family: Kristen ITC,Trebuchet MS, helvetica, sans-serif; 
margin-left: 10pt;
}
li,td
{
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 90%;
}
th
{
font-family: Trebuchet MS, helvetica, sans-serif;
}
legend
{
font-family: Trebuchet MS, helvetica, sans-serif;
font-size: 110%;
}
*/
/*The following anchor elements are grouped together and set to gray for active; visited changes to red*/
a:link     { color:#6666FF }
a:visited  { color:#336699 }
a:active   { color:#FF0000 }
a:hover    { color:#999999 }