/* 		The Traveling Guys : Standard CSS Styles
		Copyright 2005 - The Traveling Guys
		If this proves to be educational for anybody, fantastic!
*/

/* S I F R | These are standard sIFR styles for flash text replacement... 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; }

.sIFR-hasFlash h1, h2, h3 {	visibility: hidden;	letter-spacing: -9px; font-size: 20px; line-height: 1px; margin-bottom: 0px; padding-top: 0px; margin-top: 0px; }

.sIFR-hasFlash h1 {	padding-left: 0px; height: 52px; }

.sIFR-hasFlash h2 {	padding-left: 35px;	margin-right: 250px; margin-top: 15px; height: 32px; }

.sIFR-hasFlash h3 { padding-left: 15px;	height: 30px; }

/* --------------------------- */



/* C O N T A I N E R S  |  Styling for basic content containers including the body, and main page divisions */
/* --------------------------- */

body { 
	background: #42180E url(../images/default.jpg) no-repeat 50% fixed; 
	margin: 0px; 
	background-position: bottom;
} /* Set Background DYNAMIC via PHP */

div#container { /* Containing DIV used on every page to wrap content and place centered in the page */
	background: #42180E url(../images/index_header.jpg) no-repeat 50% top; 
	width: 896px; 
	margin: 0px auto;
	padding-top: 80px;
	text-align: center;
	border-left: 1px solid #524F40;
	border-right: 1px solid #141102;
	font: normal 1em/160% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	position: relative;
}

div#container img#pana {
	background: #662616;
	padding: 8px;
	margin-bottom: -3px;
}
html>body div#container img#pana { margin-bottom: 0px; }

div#menu {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	padding-top: 0px;
	clear: both;
}
html>body div#menu { padding-top: 0px; }

div#map {
	position: absolute;
	top: 402px;
	left: 15px;
}

div.middle_section {
	background: #662616;
	color: #42180E;
	text-align: left;
	clear: both;
	margin: 0px 30px;
	padding: 20px 10px 0px 10px;
	overflow: auto;
	height: 1%;
}

html>body div.middle_section { padding-top: 7px; overflow: inherit; float: left; } 

p#video_feed {
	background: #662616 url(../images/vert_videofeed.gif) no-repeat left top;
	float: right;
	padding: 0px 8px 0px 35px;
	font-size: .7em;
	width: 170px;
	margin-left: 10px;
	margin-bottom: 0px;
	height: 175px;
}

p#video_feed img#video_thumb {
	background: #42180E url(../images/video_feed_bg.jpg) no-repeat;
	padding: 8px;
	padding-left: 8px;
      margin-top: 7px
	margin-left: -5px;
	margin-bottom: 7px;
	display: block;
}

span.lighter {
	color: #A94127;
}

div.lower_section {
	background: url(../images/bottom_bg.gif) repeat-y; 
	margin: 0px 30px;
	color: #CBC39A;
	padding: 1px 10px;
	text-align: left;
	orverflow: auto;
	height: 100%;
}


p {
	font: normal 1em/160% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
}

p#mission {
	font-size: .75em;
	color: #8A835E;
	margin-left: 230px;
}

div.lower_section p {
	font-size: .75em;
	margin-left: 35px;
	margin-right: 200px;
}


div.lower_sidebar {
	float: right;
	background: #662616 url(../images/vert_archives.gif) no-repeat left top; 
	padding-left: 30px;
	width: 161px;	
	margin-right: 10px;
	margin-left: 15px;
}

html>body div.lower_sidebar { width: 171px; } 

ul {
	padding: 0px;
	margin: 0px;
}

ul#video_archives {
	list-style: none;
	background: url(../images/title_recentvideo.gif) no-repeat left top;
	padding-top: 18px;
	margin-bottom: 15px;
}

ul#blog_archives {
	list-style: none;
	background: url(../images/title_recentjournal.gif) no-repeat left top;
	padding-top: 3px;
	margin-bottom: 15px;
}

