@charset "UTF-8";
body {
	font-size:100%; /* 16 */
	line-height: 1.45em;
	font-family: Arial, Verdana, sans-serif;
	background: url('../images/bg_site.jpg');
	background-color: #342200;
	/*word-spacing: .1em;*/
	border: none;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #555555;
	/* overflow-y: scroll; this adds inactive scrollbar to browser window, socontent doesnt jump on short pages. (IE7 bug displays 2 scrollbars though) */
}


#primary a:link, #primary a:visited, #primary a:hover{
	color: #69be00;	
}

a:link{
	color: #97c93d;
	text-decoration: none;
}
a:visited{
	color: #97c93d;
	text-decoration: none;
}

a:hover{
    color: #97c93d;
	border-bottom: 1px dotted;
	text-decoration: none;
}

a:active{
	border-bottom: 1px dotted;
	text-decoration: none;
}

.clear {
	clear: both;
}

.small {
	font-size: .8em;
}

strong {
	font-weight: bold;
}


#container {
	width: 870px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	/*top: -145px;*/
}

#toolbar {
	width: 870px;
	margin: 0 auto;
	text-align: right;
	/*height: 137px;*/
	text-transform: uppercase;
	font-size:0.625em; /* 16x0.625=10 */
	letter-spacing: .5pt;
}

#toolbar a:hover {
	color: #ffffff;
	border-bottom: none;
}


#toolbar li {
	display: inline;
	margin: 0 0 0 8px;
	padding: 0 0 0 10px;
	border-left: 1px solid #808080;
}

#toolbar #first {
	border-left: none;
}


#logo_container {
  	width: 100%;
	z-index: -1;
}

#logo_center {
	width: 980px;
	height: 145px;
	margin: 0 auto;
	/*border: 1px solid red;*/
	text-align: left;
}

#logo {
	width: 685px;
	height: 145px;
	margin-top: 1px;
	/*position: absolute;
	position: relative;
	left: -200px;
	top: 17px;*/
	  
}

/* NAVIGATION */

#nav {
	width: 870px;
	background: url('../images/bg_nav.png') repeat-x;
	background-color: #222222;
	text-transform: uppercase;
	font-size:0.815em; /* 16x0.815=13.04 */
	letter-spacing: .7pt;
}

#nav ul {
   	height: 48px;
	height: 40px;
	width: 870px;
	border-bottom: 8px solid #7eb82a;
}

#nav ul li {
	display: inline;
	float: left;
	/* widths are controlled with ID's below */
   	height: 48px;
	height: 40px;
	text-align: center;
	border-right: 1px solid #000000;
}


#nav li a{
	display: block;
	height: 37px;
	height: 32px;
	color: #ffffff;
	padding-top: 11px;
	padding-top: 8px;
}
	
#nav li a:hover{
	background-color:#111111;
	border-bottom:none;
}

.welcome #nav #welcome a, 
.about #nav #about a,
.location #nav #location a,
.photos #nav #photos a,
.videos #nav #videos a,
.forum #nav #forum a,
.the_crew #nav #the_crew a,
.support #nav #support a{
background-color:#99ff00;
background: url('../images/bg_nav.png') repeat-x 0px -40px;
}

#nav ul li#welcome{
	width: 120px;
}

#nav ul li#about{
	width:95px;
}

#nav ul li#location{
	width: 120px;
}

#nav ul li#photos{
	width: 105px;
}

#nav ul li#videos{
	width:95px;
}

#nav ul li#forum{
	width:95px;
}

#nav ul li#the_crew{
	width: 120px;
}

#nav ul li#support{
	width: 113px;
	border-right: none;
}	


/* HOMEPAGE */
	
#rotator {
	position: relative;
	width: 870px;
	height: 380px;
	/*background-color: #000000;*/
	/*border-top: 8px solid #7eb82a;*/
	/*border-bottom: 10px solid #7eb82a;*/
}


#rotator div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 380px;
    /*background-color: #000000;*/
}

#rotator div.active {
    z-index:10;
    opacity:1.0;
}

#rotator div.last-active {
    z-index:9;
}

#rotator div img {
    height: 380px;
    display: block;
    border: 0;
}

