/* MC note during website development */

.mcnote { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #f606c6;
}

.logoprint {
	display:none;
}

body { 
	background-image:url("../images/bgd.gif");
	font-family: Helvetica, Arial, sans-serif;
	margin:0px;
}


p, td { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #d0d0d0;
}

b {
	font-weight:bold;
}

hr {
	background-color: #323132;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: #4e4e4e;
}
h1 span {display:none;}



/*************************************************************
Lists
*************************************************************/

ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; 
	line-height: 17px; 
	color: #a4a4a4;
}

li {
	list-style: none;
}

ul li { 
	color: #a4a4a4;
	background: url("../images/bullet.gif");
	background-repeat: no-repeat;
	background-position: 1px 4px;
	margin-left:3px;
	padding: 0px 0px 0px 13px; /*sets the space between words and bullets*/
}

ul ul li { 
	list-style-type: square; 
	background-image: none;
	margin-left:30px;
	padding: 0px 0px 0px 0px; /*sets the space between words and bullets*/
}

/*************************************************************
Images
*************************************************************/

img {
	border: 0px;
}

img.right {
	float: right;
	margin: 10px;
	border: 0px;
}

img.left {
	float: left;
	margin: 10px;
	border: 0px;
}


/*************************************************************
Anchors
*************************************************************/

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:visited:hover {
	color: #f2de27;
	text-decoration: none;
}

a:hover {
	color: #f2de27;
	text-decoration: none;
}

a:focus {
	outline: none;
}



/*************************************************************
Forms
*************************************************************/

textarea {
	color: #000000;
	font-weight: normal;
	background-color: #fdeebb;
	font-size: 11px;
	padding: 3px;
	border: 0px;
}

input {
	color: #000000;
	background-color: #fdeebb;
	font-weight: normal;
	font-size: 11px;
	padding: 3px;
	border: 0px;
}

input.btn {
	color: #ffffff;
	background-color: #0156b8;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	border-width: 3px;
	border-style: solid;
	border-color: #014092;
}

select {
	color: #000000;
	background-color: #fdeebb;
	font-weight: normal;
	font-size: 11px;
	border: 0px;
}

.captcha {display:block;}


/*************************************************************
Head Tags
*************************************************************/

h1 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px; 
	font-weight: normal;
	color: #ffffff;
	margin:0px 0px 25px 0px;
}

h2 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	text-transform:uppercase;
	color: #0295fb; 
	margin-bottom:5px;
	margin-top:15px;
}

h3 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	text-transform:uppercase;
	color: #ffffff; 
	margin-bottom:5px;
	margin-top:15px;
}

h4 { 
	font-size: 30px; 
	color: #A45002; 
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0px;
}

h5 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25px; 
	line-height: 24px;
	color: #7a7a7a;
	font-weight:normal;
}

h6 { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px; 
	font-weight: normal;
	color: #0295fb;
	margin:0px 0px 25px 0px;
}



table {
	border:0px;
}


b.soft {
	font-weight:normal;
	color:#207182;
}

.alert {
	color: #9ec101;
}

.small {
	font-size:10px;
	line-height: 13px;
	color: #884915;
}

.bigger {
	font-weight:lighter;
	font-size: 14px;
	line-height:19px;
	color: #d0d0d0;
}

.bigger img {
	float:left;
	margin:5px 10px 0px 0px;
}





/*************************************************************
Holds site
*************************************************************/
#container {
    margin:0px auto 0px auto;
    width:980px;
}


/*************************************************************
Top header w/ logo, main navigation and secondary navigation
*************************************************************/
#header {
    width:980px;
	height:170px;
	position:relative;
}

/*************************************************************
Main Nav
*************************************************************/
.nav {
	width:620px;
	height:70px;
	position:absolute;
	left:350px;
	top:99px;
	z-index:25;
}

/*************************************************************
Secondary Nav
*************************************************************/
.nav2 {
	height:35px;
	position:absolute;
	left:550px;
	top:0px;
	text-align:left;
}

.nav2 li {
	font-family: Helvetica, Arial, sans-serif;
	display:inline;
	list-style: none;
	font-size: 12px;
	color: #ffffff;
	
}

.nav2 a:link, .nav2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.nav2 a:hover, .nav2 a:visited:hover {
	color: #f2de27;
	text-decoration: none;
}



