/*=================================================
	CSS document:
	Copyright Evergreen Adventures
	Site design & development by ninesides.com
=================================================*/

/* 
---------------------------------------------------------
	Neutralize styling: Elements with a vertical margin
---------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address,
form, fieldset {
	margin: 0px;
	padding: 0px;
}
li, dd { 
	margin-left: 0;  
	padding: 0;
}
fieldset { padding: .5em; }

/* 
---------------------------------------------------
	Site CSS Begins
---------------------------------------------------
*/

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
} 
body {
	background: #ae7b5d url("../images/bg/tile-page.jpg") repeat center top;
	font-size: 0.68em;
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #5b5b5b;
}

/* 
---------------------------------------------------
	Miscellaneous / Global Styles
---------------------------------------------------
*/

form fieldset ul { 
   list-style: none;
}
a:link, a:visited{
	color: #56b0e2;
	text-decoration:none;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color: #329bd6;
	outline: none;
}
.clear {
	clear: both;
}
hr {
	border: none 0;
	border-top: 1px dotted #717174;
	width: 100%;
	text-align: center; /* for IE */
}


/* 
---------------------------------------------------
	Footer
---------------------------------------------------
*/

#footer {
	position: relative;
	margin: -75px 0 0 auto;
	width: 275px;
	height: 75px;
	background: transparent url("../images/bg/footer-bg.png") no-repeat;
}
#footer p {
	position: relative;
	margin: 0;
	color: #e0d4ae;
	padding: 25px 10px 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
}
#footer p a {
	text-decoration: none;
	color: #e0d4ae;
}
#footer p a:hover {
	text-decoration: none;
	color: #d4aa26;
}

/* 
---------------------------------------------------
	Splash page styles
---------------------------------------------------
*/

#splash-outer {
	position: relative;
	width: 800px;
	min-height: 100%;
	background: transparent url("../images/bg/splash-outer-bg.jpg") center top no-repeat;
	margin: 0 auto;
}
* html #splash-outer {
	height: 100%;
}
#splash-inner {
	position: relative;
	width: 100%;
	height: 553px;
	padding-bottom: 100px;
}

#header-container {
	position: absolute;
	width: 800px;
	height: 234px;
	z-index: 100;
}

#splash-inner a,
#splash-inner img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 256px;
	height: 202px;
	cursor: pointer;
}
#splash-inner li {
	display: none;
	list-style: none;
}
#splash-inner a {
	background: transparent url("../images/landing/enter_site.png") no-repeat; 
	position: absolute;
	top: 279px;
	left: 469px;
}

/* 
---------------------------------------------------
	Content pages styles : Wrapper
---------------------------------------------------
*/

#wrapper-outer {
	position: relative;
	width: 800px;
	min-height: 100%;
	margin: 0 auto;
}
* html #wrapper-outer {
	height: 100%;
}

/* 
---------------------------------------------------
	Content pages styles : Header
---------------------------------------------------
*/

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 132px;
	background: transparent url("../images/bg/header-bg.jpg") no-repeat;
}

#header #home {
	position: relative;
	margin: 0 0 0 34px;
}

#header #home h1,
#header #home a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 176px;
	height: 132px;
}
#header #home a {
	text-indent: -999em;
}

/* 
---------------------------------------------------
	Content pages styles : Page Content
---------------------------------------------------
*/

#body-content {
	position: relative;
	width: 739px;
	padding: 0 0 50px 61px;
	background: transparent url("../images/bg/body-content-bg.jpg") no-repeat;
}
#left {
	position: relative;
	float: left;
	width: 468px;
	border: 0;
	margin: 0;
	padding: 0;
	
}
#page {
	background: #fff url("../images/bg/page-bg.jpg") no-repeat;
}
#page-bottom {
	position: relative;
	height: 32px;
	background: transparent url("../images/bg/page-bottom.png") no-repeat;
}
#content {
	position: relative;
	margin: 0;
	min-height: 494px;
	background: transparent url("../images/bg/content-bg.jpg") bottom no-repeat;
	padding: 0 35px 50px 30px;
	color: #5b5b5b;
}
* html #content {
	height: 494px;
}
#content-left {
	float: left;
	width: 255px;
}
#content-left-nopanel {
	float: left;
	width: 403px;
}
#content-right {
	float: right;
	width: 135px;
	margin: 27px 0 0 0;
}
#content h1 {
	margin: 0;
	text-align: right;
	font-size: 16px;
	padding-bottom: 4px;
	color: #000;
	border-bottom: 1px dashed #959595;
}
#content h2 {
	margin: 1.8em 0 0 0;
	font-size: 14px;
	color: #000;
}
#content h3 {
	margin: 1.8em 0 0 0;
	font-size: 13px;
}
#content p {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 1.6em;
}
#content .tiny {
	font-size: 9px;
}
#content ul.body {
	margin: 0; padding: 0;
	list-style: square;
	margin-left: 1.8em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: 500; 
}
#content-nav {
	border-top: 1px dashed #959595;
	padding-top: 10px;
	width: auto;
	margin: 0.5em 0 1.5em 0;
}
#content-nav a {
	color: #000;
	text-decoration: none;
}
#content-nav a:hover {
	color: #000;
	text-decoration: underline;
}
#content-nav-prev{
	float: left;
}
#content-nav-next{
	float: right;
}

/* 
---------------------------------------------------
	Subnav
---------------------------------------------------
*/