/*#rotator span {
    position: relative;
	float: right;
    top: -26px;
	left: 10px;
	font-size:0.625em; /* 16x0.625=10 
	color: #ffffff;
}*/

#rotator span {
	float: right;
	position: relative;
   	top: -26px;
	margin-right: 10px;
	font-size:0.625em; /* 16x0.625=10 */
	color: #ffffff;
	font-weight: bold;
}



#content {
	width: 870px;
	background-color: #222222;
	background: url('../images/bg_content.gif') repeat-y;
}

/* PRIMARY COLUMN */

#primary {
	width: 490px;
	overflow: hidden;
	padding: 30px 30px 30px 30px;
	float: left;
	background: url('../images/primary_bg.gif') repeat-x;
	background-color: #f4f4f4;
	border-top: 1px solid #eeeeee; 
}

.photos #primary, .forum #primary {
	width: 810px;
}

#primary .item {
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 20px;
	background: url('../images/primary_item_bg.gif') repeat-x bottom;
	clear: both;
}


#primary p{
	font-size:0.875em; /* 16x0.875=14 */
	line-height:1.45em; /* 14x1.45=20.3 */
	margin-bottom: 1.75em; /* 14x1.75=24.5 */
}

#primary p+p{
	margin-top: -10px;
}


#primary p.author{
	font-size:0.75em; /* 16x0.75=12 */
	color: #9d9d9d;
	padding: 0px;
	margin-bottom: 2em; /* 12x2=24 is extra tall to negate the p+p negative margin */
}

#primary span.title {
	font-size: 0.55em;
	color: #999999;
	text-transform: uppercase;
	font-weight: bold;
}


#primary .left {
	float: left;
}

#primary .right {
	float: right;
	text-align: right;
}

#primary ol, #primary ul {
	list-style: disc outside;
	font-size:0.875em; /* 16x0.875=14 */
	line-height:1.45em; /* 14x1.45=20.3 */
	margin-bottom: 1.75em; /* 14x1.75=24.5 */
	margin-left: 15px;
}


/* SECONDARY COLUMN */

#secondary {
	width: 320px;
	float:left;
	padding: 0px;
	background-color: #222222;
	color: #999999;
	border-top: 1px solid #333333; 
}

#secondary .item {
	width: 260px;
	padding: 30px 30px 15px 30px;
	background: url('../images/secondary_item_bg.gif') repeat-x bottom;
	background-color: #222222;
	border-bottom: 1px solid #333333;
}

#secondary p {
	font-size:0.75em; /* 16x0.75=12 */
	line-height: 1.45em;
	margin-bottom: 1.5em;
}

#secondary ul {
	font-size:0.75em; /* 16x0.75=12 */
	line-height: 1.75em;
	margin: 0 0 1.5em 0;
	list-style-type: disc;
}

#secondary li {
	margin-left: 1em;
}

#secondary span.highlight {
	font-size:0.875em; /* 16x0.875=14 */
	line-height: 1.3em;
	color: #97c93d;
}




/* HEADINGS */

h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, sans-serif;
	color: #3a3a3a;
	font-weight: normal;
}

h1, .welcome h2 {
	font-size:1.625em; /* 16x1.625=26 */
	line-height: 1.1em;
	margin-bottom: 0.25em;
	font-weight: bold;
}

h2 {
	font-size:1.25em; /* 16x1.25=20 */
	line-height: 1.2em;
	margin-bottom: 0.2em;
	font-weight: bold;
}


/*
h2 {
	font-size: 17px;
	font-size:1.0625em; /* 16x1.0625=27
	margin: 0px 0px 45px 0px;
}


h3 {
	font-size:1.25em; /* 16x1.25=20 
	line-height: 1.2em;
	margin: 0px 0px 13px 0px;
}*/
	

h3 {
	font-size:1.25em; /* 16x1.25=20 */
	line-height: 1.2em;
	margin-bottom: 5px; 
}

#secondary h3 {
	color: #ffffff;
	margin-bottom: 10px;
}

/*h4 {
	font-size:0.875em; /* 16x0.875=14 
	line-height: 1.3em;
	color: #97c93d;
	margin: 0px 0px 15px 0px;
} */

