@charset "utf-8";


/* HTML Selectors */

body {
	font: normal 0.9em/1.1em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}

h1 {

	color: #fff;

	background: #000;

	display: block;

	margin: 0px;

	padding-right: 20px;

	font-size: 0.9em;

	width: 800px;

	height: 22px;

	line-height: 1.6em;

	letter-spacing: 0.1em;

	text-align: right;

}

h1 a {

	color: #fff;

	text-decoration: none;

}

h1 a:hover {

	color: #FF3300;

	text-decoration: none;

}

h2 {

	color: #FF6600;

	margin: 0px 0px 0px 5px;

	font-size: 1em;

	line-height: 1.3em;

}

h3 {

	text-align: center;

	font-size: 1.1em;

	line-height: 1.3em;

	font-style: italic;

}

h3 a {

	color: #FF9900;

	text-decoration: none;

}

h3 a:hover {

	color: #FFCC66;

	text-decoration: none;

}

h4 {

	font-size: 0.9em;

	line-height: 1.2em;

	color: #666666;

	border-bottom: 1px dashed #666666;

	margin: 5px;

}

h4 a {

	color: #666666;

	text-decoration: none;

}

h4 a:hover {

	color: #999999;

	text-decoration: none;

}

h5 {

	font-size: 0.8em;

	line-height: 1.1em;

	color: #000;

	font-weight: normal;

	margin: 0px 5px 5px 10px;

}

h5 a {

	color: #000;

	text-decoration: underline;

}

h5 a:hover {

	text-decoration: none;

}

h6 {

	font-size: 0.9em;

	text-align: center;

	line-height: 1.4em;

	margin: 0px;

	font-weight: normal;

}

h6 a {

	color: #FF6600;

	text-decoration: none;

}

h6 a:hover {

	color: #666;

}

ul {

	margin: 0px;

	padding: 0px;

	list-style: url(none) none;

}

ul li {

	padding: 5px 20px;

}



a {

	color: #FF6600;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

img {

	display: block;

	border: 0px none;

}

/* New Page Components */


#topMenu {
	position: absolute;
	top: 0px;
	height: 30px;
	background-color: #000000;
	width: 100%;
	color: #FEE904;

}

#headerBG {
	top: 30px;
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 107px;
	background-image: url(images/header_gradient.png);
	background-repeat: repeat-x;

}

#tourHeader {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 150px;

}

#mainFlash {
	position: absolute;
	top: 139px;
	width: 700px;
	height: 600px;
	color: #000000;
	left: 220px;
	background-color: #FEFFE6;
}

#flashFloat {
	float: left;

}

#flashFooter {
	text-align: center;

}

#flashFooterLinkStrip {
	

}

#flashFooterLinkLeft {
	position: absolute;
	left: 102px;
}

#flashFooterLinkCenter {
	position: absolute;
	left: 297px;
}

#flashFooterLinkRight {
	position: absolute;
	left: 481px;
}

#menuholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	background-color: #000000;
	height: 100%;
	z-index: -1;
}

#leftMenu {
	position: absolute;
	top: 137px;
	width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 10px;
}

#menuSection {
	color: #FE7901;
	font-weight: bold;

}

#leftMenuItem {
	background-color: #000000;
	color: #FFCC33;
}

#leftMenuItem:hover {
	background-color: #FFCC33;
	color: #000000;
	background-image: url(images/link_hover.png);
	background-position: center;
}

#flashPane {
	position: absolute;
}

#mainContent {
	top: 522px;
	position: absolute;
	padding-left: 40px;
	font-size: 14px;
	left: -44px;
	background-color: #FEFFE6;
	width: 640px;
	padding-right: 20px;
}



#tourHighlight {
	background-image: url(images/tourHighlight_BG1.png);
	background-repeat: no-repeat;
	width: 600px;
	height: 300px;
}

#highlightAction {
	top: 120px;
	left: -7px;
	width: 150px;
	height: 60px;
	background-image: url(images/action_off.png);
	position: absolute;
}

#highlightAction:hover {
	background-image: url(images/action_over.png);
	top: 120px;
	left: -7px;
	width: 150px;
	height: 60px;
	position: absolute;
}

#highlightTitle {
	z-index: 2;
	padding-top: 20px;
	padding-left: 30px;

}

#highlightImage {
	text-align: right;
	padding-right: 24px;
	margin-top: -20px;
	margin-left: 330px;
}

#highlightTextBox {
	width: 300px;
	z-index: 3;
	text-align: left;
	margin-top: -160px;
	position: absolute;
	margin-left: 30px;


}

#mainMovie {
	left: 44px;
	position: absolute;
	width: 580px;
}

#buttonStrip {
	position: absolute;
	top: 450px;
}

#buttonStripLinks {

}

#leftLink {
	display: inline;
	position: absolute;
	left: 17px;
	top: 130px;
	font-size: 14px;
}

#centerLink {
	display: inline;
	position: absolute;
	left: 217px;
	top: 130px;
	font-size: 14px;
}

#rightLink {
	display: inline;
	position: absolute;
	left: 398px;
	width: 172px;
	top: 130px;
	font-size: 14px;
}

