@charset "utf-8";
/* CSS Document */


/* Trek Advancement Official Brand Colors */
/* Brown #4a2416 */
/* Red #ed1c24 */
/* Green #93a924 */
/* Blue #57b8df */
/* Orange #f0a940 */
body, html {
	background-color: #222222;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#temp-msg {
	margin-top: 150px;
	margin-left: 150px;
}
#doc4 {
	margin-top: 20px;
}
#hd {
	height: 100px;
}
#main-logo {
	margin: 5px 0px 0px 10px;
}
#main-logo-image {
	float: left;	
}
#topNav {
	text-align: right;
	margin: 0px 25px 4px 0px;
	text-transform: uppercase; 
}
#topNav a {
	text-decoration:none;
	color: #F90;
	padding: 3px 10px 3px 10px;
	outline: none;
	curson: pointer;
}
#topNav a:hover {
	color: #FC6;
}
#main-content {
	min-height: 450px;
	text-align: justify;
}
#main-content a {
	text-decoration: none;
	color: 	#F90;
}
#main-content a:hover {
	color: #FC6;
	text-decoration: underline;
}
#content-slides {
	margin: auto;
	height: 420px;
	width: 930px;
	color: #FFF;
}
#ft {
	overflow: hidden;
	min-height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 0.9em;
}
#footerIcons {
	float: right;	
}
.color1 {
	background-color: #4a2416;
	color: #FFF;
}
a .color1, a .color2, a .color3 {
	color: #FFF;
}
a .color4, a .color5 {
	color: #000;
}
.color2 {
	background-color: #ed1c24;
	color: #FFF;
}
.color3 {
	background-color: #93a924;
	color: #FFF;
}
.color4 {
	background-color: #57b8df;
	color: #000;
}
.color5 {
	background-color: #f0a940;
	color: #000;
}
.tweetTrek {
	float: right;	
}
.mainContentImage {
	float: right;	
	margin: 5px;
}
#facebook-icon, #twitter-icon, #rss-icon {
	float: right;
	margin: 0 10px 0 10px;
}

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

	
#slider {
  width: 910px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer .panel {
  overflow: auto;
  padding: 10px 10px 10px 20px;
  height: 400px;
  width: 880px; /* change to 560px if not using JS to remove rh.scroll */
}