#primary h4 {
	font-size:0.875em; /* 16x0.875=14 */
	line-height: 1.3em;
	margin: 0 0 .2em 0;
	font-weight: bold;
}



#secondary h4 {
	font-size:0.825em; /* 16x0.825=13.2 */
	line-height: 1.3em;
	color: #d1d3d4;
	margin: 0 0 .2em 0;
}



h2#expert_ln {
	background-image: url('../images/icn_expert.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left: 51px;
}

h2#main_ln {
	background-image: url('../images/icn_advanced.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left: 28px;
}

h2#medium_ln {
	background-image: url('../images/icn_intermediate.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left: 26px;
}

h2#pump_ln {
	background-image: url('../images/icn_easy.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	padding-left: 26px;
}



/* FOOTER */

#footer {
	overflow: hidden;
	width: 100%;
	background: url('../images/bg_footer.gif') repeat-x;
	background-color: #000000;
	height: 60px;
	color: #666666;
	font-size:0.69em; /* 16x0.686=10.976 */
	/*border-top: 1px solid #333333;*/
}


#footer a {
	color: #666666;
}

#footer a:hover {
	color: #ffffff;
	border-bottom: none;
}


#footer .left {
	margin: 34px 0px 0px 10px;
	float: left;
}

#footer .right {
	margin: 34px 10px 0px 0px;
	float: right;
	text-align: right;
}

#footer li {
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px 7px 0px 0px;
	border-right: 1px solid #333333;
}

#footer li.last {
	border-right: none;
}
/*
#footer li:last-child {
	border-right: none;
}

p > *:last-child { border-right: none; }
*/

#cambr_sm {
	margin-right: 8px;
	vertical-align: baseline;
}


.the_crew #primary img{
	float: left;
	margin: 5px 15px 30px 0;
}

.the_crew #primary h3, 
.the_crew #primary p.bio{
	float: right;
	width: 325px;
}

.the_crew #primary p.bio{
	font-size:0.75em; /* 16x0.75=12 */
	line-height: 1.45em;
	margin-bottom: 30px;
}

/* SUPPORT */

.support #primary img{
	margin: 0 0 5px 0;
}

a.sponsor:hover,
a.donate:hover{
	border-bottom: none;
}

form.donate {
	margin-bottom: 1em;
}

.sponsor img{
	margin: 0 10px 5px 0;
}

.sponsor img.last{
	margin: 0 10px 1.5em 0;
}


/* PHOTOS */


.photos #primary img{
	margin: 0 5px 9px 0;
}

a.nou:hover {
	border-bottom: none;
}

#primary p#flickr_jump {
	float: right;
	margin-bottom: 0;
	margin-top: -25px;
	font-size:0.75em;
	color:#9D9D9D;	
}


/* VIDEOS */

#primary p.vidcap {
	font-size:0.75em;
	color:#9D9D9D;	
}


/* SECONDARY INCLUDES */


#flickr img {
	margin: 0 9px 9px 0;
}

#flickr a:hover{
	border-bottom: none;
}

.item a.maps:hover{
	border-bottom: none;
}

.item a.maps img{
	margin-bottom: 10px;
}

/* PAGINATION */
#pagination {
	font-size:0.75em; /* 16x0.75=12 */
	text-transform: uppercase;
	letter-spacing: .5pt;
	color: #ffffff;
}

#primary #pagination a {
	color: #999999;
}

#primary #pagination .left a {
	background: url('../images/arrow_left.png') no-repeat left center;
	padding-left:16px;
}

#primary #pagination .left a:hover {
	background: url('../images/arrow_left_over.png') no-repeat left center;
}

#primary #pagination .right a {
	background: url('../images/arrow_right.png') no-repeat right center;
	padding-right:16px;
}

#primary #pagination .right a:hover {
	background: url('../images/arrow_right_over.png') no-repeat right center;
}

#primary #pagination a:hover {
	color: #555555;
	border: none;
}

a[rel ^="out"] {
background:transparent url('../images/icons/out.png') no-repeat scroll right center;
padding-right:12px;
}


a[href $='.pdf'] { 
   padding-right: 13px;
   background: transparent url('../images/icons/file.png') no-repeat center right;
}