#footerBG {
	position: absolute;
	top: 2000px;
	width: 100%;
	height: 100px;
	background-color: #000000;
	color: #FFFFFF;

}



#aboutContent {
	position: absolute;
	left: 230px;
	width: 700px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #FEFFE6;
}


/* Old Page Components */

#container {

	margin: 0px;

	padding: 0px;

	width: 800px;

}

#banner {
	width: 100%;
	z-index: 4;
	height: 129px;
	background-color: #000000;
}

#sidenav {

	background: #000;

	margin: 0px;

	border-right: 2px solid #7D8085;

	width: 220px;

}

#sidenav ul {

	margin: 0px;

	padding: 0px;

	list-style: url(none) none;

}

#sidenav ul li {

	font-size: 0.8em;

	padding: 0px 0px 0px 10px;

	font-weight: bold;

	line-height: 1.1em;

}

#sidenav a {

	color: #FFCC66;

	text-decoration: none;

}

#sidenav a:hover {

	color: #FF9933;

	text-decoration: none;

}

#content {

	width: 580px;

}

#content p {

	padding-top: 20px;

	margin-left: 20px;

}

#content p a {

	color: #FF6600;

	text-decoration: underline;

}

#content p a:hover {

	text-decoration: none;

}

#dashbox {

	background: url(images/haleakala.png) no-repeat left top;

	height: 108px;

	width: 579px;

	border-bottom: 1px solid #666666;

}

#window {

	margin: 0px auto;

	position: relative;

	width: 600px;

}

#window p {

	margin: 10px;

}

#brand {

	background: url(images/window_banner.jpg) no-repeat;

	height: 80px;

	width: 600px;

}

#copy {

	background: #000;

	border-right: 2px solid #7D8085;

	margin: 0px;

	padding: 1px 0px;

}

/* New Classes */

.menuText {
padding-left: 10px;
}

.leftmenu {
	text-decoration: none;
	color: #FFCC33;
	padding-left: 10px;
	}
	
.leftmenu:hover {
	color: #000000;
}	


.centerT {
text-align: center;
}

.rightT {
text-align: right;
}

#copyrightT {
	font-size: 75%;
}

.mainTitle {
	background-color: #FEFFE6;
	text-align: left;
	font-size: 26px;
	color: #000000;
	margin-left: 46px;
	width: 600px;
}

.minorTitle {
	text-align: center;
	font-size: 26px;
	color: #FF6600;
	
}

.tourbox {
	font-size:20px;
	margin-top: 10px;
	color: #000000;
	text-decoration: none;
}

.tourbox:hover {
	font-weight: bold;
	color: #FF6600;
	}

/* Old Classes */

.journey {

	margin: 5px 0px 0px 5px;

}

.cat {

	background: url(images/category_bgn.gif) no-repeat;

	height: 280px;

	width: 320px;

	float: center;

align: center;

} 

.category {

	background: url(images/category_bg.gif) no-repeat;

	height: 104px;

	width: 274px;

}



.dash {

	border-top: 1px dashed #666666;

}

.dashright {

	border-right: 1px dashed #666666;

	width: 193px;

}

.line {

	border-bottom: 2px solid #7D8085;

}

.sublink a {

	font-size: 0.8em;

	color: #FF6600;

	text-decoration: underline;

	font-style: normal;

}

.sublink a:hover {

	text-decoration: none;

}

.copy {

	text-align: center;

	font-size: 0.7em;

	color: #fff;

	font-weight: bold;

}

.right {

	float: right;

	margin: 0px 15px 5px 0px;

}

.imgleft {

	float: left;

	padding-right: 10px;

}

.imgright {

	float: right;

	margin-left: 10px;

}

.imgcenter {

	float: center;

	margin: 10px;

}

/* Styles used in the store */

.getbg {

}

#storecontent {
	width: 700px;
}

.store {

	font-size: 12px;

	line-height: 16px;

}

.small {

	font-size: 0.9em;

	line-height: 1.1em;

}

.storeform {

	font-size: 13px;

	line-height: 16px;

	margin-top: 20px;

	border: 1px solid #999;

	background: #FAEFD3;

}

.storehead {

	color: #FF3300;

	font: bold 14px/16px Arial, Helvetica, sans-serif;

}

/* Styles used for the cart and admin sections */

.cartform {

	border: 1px solid #999;

	background: #FAEFD3;

}

.carthead {

	color: #333;

	font: bold 14px/16px Arial, Helvetica, sans-serif;

}

.formhead {

	color: #333;

	font: bold 14px/16px Arial, Helvetica, sans-serif;

	border: 1px solid #999;

	background: #F7E6B9;

}

.formfield {

	background: #FCF4E2;

}

.required {

	color: #FF3300;

}

input:focus, textarea:focus {

	background: #F7E6B9;

}

.adminhead {

	color: #333;

	font-size: 1.2em;

	font-weight: bold;

	line-height: 2em;

	padding-left: 20px;

}

.adminli {

	padding-left: 60px;

}

.adminsmall {

	font-size: 0.8em;

	color: #000;

}

a.map {

	font: normal 13px Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

	margin-left: 50px;

}

a.map:hover {

	text-decoration: underline;

}