@import url(header.css);
@import url(footer.css);
@import url(fonts.css);

#wrapper #bugs {
	CLEAR: both
}
#wrapper #bugs A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; PADDING-TOP: 0px
}
#wrapper #bugs A.last {
	MARGIN: 0px
}
#sectionHead {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px; HEIGHT:
}
#sectionHead .headline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 00px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 800; PADDING-TOP: 0px; HEIGHT: 52px
}
#sectionHead IMG {
	PADDING-RIGHT: 20px; DISPLAY: block; FLOAT: left; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#sectionHead .headline H1 {
  PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px; font-style: italic; COLOR: #494949
}
#sectionHead .headline P {
  PADDING-LEFT: 12px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; Float: left; COLOR: #494949
}

.columns {
	BACKGROUND: url(images/tri_color_back.gif) left top
}
.columns .column {
	BACKGROUND-COLOR: #C0C0B5! important
}
.columns .column .teamHead {
	BACKGROUND-COLOR: #C0C0B5
}
 HTML .teamHead {
	HEIGHT: 356px
}
.columns .column .teamHead IMG {
	BORDER-BOTTOM: #fff 1px solid
}
.columns .column .teamHead H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: white; PADDING-TOP: 10px
}
.columns .column .teamHead P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: white; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px
}
#columns {

}
#columns .column {
	BACKGROUND: #C0C0B5
}


#columns .wideColumn {
	MARGIN-TOP: 20px
}
.categories {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 2em
}
LABEL {
	CLEAR: none; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px
}
SELECT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "Lucida Grande", "Lucida Sans", "Trebuchet", "Trebuchet MS", "Arial", "sans"
}
.controls {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #67686c; PADDING-TOP: 0px; POSITION: relative; TOP: 3px; HEIGHT: 2em
}
.controls P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.controls A {
	COLOR: #67686c; TEXT-DECORATION: none
}
.controls A:hover {
	COLOR: #000
}
#wrapper .events {
	CLEAR: both; WIDTH: 585px; BORDER-BOTTOM: #e4e4e4 1px solid
}
.event {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.event A.detailsButton {
	PADDING-RIGHT: 15px; DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 1000; BACKGROUND: url(/images/shared/plus_icon.gif) no-repeat right center; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 0px 0px; CURSOR: pointer; COLOR: #67686c; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: right
}
.active A.detailsButton {
	BACKGROUND: url(/images/shared/minus_icon.gif) no-repeat right center; CURSOR: pointer
}
.active {
	BACKGROUND: url(/images/sections/treklife/event_active_gradient_bg.jpg) no-repeat left top
}
.event .image {
	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; WIDTH: 94px
}
.event .info {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; WIDTH: 350px; COLOR: #3d4145; PADDING-TOP: 0px; POSITION: relative
}
.event H4 {
	MARGIN-TOP: 0px; FONT-SIZE: 1em; COLOR: #000; PADDING-TOP: 0px
}
.event .address {
	MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; COLOR: #3d4145
}
.event .desc {
	DISPLAY: none; COLOR: #000
}
.active .desc {
	DISPLAY: block
}
SPAN.cat {
	TEXT-TRANSFORM: uppercase
}
#infoBoxOverlay {
	DISPLAY: none; Z-INDEX: 9000; LEFT: 0px; POSITION: absolute; TOP: 0px
}
#infoBoxOverlayIFrame {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 8999; FILTER: Alpha(Opacity:0); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute; BORDER-RIGHT-WIDTH: 0px
}
A.externalLink {
	PADDING-LEFT: 8px; BACKGROUND: url(/images/shared/small_link_arrow_right.gif) no-repeat 0px 3px; MARGIN-BOTTOM: 0.5em; COLOR: #3d4145; TEXT-DECORATION: none
}
A.externalLink:hover {
	COLOR: #000
}

#maintext P {
  color: #494949;
  font-size: 1.2em;
  letter-spacing: 0px;
  line-height: 180%;
}

#wrapper2 .imageContainer {
	DISPLAY: block; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center
}

#wrapper2 .shinyImage {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px auto 0px; PADDING-TOP: 0px
}
#wrapper2 .copy {
	MARGIN-TOP: 40px; DISPLAY: block; FLOAT: left; WIDTH: 380px; PADDING-BOTTOM:20px
}