/*

main style sheet styles specific to other pages can be found in 
reports.css

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
	- divs created to allow for drop shadow and no scroll in 800x600
	- divs containing actual page
	- div#right info box and newsletter form
	- hi-light box used to emaphasize content
	- guide photos appearing on individual guide pages
Navigation
	- main navigation appearing in #right
	- sub naviagtion
	- guide bio nav
Headers
Text Treatments
	- links
	- buttons to be placed in p tags
	- buttons appearing on individual guide pages
	- paragraphs
	- unordered lists
	- ordered lists
	- blockquotes
	- guide dl's
	- testimonials
Tables
Images
	- main header imgs & floated imgs
	- imgs appearing on individual guide pages
	- imgs with captions
	- photo gallery
Sifr
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #5B6068;
	color: #2A1A0B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #334358;
	outline: none;
}

a.external {
	background-image: url(/images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

a:hover {
	color: #000;
	cursor: hand;
	text-decoration: underline;
}

embed, object {
	display: block;
}

/*---------------

PAGE STRUCTURE

---------------*/
/* divs created to allow for drop shadow and no scroll in 800x600 */
#shadow-wrap {
	background: url(/images/backgrounds/shadow-wrap.jpg) #5B6068 repeat-y 50% 0;
	width: 100%;
}

#top-shadow {
	background: url(/images/backgrounds/top-shadow.jpg) transparent no-repeat 50% 0;
	width: 100%;
}

#bottom-shadow {
	background: url(/images/backgrounds/bottom-shadow.jpg) transparent no-repeat 50% 0;
	height: 45px;
	width: 100%;
}

/* divs containing actual page */

#wrapper {
	background: url(/images/backgrounds/content.jpg) #EDEEF2 repeat-x bottom left;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 755px;
}

#frame {
	background: url(/images/backgrounds/frame.gif) transparent repeat-y top left;
	margin: 0 auto;
	overflow: hidden;
	width: 755px;
}

#right {
	background: url(/images/backgrounds/right.jpg) transparent no-repeat 0 165px;
	float: right;
	overlfow: hidden;
	padding: 0 0 5px 0;
	width: 205px;
}

#left {
	background: url(/images/backgrounds/left.jpg) transparent no-repeat top right;
	float: right;
	overlfow: hidden;
	padding: 30px 2px 0 3px;
	text-align: left;
	width: 545px;
}

#page_content {
	color: #363636;
	float: left;
	padding: 13px 15px 0 15px;
	overflow: hidden;
	position: relative;
	left: 2px;
	text-align: justify;
	width: 511px;
}

#bottom {
	background: url(/images/backgrounds/bottom.gif) transparent no-repeat top left;
	height: 5px;
	margin: 0 auto;
	overflow: hidden;
	width: 755px;
}

/* #right info box and newsletter form */

#info-box {
	background: url(/images/backgrounds/info-box.jpg) transparent no-repeat bottom left;
	color: #4E4E4E;
	float: right;
	font-size: .85em;
	margin: 0 0 10px 0;
	padding: 7px 13px 13px 13px;
	position: relative;
	left: -16px;
	text-align: justify;
	width: 151px
}

h2.info-box {
	background: url(/images/headers/info-box-bg.gif) transparent no-repeat top left;
	color: #EF4024;
	float: right;
	font-size: 15px;
	height: 16px;
	overflow: hidden;
	padding: 7px 13px 4px 13px;
	position: relative;
	left: -16px;
	text-align: right;
	width: 151px;
}

#sign-up {
	background: url(/images/backgrounds/sign-up.gif) transparent no-repeat bottom left;
	color: #9797A5;
	float: right;
	font-size: .85em;
	margin: 0 0 10px 0;
	position: relative;
	left: -16px;
	text-align: right;
	width: 183px
}

#sign-up h3 {
	background: url(/images/headers/h3s/newsletter-signup.gif) transparent no-repeat bottom left;
	float: left;
	height: 64px;
	text-align: left;
	text-indent: -6000px;
	width: 183px;
}

#sign-up p {
	margin: -20px 0 0 5px;
	padding: 0 13px;
	float: right;
}

#sign-up form {
	float: right;
	padding: 5px 13px;
}

#sign-up form input.text{
	border: 1px solid #94B0E8;
	height: 16px;
	position: relative;
	top: -4px;
	width: 120px;
}

/* #right social media icons */

#social {
	float: left;
	padding: 5px 0 0 0;
	text-align: left;
	width: 205px
}

#social h3 {
	background: url(../images/backgrounds/social-header.gif) no-repeat;
	float: left;
	height: 20px;
	text-indent: -9999px;
	width: 205px;
}

#social img {
	border: 0;
	float: left;
	margin: 0 3px 0 0;
	position: relative; left: 25px;
}

