/* 0.0 CSS LEGEND
--------------------------------------------------

Secondary Page Styles
Created:		04.09.09
Author:		Jeremy Fields
				Ten 1 Seven Studio
				http://www.ten1seven.com

4.0 SITE-NAVIGATION
5.0 SITE-CONTENT
	5.1 CONTENT-MAIN
	5.2 CONTENT-SUB
6.0 SITE-INFO

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


/* @group 4.0 SITE-NAVIGATION
--------------------------------------------------*/
div#site-navigation { left: 0; position: absolute; top: 85px; width: 244px; }
div#site-navigation ul,
div#site-navigation ul li { line-height: 1; list-style: none; margin: 0; padding: 0; width: 244px; }
div#site-navigation ul li { font-size: 0; }
div#site-navigation ul li a { background: transparent url(../images/site-navigation.png) no-repeat 0 0; display: block; height: 76px; text-indent: -9999px; width: 244px; }
* html div#site-navigation ul li a { background-image: url(../images/site-navigation.gif); }
div#site-navigation ul li#nav-mountains a { background-position: 0 0; }
div#site-navigation ul li#nav-ocean a { background-position: 0 -76px; }
div#site-navigation ul li#nav-valley a { background-position: 0 -152px; }
div#site-navigation ul li#nav-mountains a:hover { background-position: -244px 0; }
div#site-navigation ul li#nav-ocean a:hover { background-position: -244px -76px; }
div#site-navigation ul li#nav-valley a:hover { background-position: -244px -152px; }
body#mountains div#site-navigation ul li#nav-mountains a { background-position: -488px 0; }
body#ocean div#site-navigation ul li#nav-ocean a { background-position: -488px -76px; }
body#valley div#site-navigation ul li#nav-valley a { background-position: -488px -152px; }
/* @end */


/* @group 5.0 SITE-CONTENT
--------------------------------------------------*/
div#site-content {  }
	
	
/* @group 5.1 -CONTENT-MAIN
--------------------------------------------------*/
div#content-main { padding-left: 35px; padding-top: 197px; width: 684px; }
div#content-main h2 { color: #666; font-size: 36px; font-weight: normal; margin: 0 0 15px 0; }
div#content-main p { color: #444; font-size: 123.1%; line-height: 1.5; }
body#mountains div#content-main { background: transparent url(../images/content-main-mountains.jpg) no-repeat; }
body#ocean div#content-main { background: transparent url(../images/content-main-ocean.jpg) no-repeat; }
body#valley div#content-main { background: transparent url(../images/content-main-valley.jpg) no-repeat; }
body#about div#content-main { background: transparent url(../images/content-main-about.jpg) no-repeat; }
body#programs div#content-main { background: transparent url(../images/content-main-programs.jpg) no-repeat; }
body#register div#content-main { background: transparent url(../images/content-main-register.jpg) no-repeat; }
div#content-main div#trips-description {
	float: left;
	width: 415px;
}
div#content-main ul#trips,
div#content-main ul#trips li { list-style: none; margin: 0; padding: 0; }
div#content-main ul#trips {
	overflow: hidden;
	padding-bottom: 40px;
	width: 684px;
}
div#content-main ul#trips li { border-top: 1px solid #ccc; overflow: hidden; padding: 25px 0 5px 0; width: 684px; }
div#content-main ul#trips div.trip-action { float: left; padding-bottom: 15px; width: 186px; }
div#content-main ul#trips div.trip-description { color: #333; float: right; width: 475px; }
div#content-main ul#trips div.trip-description h3 { font-size: 138.5%; margin: 0; }
div#content-main ul#trips div.trip-description h3 a { color: #000; text-decoration: none; }
div#content-main ul#trips div.trip-description h3 a:hover { text-decoration: underline; }
div#content-main ul#trips div.trip-description p { font-size: 108%; }
div#content-main ul#trips div.trip-description p span.trip-description-cost { font-size: 116%; font-weight: bold; }
div#content-main ul#trips div.trip-action p { line-height: 1; margin: 10px 0 0 0; }
div#content-main ul#trips div.trip-action p a { background: transparent url(../images/trip-action-link.gif) no-repeat 0 0; color: #fff; display: block; font-family: arial, helvetica, clean, sans-serif; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; padding-right: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 176px; }
div#content-main ul#trips div.trip-action p a:hover { text-decoration: underline; }
div#content-main ul#trips li#trip-mountains div.trip-action p a { background-position: 0 0; }
div#content-main ul#trips li#trip-ocean div.trip-action p a { background-position: 0 -24px; }
div#content-main ul#trips li#trip-valley div.trip-action p a { background-position: 0 -48px; }
div#content-main ul#trips div.trip-description ul {
	margin: 5px 0 0 0;
	padding: 0;
}
div#content-main ul#trips div.trip-description li {
	background: transparent url(../images/bullet-blk.gif) no-repeat 0 6px;
	border: none;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0 10px;
}
div#content-main div#trips-media {
	float: right;
	margin: 0 0 25px 25px;
	overflow: hidden;
	width: 240px;
}
div#content-main blockquote { border-left: 1px solid #ccc; color: #666; font-size: 116%; font-style: italic; line-height: 1.5; margin: 0; padding: 0 0 0 25px; width: 214px; }
div#content-main blockquote cite { display: block; text-align: right; }
body#ocean div#content-main ul#trips div.trip-action p a { background-position: 0 -24px; }
body#valley div#content-main ul#trips div.trip-action p a { background-position: 0 -48px; }
/*body#programs div#content-main ul#trips div.trip-action p a { background-position: 0 -72px; }*/

div#content-main div#trips-media ul {
	margin: 0;
	overflow: hidden;
	padding: 30px 0 0 0;
	width: 250px;
}
div#content-main div#trips-media ul li {
	float: left;
	list-style: none;
	margin: 0 8px 8px 0;
	padding: 0;
}
div#content-main div#trips-media ul li a {
	border: 1px solid #ccc;
	display: block;
	float: left;
	height: 50px;
	padding: 1px;
	width: 50px;
}
div#content-main div#trips-media ul li a:hover {
	border-color: #333;
}

div#content-main ul#trips li#trip-notation p {
	font-size: 12px;
}
/* @end */


/* @group 5.2 CONTENT-SUB
--------------------------------------------------*/
div#content-sub { padding-top: 228px; }
div#content-sub div#content-sub-events { padding: 20px 15px 0 15px; }
/* @end */

/* @end */


/* @group 6.0 SITE-INFO
--------------------------------------------------*/
div#site-info { padding-left: 276px; width: 684px; }
/* @end */