BODY {
	background-color: #999999; 
	font-family: Arial, Helvetica, sans-serif; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;}
	
A:link {COLOR: #747474; TEXT-DECORATION: none}
A:visited {COLOR: #747474; TEXT-DECORATION: none}
A:hover {COLOR: #ec2a32; TEXT-DECORATION: underline}
A:active {COLOR: #ec2a32; TEXT-DECORATION: underline}

td {
	font-family: Arial, Helvetica, sans-serif; 
}

th {
	font-family: Arial, Helvetica, sans-serif; 
}

.pageheader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-style: normal;
	color: #ec2a32;
	font-weight: bold;
	text-decoration:none;
	padding-bottom:2px;
	padding-left:11px;
	text-transform:uppercase;
}

.contact-bullet {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-style: normal;
	color: #ec2a32;
	font-weight: bold;
	text-decoration:none;
	padding-right:2px;
	padding-left:11px;
}

.link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #747474;
	text-decoration: none;
}


.bold {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #747474;
	text-align: justify;
	line-height: 17px;
}

.mainbody {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #000;
	text-align: justify;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	text-decoration: none;
}
.dottedline {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8px;
	color: #747474;
	font-style: normal;
	text-decoration: none;
	line-height: 5px;
}
.resublink {
	font-family: Arial;
	font-size: 12px;
	color: #99681B;
	text-align: justify;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
}
.arrow {
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 11px;
	color: #99681B;
	text-align: justify;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
}
.Boxsize {  font-family: Arial, Helvetica, sans-serif;  font-size: 10px; color: #9A9A9A; background-color: #FFFFFF; border: 1px solid #9A9A9A
}
.top {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #747474;
	text-align: justify;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
}
.add {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #747474;
	text-align: justify;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	text-decoration:none;}
	
#more
{
	clear: both;
	margin: 6px 0px 4px 20px;
}
#less
{
	margin: -24px 0px 4px 20px;
}

#cont{
  overflow:hidden;
}

#content{
    height:auto;
    overflow:hidden;
}
.add {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #747474;
	text-align: justify;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	text-decoration:none;}
.on {  background-color: #CBCBCB; color: #333333; text-decoration: none}
.off {  color: #333333; text-decoration: none; background-color: #FFFFFF}

/*container specs*/


.container{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bold;
	color: #000;
}



.whiten{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 12px;
	color: #000;
	vertical-align: top;		
}

.white{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 12px;
	color: #000;
	vertical-align: top;	
	text-align: center;
}

.gray{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 12px;
	color: #000;
	vertical-align: top;
	background-color: #E9E9E9;
	text-align: center;
}

#specs td{
	border: 1px solid #999999;
}

/* Sailing Schedule */
.sailingheader{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 12px;
	color: #000;
	vertical-align: middle;
	background-color: #E9E9E9;
	text-align: left;
	padding: 5px;
}
.sailingcontent{
	font-family: Arial, Helvetica, sans-serif; ;
	font-size: 12px;
	color: #000;
	vertical-align: middle;
	border-bottom:1px solid #E9E9E9;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #E9E9E9;
	text-align: left;
	padding: 5px;
}

/* Froms */

.form-text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-style: normal;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}

.formbox {
background-color: white;
border: 1px solid #999999;
} 

/* Staff */

.staff-text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding-left:16px;
	color: #000;
	font-weight:bold;
	line-height:18px;
}

.staff-pic {
	padding-left:15px;
	Padding-right:15px;
}


/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
	/*.qmmc a {float:none}*/


	#qm0 #mitem0 {background-image:url(images/menu/home.jpg);width:125px;height:30px;}
	#qm0 #mitem0.qmactive {background-image:url(images/menu/home_over.jpg);}
		
	#qm0 #mitem1 {background-image:url(images/menu/info.jpg);width:125px;height:30px;}
	#qm0 #mitem1.qmactive {background-image:url(images/menu/info_over.jpg);}
	
	#qm0 #mitem2 {background-image:url(images/menu/quote.jpg);width:125px;height:30px;}
	#qm0 #mitem2.qmactive {background-image:url(images/menu/quote_over.jpg);}
	
	#qm0 #mitem3 {background-image:url(images/menu/schedules.jpg);width:125px;height:30px;}
	#qm0 #mitem3.qmactive {background-image:url(images/menu/schedules_over.jpg);}
	
	#qm0 #mitem4 {background-image:url(images/menu/contact.jpg);width:125px;height:30px;}
	#qm0 #mitem4.qmactive {background-image:url(images/menu/contact_over.jpg);}
	

	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{ 
		background-color:transparent;

	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a
	{
		color:#FFFFFF;
		background-color:transparent;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		border-style:none;
		border-color:#dddddd;
		border-width:1px;
		background-repeat:no-repeat;
		background-position:center center;
		margin-right:2px;
		margin-left:2px;
		width:118px;
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{ 
		
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover
	{ 
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
	#qm0 .qmparent
	{
				

	}


	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{
		background-color:#999999;
		/*padding:5px;*/
		border-style:solid;
		border-width:2px;
		border-color:#999999;
		margin-top:0px;
		padding:2px 2px 2px 2px;
	}

	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{
		text-decoration:none;
		color:#ec2a32;
	}


	/*""""""""[SUB] Active State """"""""*/
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover
	{
		text-decoration:none;
		color:#ec2a32;
	}


	/*"""""""" [SUB] Parent Items """"""""*/
	#qm0 div .qmparent 
	{
		
	}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{		
		margin:0px;
		/*background-color:#eeeeee;*/
		padding:2px 0px 2px 0px;
		border-width:0px;
		border-style:none;
		border-color:#000000;
		background-repeat:no-repeat;
		background-position:95%;
	}