/* hi-light box used to emaphasize content */

.hi-light {
	background-color: #F1F2F6;
	border: 1px solid #B9AF88;
	color: #363636;
	float: right;
	margin: 0 0 10px 10px;
	padding: 10px;
	width: 200px;
}

/* guide photos appearing on individual guide pages */
#guide-photos {
	float: right;
	width: 281px;
}

/*---------------

NAVIGATION

---------------*/

#nav {
	float: right;
	padding: 3px 2px 9px 0;
	width: 202px;
}

#nav li {
	float: left;
	height: 20px;
	list-style-type: none;
	width: 199px;
}

#nav li a, #nav li.current {
	float: left;
	height: 20px;
	text-decoration: none;
	text-indent: -6000px;
	width: 199px;
}

#home {background: url(/images/nav/home.gif) transparent no-repeat top left;}
#trips {background: url(/images/nav/trips.gif) transparent no-repeat top left;}
#reports {background: url(/images/nav/reports.gif) transparent no-repeat top left;}
#river-info {background: url(/images/nav/river-info.gif) transparent no-repeat top left;}
#tips {background: url(/images/nav/tips.gif) transparent no-repeat top left;}
#photos {background: url(/images/nav/photos.gif) transparent no-repeat top left;}
#videos-articles {background: url(/images/nav/videos-articles.gif) transparent no-repeat top left;}
#local-info {background: url(/images/nav/local-info.gif) transparent no-repeat top left;}
#exotic-trips {background: url(/images/nav/exotic-trips.gif) transparent no-repeat top left;}
#store {background: url(/images/nav/store.gif) transparent no-repeat top left;}
#newsletter {background: url(/images/nav/newsletter.gif) transparent no-repeat top left;}
#contact {background: url(/images/nav/contact.gif) transparent no-repeat top left;}
#meet-guides {background: url(/images/nav/meet-guides.gif) transparent no-repeat top left;}
#guide-school {background: url(/images/nav/guide-school.gif) transparent no-repeat top left;}

#nav li.current {background-position: 0 -40px;}

#nav a:hover {background-position: 0 -20px;}

a#reports-button {
	background: url(/images/nav/reports-button.jpg) transparent no-repeat top left;
	float: right;
	height: 73px;
	margin: -5px 0 10px 0;
	position: relative;
	left: -16px;
	text-indent: -6000px;
	width: 177px
}

a#reports-button:hover {
	background-position: 0 -73px;
}

/*--sub naviagtion--*/

#subnav {
	background-color: #fff;
	color: #363636;
	float: right;
	margin: 0 0 10px 16px;
	padding: 3px;
	width: 168px;
}

#page_content #subnav ul {
	background-color: #fff;
	border: 1px solid #B9AF88;
	float: left;
	margin: 3px 0 0 0;
	padding: 3px;
	width: 160px;
}

#page_content #subnav li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#subnav li a, #page_content #subnav li.current {
	background: url(/images/nav/subnav.gif) #58687F no-repeat 0 -50px;
	border: 1px solid #6B7A8F;
	color: #B6C4CE;
	float: left;
	overflow: hidden;
	padding: 2px 5px 1px 5px;
	text-align: right;
	text-decoration: none;
	width: 148px;
}

#page_content #subnav li.current, #subnav li a.current-active {
	background: url(/images/nav/subnav.gif) #6B7A8F no-repeat 0 50%;
	background-color: #6B7A8F;
	border: 1px solid #818E9F;
	color: #D6E6F1;
	float: left;
	padding: 2px 5px 1px 0;
	width: 153px;
}

#subnav li a.current-active {background-color: #58687F}

#subnav li a:hover {
	background: url(/images/nav/subnav.gif) #58687F no-repeat 0 50%;
	border: 1px solid #818E9F;
	color: #C3DBEB;
}

/*--sub-sub naviagtion--*/

#page_content #subnav li#sub-sub {
	background-color: #D1D8DF;
	border: 1px solid #B9AF88;
	border-top: 1px solid #61676F;
	padding: 0px 4px 6px 8px;
	position: relative;
	width: 146px;
}

#page_content li#sub-sub ul {
	border-color: #61676F;
	border-top: 0;
	background-color: transparent;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 144px;
}

#page_content #sub-sub li {
	float: left;
	margin: 0;
	width: 142px;
}

#page_content #sub-sub li a, #page_content #sub-sub li.current  {
	background-color: #6D7B8F;
	border: 1px solid #77879F;
	color: #C3DBEB;
	float: left;
	font-size: 11px;
	line-height: 1.2em;
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	width: 122px;
}

#page_content #sub-sub li a:hover {
	border-color: #8395AF;
	color: #D7E9F5;
}

/*---guide bio nav--*/

