@charset "UTF-8";
/* CSS Document */
/* Colors - Marquee: #6A2829, */

body {
	background-image:url(../Images/HaleakalaCrater.jpg);
	background-repeat: no-repeat;
	background-color:#bbdcfa;
	margin: 0 0 0 0;
	padding: 0;
}

#WrapperAll {
	min-height: 1390px;
	height: 100%;
	margin: 0 auto -347px;
	font-family: Liberation Serif, Times New Roman, Times, serif;
}

#PageContainer {
	margin:auto;
	width:900px;
	height:auto;
}
	#TopBlueBar {
			float:left;
			width:900px;
			height:22px;
			background-color:#0d104c;
			-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
			-moz-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
			box-shadow: rgba(0,0,0,1) 0px 0px 7px;
		}
	
	#NavBar {
			float:left;
			width:900px;
			height:33px;
			background-color:#e6e4e4;
		}
	
	#HeaderArea {
		float:left;
		width:900px;
		height:305px;
		-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
		-moz-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
		box-shadow: rgba(0,0,0,1) 0px 0px 7px;
	}
		
		#HeaderTop {
			float:left;
			width:900px;
			height:114px;
			background-image:url(../Images/Header/HeaderTop.png);
		}
		
		#HeaderBottom {
			float:left;
			width:900px;
			height:191px;
		}
		
			#HeaderBottomLeft {
				float:left;
				width:234px;
				height:191px;
				background-image:url(../Images/Header/HeaderBottomLeft.png);
			}
			
			#HeaderBottomRight {
				float:left;
				width:666px;
				height:191px;
				background-image:url(../Images/Header/HeaderBottomRight.png);
			}
			
	#ContentArea {
		float:left;
		width:900px;
		height:920px;
		background-color:#041a6f;
		
		-webkit-border-bottom-right-radius:10px;
		-webkit-border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		-border-bottom-right-radius:10px;
		-border-bottom-left-radius:10px;
		-webkit-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
		-moz-box-shadow: rgba(0,0,0,1) 0px 0px 7px;
		box-shadow: rgba(0,0,0,1) 0px 0px 7px;
	}
	
		#ContentLeftEdge {
			float:left;
			width:19px;
			height:920px;
		}
			
		#ContentMiddle {
			float:left;
			width:858px;
			height:900px;
		}

		#ContentMiddleTopSpacer {
			float:left;
			width:860px;
			height:13px;
		}
		
		#ContentMiddleContentArea {
	float:left;
	width:850px;
	min-height:870px;
	background-color:#FFF;
	border-radius:10px;
	-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-box-shadow: rgba(0,0,0,.28) 0px 0px 7px;
	-moz-box-shadow: rgba(0,0,0,.28) 0px 0px 7px;
	box-shadow: rgba(0,0,0,.28) 0px 0px 7px;
	padding:10px;
	text-align: left;
		}
		
				div.MiddleScrollableContainer {
	position: relative;
	width: 840px;
	height:830px;
	margin: 20px;
	border-collapse: collapse;
	background: #ffffff;
	overflow: auto;
    			}
				
  				div.ScrollingArea {
	min-height:840px;
	overflow:auto;
	text-align: left;
    			}
		
				table.cruises { 
    			font-family: verdana, arial, helvetica, sans-serif;
    			font-size: 14px;
    			cellspacing: 10px; 
    			border-collapse: collapse; 
    			width: 800px;    
    			}
  
  				table.cruises th, table.cruises td { 
    			border-right: 1px solid #999; 
    			border-bottom: 1px solid #999; 
    			}
  	
				table.cruises th { background: #aab; }
  				table.cruises td { background: #ffffff; }
		
				table.scrollable thead tr {
    			left: 0; top: 0;
    			position: absolute;
    			}

  				table.cruises .Position     { width: 150px; }
  				table.cruises .Name { width: 150px; }
  				table.cruises .Location    { width: 100px; }
  				table.cruises .Email  { width: 350px; }
		
		#ContentMiddleBottomSpacer {
			float:left;
			width:860px;
			height:20px;
		}
		
		#RightEdge {
			float:left;
			width:23px;
			height:920px;
		}
			
		#AddressPhoneBar {
			float:left;
			width:900px;
			height:19px;
			background-image:url(../Images/AddressPhoneBar.png);
		}	
		
		#Footer {
			float:left;
			width:900px;
			height:96px;
		}
		
		#Push {
			height:0px;
		}
		
		#BackgroundFoot {
			height:351px;
			width:100%;
		}
		
.arialfont {
		font-size:150%;
		font-family: "Arial Black";
		font-variant: small-caps;
		padding-left: 5%;
}

p.redcenter {
		text-align: center;
		color: #862C2E;
}

.comic-heading {
		text-align: center;
		font-family: Comic Sans ms, Avant Garde, sans-serif;
		font-variant: small-caps;
		font-size: 200%;
		padding-top: 60px;
}

.center {
		text-align: center;
		font-size: 120%;
		padding: 0;
		margin: 0;
}

.heading {
			
		
}

.iframe-wrapper {
		float:right;
		position: relative;
		margin-top: 55px;
		margin-right: 45px;
		margin-bottom: 20px;
		
}