li {
	list-style-type: none;
	font-size: .7em;
	line-height: 130%;
	margin: 3px 0px 3px 10px;
	padding: 0px;
}

div.footer {
	background: #42180E url(../images/footer.gif) no-repeat 0px 0px; 
	margin: 0px auto;
	margin-left: 1px; 
	padding-top: 22px;
	font: normal 7pt/160% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	color: #7B755D;
	padding-bottom: 25px;
	text-align: center;
	padding-right: 15px;
	clear: both;
}

p.comments { /* Holds the "view comments button" */
	margin: 5px 37px 10px 16px;
	padding: 8px 0px;
	font: normal 1em/140% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	clear: left;
	border-bottom: 1px solid #332D1C;
}

div.commentholder {
	margin: 8px;
	margin-left: 0px;
	margin-top: 20px;
	display: none;
	padding-bottom: 25px;
}

p.comment { /* Each individual comment */
	background: #42180E;
	border: 1px solid #37311F;
	border-left: 0px;
	border-right: 0px;
	padding: 8px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 30px;
}

p.comment strong {
	color: #89ADA3;
	font-size: 1.3em;
}

span.entryimage img {
	padding: 8px 8px 3px 0px;
	margin: 0px;
	background: #662616;
	border: 0px;
}

span.entryimage {
	display: block;
	padding: 0px 0px 5px 8px;
	margin: 5px 10px 0px 0px;
	font: normal .75em/160% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	float: left;
	background: #662616;
	color: #7A7353;
	clear: left;
}

h4 { /* Used for date in blog */
	margin: 0px;
	margin-top: -5px;
	padding: 0px;
	margin-left: 35px;
	color: #5B563E;
	font-size: .75em;
}

div.lower_section p.note {
	padding: 8px;
	border: 1px solid #423E2D;
	background: #332E1D;
	margin: 3px;
	margin-left: 28px;
	margin-right: 230px;
	font: normal .75em/160% "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
	margin-bottom: 20px;
	color: #7A7353;
}

/* L I N K S  |  Styling for all links, including menu item images */
/* --------------------------- */

a.home { background: url(../images/menu_home.gif) no-repeat; text-decoration: none; display: block; width: 63px; height: 31px; float:left;}
a.home:hover { background-position: 0px -31px; text-decoration: none;}

a.about { background: url(../images/menu_about.gif) no-repeat; text-decoration: none; display: block; width: 69px; height: 31px; float:left;}
a.about:hover { background-position: 0px -31px; text-decoration: none;}

a.locations { background: url(../images/menu_locations.gif) no-repeat; text-decoration: none; display: block; width: 102px; height: 31px; float:left;}
a.locations:hover { background-position: 0px -31px; text-decoration: none;}

a.photos { background: url(../images/menu_photos.gif) no-repeat; text-decoration: none; display: block; width: 78px; height: 31px; float:left;}
a.photos:hover { background-position: 0px -31px; text-decoration: none;}

a.video { background: url(../images/menu_video.gif) no-repeat; text-decoration: none; display: block; width: 66px; height: 31px; float:left;}
a.video:hover { background-position: 0px -31px; text-decoration: none;}

a.partner { background: url(../images/menu_partner.gif) no-repeat; text-decoration: none; display: block; width: 90px; height: 31px; float:left;}
a.partner:hover { background-position: 0px -31px; text-decoration: none;}

a.sponsor { background: url(../images/menu_sponsor.gif) no-repeat; text-decoration: none; display: block; width: 96px; height: 31px; float:left;}
a.sponsor:hover { background-position: 0px -31px; text-decoration: none;}

a#current { background-position: 0px -62px; } /* Current page with caret */

a:link { color: #B49620; text-decoration: none; }

a:visited { color: #B49620; text-decoration: none; }

a:hover { color: #FFE57A; text-decoration: none; }

/* --------------------------- */