/*************************************************************
Home photo collage, 123 and featured excursions header
*************************************************************/
#homemain {
	width:980px;
	position:relative;
}


/*************************************************************
Home Featured Excursions
*************************************************************/
#featexcursions {
	text-align:center;
	width:980px;
}

/*div that holds each excursions */
#featexcursions .container {
	width:370px;  /*was 400px;*/
	margin-left:50px;
	float:left;
	text-align:left;
	border: solid 0px #ff0000;
}

/*container for the excursion thumbnail image */
#featexcursions .piccontainer {
	width:106px;
	float:left;
	display:block;
}

#featexcursions .thumb {
	width:100px;
	height:75px;
	border-width:3px;
	border-style:solid;
	border-color:#d0d0d0;
}

#featexcursions p {
	width:230px; /*was 240px;*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #d0d0d0;
	margin:0px 0px 0px 15px;
	float:left;
	border: solid 0px #ff0000;
}

#featexcursions a:link, #featexcursions a:visited {
	color: #52b3fd;
	font-weight:bold;
	text-decoration: none;
}

#featexcursions a:hover, #featexcursions a:visited:hover {
	color: #f2de27;
	font-weight:bold;
	text-decoration: none;
}

.cameraclasses {
	 
	/*margin:-300px 0px 0px 0px !important;
	margin:-420px 0px 0px 0px;*/
	position:relative;
	float:right;
	border: solid 0px #ff0000;
}

/*************************************************************
Interior Middle Bar and Picture
*************************************************************/
#intmiddle {
	width:980px;
	height:70px;
	position:relative;
}

/* random interior pic */
.intpic {
	position:absolute;
	width:234px;
	height:186px;
	left:18px;
	top:28px;
	z-index:50;
}

/*************************************************************
Interior Left Column and Main Content
*************************************************************/
#leftcol {
	width:260px;
	float:left;
	text-align:center;
	padding:165px 0px 0px 0px;
}

#main {
	width:650px;
	float:left;
	padding:90px 30px 0px 40px;
	text-align:left;
}


/*************************************************************
Footer
*************************************************************/
#footer {
	width:980px;
	float:left;
	padding:25px 0px 0px 0px;
}








/*************************************************************
EXCURSIONS LISTING TABLE
*************************************************************/

table.excursions {
	width:100%;
}

table.excursions th {
	text-transform:uppercase;
	font-weight:normal;
	vertical-align:bottom;
	color:#787877;
	font-size:11px;
	border-bottom:solid 1px #787877;
	text-align:left;
	padding:10px 5px 2px 5px;
}

table.excursions td {
	padding:10px 5px 0px 5px;
	text-align:left;
	vertical-align:top;
	font-size: 12px;
	line-height: 16px;
}

/*div that holds thumbnail pic and description */
table.excursions .container {
	width:100%;
	text-align:left;
	vertical-align:top;
}

/*container for the excursion thumbnail image */
table.excursions .piccontainer {
	width:86px;
	float:left;
	display:block;
}

table.excursions .thumb {
	width:80px;
	height:60px;
	border-width:3px;
	border-style:solid;
	border-color:#d0d0d0;
}

table.excursions .details {
	margin-left:15px;
	float:left;
	width:519px;
	vertical-align:top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #d0d0d0;
}

table.excursions a:link, table.excursions a:visited {
	text-transform: uppercase;
	color: #ffc300;
	text-decoration: none;
}

table.excursions a:hover, table.excursions a:visited:hover {
	text-transform: uppercase;
	color: #ffd800;
	text-decoration: none;
}



/*************************************************************
PHOTO ALBUM
*************************************************************/

.photoalbum {
	border:0px;
	
}

/*container for the thumbnail */
.photoalbum .piccontainer {
	width:150px;
	margin:3px !important;
	margin:0px;
	float:left;
	text-align:center;
}

.photoalbum .thumb {
	border-width:3px;
	border-style:solid;
	border-color:#d0d0d0;
	margin:0px;
}


h3.slimbox {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px; 
	font-weight: bold;
	text-transform:uppercase;
	color: #0295fb;
	margin:0px 0px 3px 0px;

}

p.slimbox {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #5e5e5e;
	margin: 0px 0px 3px 0px;

}

/*************************************************************
COMING SOON
*************************************************************/

.tempinfo {float:right; margin:90px 170px 0 0; }

