/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/


html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
	background:  #020200 url('../img/main_bg.jpg') top center repeat-y scroll;
	font-family: Garamond, Georgia, serif; 
}

.blockOpen {
	background: transparent url('../img/blockQuote_open.png') 20px 0px no-repeat;}

.dropCap {
	float: left;
	font-size: 50px;
	line-height: 38px;
	padding: 0 5px 0 0;
	}

/**************************************/
/*              HEADER                */
/**************************************/

#header {
	padding-top: 10px;}

#masthead {
	height: 100px;
	background: transparent url('../img/mast_bg.png') top center no-repeat scroll;
	margin-top: -10px;
	padding-top: 100px;
	}
	
.logo {
	position: absolute;
	margin-top: -40px;
	margin-left: 375px;
	}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#menu {
  white-space:nowrap;
  line-height: .1em;
  }

#menu ul {
	text-indent: -9999px;
	height: 0px;
	margin: 0 0 0 30px;
	}

#menu ul li a{
  display: block;
	margin: 10px 7px 0 7px;
	list-style: none;
	float: left;
	border: none;
	}
	
#menu li a.home, #menu .history, #menu .about, #menu .adventures, #menu .information, #menu .contact {
	background: transparent url('../img/menu.gif') no-repeat;
	height: 32px;
	cursor: pointer;
	}

#menu a.home {
	width: 83px;
	background-position: 0 0;
}

#menu a.home.active, #menu a.home:hover {
	background-position: 0 -38px;
}


#menu .history {
	width: 115px;
	background-position:  -105px 0;
}

#menu .history.active, #menu .history:hover {
	background-position:  -105px -38px;
}

#menu .about {
	width: 140px;
	background-position:  -238px 0;
}
#menu .about.active, #menu .about:hover {
	background-position:  -238px -38px;
}


#menu .adventures {
	width: 170px;
	background-position:  -408px 0;	
}
#menu .adventures.active, #menu .adventures:hover {
	background-position:  -408px -38px;	
}


#menu .information {
	width: 196px;
	background-position:  -611px 0;	
}
#menu .information.active, #menu .information:hover {
	background-position:  -611px -38px;	
}

#menu .contact {
	width: 85px;
	background-position:  -828px 0;	
}

#menu .contact.active, #menu .contact:hover {
	background-position:  -828px -38px;	
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#front_page_image {
	padding: 30px 0 35px 0;
	background: transparent url('../img/front_image_bg.png') top center no-repeat scroll;
	height: 340px;
	}

#front_page_image img {
	border: 1px solid #959595;
	height: 326px;
	width: 870px;
	}

#main {
	background: transparent url('../img/content_bg.png') top center repeat-y scroll;
	}


#main p a, #main p a:visited {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted;
	}


#sccBrochure {
	float: right;
	}

#main img {
	text-decoration: none;
	border-bottom: none;
	}

/**************************************/
/*               FOOTER               */
/**************************************/


#footer {
	background: url('../img/footer_bg.png') bottom center no-repeat;
	color: #eae3ce;
	height: 240px;
	font-size: 1em;
	}

#footercap {
	background: transparent url('../img/footer_cap.png') top center no-repeat;
	bottom: 0;
}

	
#footer a {
	color: #eae3ce;
	text-decoration: none;
	border: none;
	font-size: 1.2em;
	}
	
#footer a:hover {
	color: #eaeaea;
	}

#footerNav li{
	float: left;
	padding: 0 5px 0 5px;
	line-height: 95px;
}

#footerNav li a.active,#footerNav li a:hover {
	border-bottom: 3px solid #eae3ce;}

#footerLogo img {
	width: 150px;
	height: 115px}
	
#address {
	float: right;
	margin-right: 40px;}

/**************************************/
/*         	CONTACT FORM              */
/**************************************/

#contactForm {
	border: none;
}

#contactForm fieldset {
	padding: 0;
	}

#contactForm label {
	clear:both;
	float:left;
	padding-left:8em;
	padding-bottom: 1.6em;
	width:20em;
	border: none;
	}
	
#contactForm span {
	float:left;
	left:-8em;
	margin-right:-7em;
	position:relative;
	width:7em;
}

#contactForm input.text {
	position:relative;
	width:20em;
}

#contactForm textarea {
	height:10em;
	position:relative;
	width:20em;
	overflow: auto;
}