.iframe-wrapper-homepage {
		float: right;
		position: relative;
		margin-top: 20px;
		margin-right: 5px;
		margin-bottom: 50px;
		
}

.center-homepage {
		font: 145% impact; 
		margin-top: 100px;
		text-align: center;
		padding: 0;
		margin: 0;
}

.padded {
		width: 41%;
		float:left;
		margin-top: px;
		margin-right: px;
		margin-bottom: -50px;
		margin-left: -10px;
}

.left-quote {
		font-size: 200%;
		font-family: cursive;
		padding-right: 5px;
		vertical-align:bottom;
		top: 25px;
		position: relative;
}

.right-quote {
		font-size: 200%;
		font-family: cursive;
		padding-left: 5px;
		vertical-align:top;
		top: -15px;
		position: relative;
}

.quote-text {
		font-size: 175%;
		font-family: cursive;
		text-align: center;		
		
}

.right-name {
		text-align: right;
		top: -75px;
		padding-right: 40px;
		position: relative;
		font-family: comic sans ms, serif;
}

.description {
		width: 99%;
		display: block;
		float:left;
		text-align: justify;
		margin-top: 0px;
}

.description p {
		padding-right: 2%;
		padding-left: 1%;
}

.contactus p {
		margin-right: 4%;
		margin-left: 4%;
		
}

.contactus {
		margin-top: 12%;

}

.contactus h3 {
		padding-left: 2%;
		margin-top: 5%
}

.middleimage {
		display:block;
		margin-right: 25%;
		margin-left: 25%;
		margin-bottom: 10%;
}

.main-text {
		width: 100%;
		display: block;
		float:left;
		text-align: justify;
		margin-top: 40px;
		
}

.main-text p {
		margin-left: 5%;
		margin-right: 8%;
		margin-bottom: 5%;
}

.left-text {
		float:left; 
		width: 675px; 
		height: 150px;
		border-bottom: 1px solid;
		
}
		
.left-text-bloated-bureaucracy {
		float:left; 
		width: 675px; 
		height: 300px;
		border-bottom: 1px solid;
		
		
}

.left-text-imbed {
		padding: 3% 0; 
		padding-left: 6%
}

.right-icon {
		float:right; 
		margin-left: 0;
		font-size: 80%;
		margin-top: 3%;		
}

.left-icon {
		float:left; 
		margin-left: -5px;
		font-size: 80%;
		margin-top: 3%;
}

.left-head {
		float:left;
		width: 98%;
		font-size: 150%;
		padding-left: 10px;
		font-family: arial, sans-serif;
		
}

.letter-text {
		
		margin-left: 5%;
		margin-right: 8%;		
}

.letter-text p {
		text-align:justify;
}

/*Begin Marquee code*/
.marquee {
 			height: 50px;
 			width: auto;
 			overflow: hidden;
 			position: relative;
 			border-top: groove;
		}
.marquee a {color: #0B0D56;
		}
.marquee h3 {
 			font-size: 200%;
 			color: #6A2829;
 			position: relative;
 			width: 1750px;
 			height: 100%;
 			margin: 0;
 			line-height: 50px;
 			text-align: left;
 
	/* Starting position */
 -moz-transform:translateX(-100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(0);

	/* Apply animation to this element */	
 -moz-animation: marquee 25s linear infinite;
 -webkit-animation: marquee 25s linear infinite;
 animation: marquee 25s linear infinite;
}

/* Move it (define the animation) */

@-moz-keyframes marquee {
 			0%   { -moz-transform: translateX(100%); }
 			100% { -moz-transform: translateX(-100%); }
		}
@-webkit-keyframes marquee {
 			0%   { -webkit-transform: translateX(100%); }
 			100% { -webkit-transform: translateX(-100%); }
		}
@keyframes marquee {
 			0%   	{ 
 				-moz-transform: translateX(100%); /* Firefox bug fix */
 				-webkit-transform: translateX(100%); /* Firefox bug fix */
 				transform: translateX(1000px); 		
 					}
 			100% 	{ 
 			-moz-transform: translateX(-100%); /* Firefox bug fix */
			 -webkit-transform: translateX(-100%); /* Firefox bug fix */
			 transform: translateX(-100%); 
					 }
			}		

/* End Marquee Code */


#WrapperAll #PageContainer #HeaderSection #TopBlackBar marquee {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#WrapperAll #PageContainer #ContentArea #ContentMiddle #ContentMiddleContentArea .scrollableContainer .scrollingArea table tr td h2 {
	color: #FFF;
}
#WrapperAll #PageContainer #ContentArea #ContentLeftSide #UpcomingEventsArea #UpcomingEventsBody .UpcomingEventsScroll table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#WrapperAll #PageContainer #ContentArea #ContentMiddle #ContentMiddleContentArea table tr td h2 {
	color: #FFFFFF;
	font-size: 200%;
	text-align: center;	
	
}
#WrapperAll #PageContainer #ContentArea #ContentMiddle #ContentMiddleContentArea .MiddleScrollableContainer .ScrollingArea table tr td {
	text-align: right;
}
#WrapperAll #PageContainer #ContentArea #ContentMiddle #ContentMiddleContentArea .MiddleScrollableContainer .ScrollingArea table tr td {
	text-align: left;
}