#page_content #guides a {
	background: url(/images/backgrounds/bio-link.gif) #58687F no-repeat top left;
	color: #dfdfdf;
	font-size: 11px;
	float: left;
	height: 118px;
	margin: 0 5px 15px 5px;
	padding: 1px 1px 0 1px;
	text-align: center;
	text-decoration: none;
	white-space: no-wrap;
	width: 115px;
}

#page_content #guides a img{
	border: 0;
	float: left;
	margin: 0 0 2px 0;
}

#page_content #guides a:hover {
	background-position: bottom left;
	color: #fff;
}

/*----------------------------guideschool-exotic button--------------------------*/

#guideschool-exotic {
	float: left;
	height: 185px;
	margin: 0 15px 15px 0;
	width: 152px;
}

#page_content #guideschool-exotic a {
	float: left;
	text-indent: -9999px;
	width: 152px;
}

#page_content #guideschool-exotic a#guideschool-button {
	background: url(/images/backgrounds/guideschool-button.gif) transparent no-repeat top left;
	height: 97px;
}

#page_content #guideschool-exotic a#exotic-button {
	background: url(/images/backgrounds/exotic-button.gif) transparent no-repeat top left;
	height: 88px;
}

/*---------------

HEADERS

---------------*/

#logo, #logo a {
	float: left;
	text-indent: -6000px;
}

#logo {
	background: url(/images/headers/h1.jpg) transparent no-repeat top left;
	height: 165px;
	width: 205px;
}

#logo a {	
	height: 125px;
	position: relative;
	top: 40px;
	width: 205px;
}

#left h2 {
	color: #545454;
	background-color: #EDEEF2;
	border-top: 1px solid #BBAB82; 
	border-bottom: 1px solid #BBAB82;
	float: left;
	font-weight: normal;
	font-size: 31px;
	line-height: 31px;
	letter-spacing: 2px;
	overflow: hidden;
	padding-left: 0;
	width: 545px;
}

#page_content h3, #left h1 {
	border-bottom: 1px solid #8FA3BF;
	color: #545454;
	clear: both;
	float: none;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 2px;
	margin: 0 0 10px 0;
	width: 511px;
}

#page_content h1.sub-title, #page_content h3.sub-title {
	border: 0;
	float: left;
	letter-spacing: -5px;
	overflow: hidden;
	width: 320px;
	clear: left;
}

* html body #page_content h3.sub-title  {
	width: 315px;
}

#page_content .hi-light h3, #page_content #subnav h3 {
	float: none;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -5px;
	margin: 0 0 10px 0;
	width: 200px;
}

#page_content #subnav h3 {
	background-color: #F1F2F6;
	border: 1px solid #8FA3BF;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 6px;
	width: 160px;
}

#page_content h4 {
	color: #718097;
	font-size: 1.1em;
	letter-spacing: 20%;
	padding: 0 0 7px 0;
}

#page_content h4.guide-title {
	margin: 0 0 10px 0;
}

/*---------------

TEXT TREATMENTS

---------------*/
/*links*/
#top-contact {
	color: #75787D;
	height: 20px;
	font-size: 10px;
	overflow: hidden;
}
#top-contact a {color: #75787D;}
#top-contact a:hover {color: #ADBAC9;}

#page_content a:hover {background-color: #fff;}

/*--buttons to be placed in p tags--*/

#page_content a.button, #page_content a.button-right {
	background-color: #D8DCE1;
	border: 1px solid #AEB3BA;
	color: #344459;
	float: left;
	font-size: 12px;
	padding: 2px 3px;
	text-decoration: none;
}


#page_content a.button-right {float: right;}

#page_content a.button:hover, #page_content a.button-right:hover {
	background-color: #E2E7ED;
	color: #344459;
	text-decoration: none;
}

#page_content a.no-p {margin: 0 0 0 20px;}

/*buttons appearing on individual guide pages*/
#page_content a.bio-button, #page_content a.store-button {
	margin: 0 0 5px 0;
	text-align: right;
	width: 258px;
}


/*paragraphs*/
#page_content p {
	line-height: 1.4em;
	padding: 0 0 20px 0;
}

#page_content p.note {
	font-size: .85em;
	font-style: italic;
}

#page_content .hi-light p {padding: 0 0 10px 0;}

#page_content #footer {
	border-top: 1px solid #D5DBE3;
	color: #334358;
	float: left;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 7px 0 25px 0;
	text-align: center;
	width: 511px;
}

/*unordered lists*/
#page_content ul {
	line-height: 1.4em;
	padding: 0 0 20px 14px;
}

#page_content .hi-light ul {
	clear: both;
	padding: 0 0 0 20px;
}

#page_content ul li {
	list-style-type: square;
	padding: 0 0 5px 0;
}

#page_content li ul {
	padding: 0 0 0 14px;
}