.panel {
	margin: 27px 0;
	padding: 0;
}
#content-right img {
	margin: 0; padding: 0;
	padding-bottom: 13px;
}
#subnav {
	margin: 0;
	padding:  10px;
	width: 111px;
	background: #8b8275 url("../images/bg/subnav-bg.gif") no-repeat;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
}
#subnav-bottom {
	background: transparent url("../images/bg/subnav-bottom-bg.gif") no-repeat;
	height: 2px;
	width: 131px;
	margin: 0 0 15px 0;
}
#subnav a {
	text-decoration: none;
	color: #fff;
}
#subnav a:hover {
	text-decoration: none;
	color: #000;
}
#subnav h3 {
	font-size: 13px;
	border-bottom: 1px dashed #fff;
	text-align: left;
	margin:  0 0 1em 0;
	padding-bottom: 5px;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#subnav ul li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11.5px;
}
#subnav ul li ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 16px;
	font-size: 8px;
}
#subnav ul li ul li {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;

}

/* 
---------------------------------------------------
	Sidebar styles
---------------------------------------------------
*/

#sidebar {
	position: relative;
	float: right;
	width: 271px;
	height: 544px;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent url("../images/bg/sidebar-bg.jpg") no-repeat;
}

/* 
---------------------------------------------------
	Navigation styles
---------------------------------------------------
*/

#nav {
	position: relative;
	margin: 0;
	padding: 0;
}
#nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	width: 173px;
	list-style: none;
}
#nav ul li {
	position: relative;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	display: block;
	background-image: url("../images/bg/nav-bg.jpg");
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 5px 0 0 44px;
}
#nav ul li#home a {
	padding-top: 16px;
	height: 25px;
	background-position: 0px 0px;
}
#nav ul li#home a:hover,
#nav ul li#home a.current {
	background-position: -173px 0px;
}
#nav ul li#about a {
	height: 26px;
	background-position: 0px -41px;
}
#nav ul li#about a:hover,
#nav ul li#about a.current {
	background-position: -173px -41px;
}
#nav ul li#trips a {
	height: 26px;
	background-position: 0px -72px;
}
#nav ul li#trips a:hover,
#nav ul li#trips a.current {
	background-position: -173px -72px;
}
#nav ul li#services a {
	height: 25px;
	background-position: 0px -103px;
}
#nav ul li#services a:hover,
#nav ul li#services a.current {
	background-position: -173px -103px;
}
#nav ul li#forms a {
	height: 28px;
	background-position: 0px -133px;
}
#nav ul li#forms a:hover,
#nav ul li#forms a.current {
	background-position: -173px -133px;
}
#nav ul li#gallery a {
	height: 33px;
	background-position: 0px -166px;
}
#nav ul li#gallery a:hover,
#nav ul li#gallery a.current {
	background-position: -173px -166px;
}


/* 
---------------------------------------------------
	Contact panel
---------------------------------------------------
*/

#contact {
	position: relative;
	margin: 185px 19px 0 19px;
	padding: 0;
	text-align: center;
}
#contact p {
	margin: 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#contact strong {
	font-size: 14px;
}
#contact a {
	color: #000;
	text-decoration: none;
}
#contact a:hover {
	color: #000;
	text-decoration: underline;
}

/* 
---------------------------------------------------
	Form Element Styles
---------------------------------------------------
*/

input {
	color: #79a1d8;
	background: #fff;
	border: 1px solid #eee;
	width: 98%;
	padding: 5px;
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
}

textarea {
	color: #79a1d8;
	background: #fff;
	border: 1px solid #eee;
	width: 98%;
	height: 65px;
	padding: 5px;
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
}

select {
	color: #79a1d8;
	background: #fff;
	border: 1px solid #eee;
	padding: 3px;
	width: 25%;
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
}

select.full {
	width: 100%;
}

.radio {
	width: auto;
	padding: 0; margin: 0;
	background: transparent;
	border: 0;
}
.checkbox {
	width: auto;
	padding: 0; margin: 0;
	background: transparent;
	border: 0;
}

.submit {
	margin: 0 0 0 12em; padding: 5px;
	width: 30%;
	height: 30px;
	color: #000;
	background: #c8c8c8;
	font-weight: bold;
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
	border: none;
	outline: none;
}

.submit:hover {
	background: #999;
}

/* 
---------------------------------------------------
	Table Styles
---------------------------------------------------
*/

table.health {
	text-align: left;
	font-size: 11px;
	width: 100%;
	background: transparent;
	border: 0; border-spacing: 0; border-collapse: collapse; 
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
}

table.health td.left {
	padding: 5px;
	text-align: left;
	width: 50%;
	border-bottom: 1px #c3c8ce solid;
}

table.health td.right {
	text-align: justify;
	width: 50%;
	padding: 5px;
	border-bottom: 1px #c3c8ce solid;
}

table.health td.hed {
	background: #979ca3;
	color: #fff;
	padding: 3px;
	height: 25px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
}

/* 
---------------------------------------------------
	Health & Diet Form
---------------------------------------------------
*/

#health {
	margin: 0 0 4em 0;
	padding: 0;
}
#health h2 {
	display: block;
	margin: 1.3em 0 0 0; padding: 0 0 0 5px;
	font-size: 12px;
	color: #525252;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: #f2f4f6;
}
#health em {
	font-size: 9px;
	font-style: italic;
}

/* 
---------------------------------------------------
	Form Errors
---------------------------------------------------
*/

#health .error {
	margin-bottom: 10px;
	font: 11px "Trebuchet MS", Arial, Sans-Serif;
	font-weight: bold;
}

#health .error h2 {
	color:#fff;
	background: #ff0000;
	font-size:12px;
	text-indent: 5px;
	font-weight:bold;
	margin: 1.5em 0 0 0; padding: 0;
}

#health .error ul li {
	margin: 0; padding: 0;
	outline: none;
	font-size: 10px;
	color: #ff0000;
	line-height: 16px;
	text-indent: 5px;
	list-style: none;
}