#page_content li ul li {
	list-style-type: circle;
}

/*ordered lists*/
#page_content ol {
	line-height: 1.4em;
	padding: 0 0 20px 20px;
}

#page_content ol li {padding: 0 0 5px 0;}

/*blockquotes*/

#page_content blockquote {
	border-bottom: 1px solid #D5DBE3;
	min-height: 60px;
	margin: 0 0 20px 0;
}

* html body #page_content blockquote {
	height: 60px;
	overflow: visible;
}

#page_content blockquote img {
	background-color: #fff;
	float: left;
	margin: 0 15px 0 0;
	padding: 3px;
}

#page_content blockquote p {
	padding: 0;
}

#page_content blockquote p strong {
	color: #58687F;
	font-size: 1.3em;
}

#page_content blockquote p.quote-giver {
	color: #58687F;
	padding: 3px 10px 0 0;
	text-align: right;
}

/*guide dl's*/
#guide-facts {
	border-bottom: 1px solid #5A6B7E;
	margin: 20px 0 10px 0;
}

#guide-facts dt {
	color: #5A6B7E;
	height: 30px;
	font-weight: bold;
	padding: 7px 0 0 44px;
}


#guide-facts dd {
	color: #454545;
	margin: -9px 0 15px 0;
	padding: 0 0 0 44px;
}

dt.destinations {background: url(/images/guides/destinations.gif) transparent no-repeat top left;}
dt.fav-spot {background: url(/images/guides/fav-spot.gif) transparent no-repeat top left;}
dt.from {background: url(/images/guides/from.gif) transparent no-repeat top left;}
dt.local-spot {background: url(/images/guides/local-spot.gif) transparent no-repeat top left;}
dt.movie-quote {background: url(/images/guides/movie-quote.gif) transparent no-repeat top left;}
dt.rig {background: url(/images/guides/rig.gif) transparent no-repeat top left;}

/*testimonials*/
.testimonial {
	background: url(../images/backgrounds/testimonial.gif) #E2E7ED repeat-x top left;
	border: 1px solid #AEB3BA;
	color: #344459;
	float: right;
	margin: 0 0 10px 15px;
	padding: 10px;
	width: 246px;
}

.testimonial b {
	color: #000;
	font-size: 16px;
}

.testimonial img {
	background-color: #EFF6FF;
	float: left;
	margin: 0 10px 5px 0;
	padding: 2px;
}

#page_content .testimonial p {
	padding: 0 0 10px 0;
	text-align: left;
}

#page_content .testimonial p.testimonial-giver {
	font-style: italic;
	padding: 0;
	text-align: right;
}

/*---------------

TABLES

---------------*/

#license-fees {
	border-collapse: collapse;
	margin: 0 0 10px 0;
	text-align: left;
	width: 511px;
}

#license-fees td {
	border-bottom: 1px solid #9FACBC;
	padding: 3px 10px 3px 3px;
	width: 25%;
}

#license-fees td.left {
	font-weight: bold;
	width: 50%;
}

#license-fees thead td {
	background-color: #9FACBC;
	font-weight: bold;
}

/*---------------

IMAGES

---------------*/

img.main {
	background-color: #fff;
	float: left;
	margin: 0 0 0 2px;
	padding: 0 0 2px 0;
}

img.left, img.right {
	background-color: #fff;
	float: left;
	margin: 0 15px 10px 0;
	padding: 3px;
}

img.right {
	float: right;
	margin: 0 0 10px 15px;
}

/*--imgs appearing on individual guide pages--*/

#guide-photos img {
	margin: 0 0 5px 15px;
}

/*--imgs with captions--*/

dl.caption-right, dl.caption-left {
	float: right;
	overflow: visible;
	padding: 0 0 10px 15px;
}

dl.caption-left {
	float: left;
	padding: 0 15px 10px 0;
}

.caption-right img, .caption-left img{
	background-color: #fff;
	padding: 3px;
}

.caption-right dd, .caption-left dd{
	font-size: .8em;
	padding: 0;
	text-align: center;
}

/*---photo gallery--*/

#page_content .gallery {
	float: left;
	margin: 0 0 15px 0;
}

#page_content .gallery a {
	background-color: #EFEFEF;
	border: 1px solid #C1B58D;
	float: left;
	margin: 0 3px 15px 3px;
	padding: 2px 2px 4px 2px;
	text-decoration: none;
}

#page_content .gallery a img{
	border: 0;
	float: left;
}

#page_content .gallery a:hover {
	background-color: #fff;
	border-color: #58687F;
	color: #fff;
}

/*---------------

sIFR

---------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


#left .sIFR-hasFlash h2 {
	visibility: hidden;
}

/*video player*/
.videoplayer {
  padding-left: 30px;
}