﻿/* 
colors:
blue: 003191
yellow: f4d228, ffd500

hacks used:
~ = Standards-mode IE 7 or lower
*/



* {font-family:'Trebuchet MS', sans-serif;}
A:link {}
A:visited {color:#003191;}
A:hover {color:#0044dd;}


HTML {
	background:#fcfcfc url(/images/hike2.gif) no-repeat left bottom fixed;
}

/* LAYOUT */


.header {
	background:transparent url(/images/header_background.gif) repeat-x scroll 0 -2px;
	height:99px;
	color:#fff;
	white-space:nowrap;
	line-height:1.0;
/*
				box-shadow: 0 1px 20px rgba(0,0,0,0.2);
	 -moz-box-shadow: 0 1px 20px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.2);	
	~filter:Shadow(Color=#eeeeee, Direction=180);
*/
}
.header A { text-decoration:none;}
.header_logo IMG {	
	float:left;
	width:123px;
	height:123px;
	padding:0 10px 10px 0;
	margin-bottom:-40px;
	position:relative;
	~filter:
		Shadow(Color=#333333, Direction=0)
		Shadow(Color=#333333, Direction=90)
		Shadow(Color=#333333, Direction=180) 
		;
}
.header H1 {
	margin:0;
	padding-top:13px;
	font-size:225%;
	color:#fff;
	~zoom:1;
	~filter:DropShadow(Color#00000000, OffX=2, OffY=2);
					text-shadow: #000 2px 2px 2px;
		 -moz-text-shadow: #000 2px 2px 2px;
	-webkit-text-shadow: #000 2px 2px 2px;
}
.header H2 {
	font-size:150%;
	font-style:italic;
	margin:0;
	margin-left:25ex;
	color:#ffd500;
	padding-bottom:2px;
	~zoom:1;
	~filter:DropShadow(Color#00000000, OffX=1, OffY=1);
					text-shadow: #000 1px 1px 2px;
		 -moz-text-shadow: #000 1px 1px 2px;
	-webkit-text-shadow: #000 1px 1px 2px;
}

.header IMG#feature {
	width:210px;
	height:100px;
	float:right;
	margin-top:-1px;
}


.header UL.nav {
	float:right;
	margin:14px -90px 0 -25px;
	list-style-type:none;
	font-size:128%;
	_position:relative;
	_z-index:1;
}
.header UL.nav LI {
	margin:0;
	display:inline;
	border-left:groove 2px #ffd500;
}
header UL.nav LI:first-child {
	color:Red !important;
	border-left:0;
}
.header UL.nav LI A {
	padding:0 1.25ex;
	text-transform:lowercase;
	text-decoration:none;
}
.header UL.nav LI A:link  {	}
.header UL.nav LI A:hover {	}
.header UL.nav LI A:active{	}
.header UL.nav LI A.current {
	font-size:120%;
	line-height:0.5;	
	font-weight:bold;
	font-style:italic;
}



.main {
}
#contentWrapper {
	padding:0 5.25%; 
}
#content {
	font-size:110%; 
}



.footer {
	clear:both;
	position:fixed;
	bottom:0;
	right:2px;
	~right:22px;
	_position:expression(document.body.offsetHeight > document.body.scrollHeight ? 'absolute' : 'static');
	height:1.2em;
	width:100%;
	text-align:right;
	cursor:default;
	font-size:11px;
}
.footer SPAN {
	background:#fff;
	padding-left:0.5ex;
	opacity:0.5;
	~display:inline-block;
	~filter:alpha(opacity=60);
}
.footer SPAN:hover {
	opacity:0.85;
	~filter:alpha(opacity=85);
}


.column1 {
	float:left; 
	width:48%;
}
.column2 {
	float:right;
	width:48%;
}



/*----------------------*/
/* override & re-create normal sup (Which breaks line-size) */
SUP {
	font-size:70%;
	~font-size:80%;
	vertical-align:text-top;
}



/*----------------------*/
/* Content formatting */ 


H2 {
	font-size:17.5pt; 
	margin:1.25em 0 0.5ex 0;
}
H3 {margin-top:1em;}
H4,H5,H6 {font-weight:bold;}
H3 {font-size:13.5pt;}
H4 {font-size:11pt;}


ADDRESS {	font-weight:normal;	}

.section {	margin:0 0 2em 0.8em;	}
A.tel SPAN {	color:#000;	}
A.email SPAN {	}



#content .feature {
	border:solid 2px #000;
}

.roundsm, IFRAME {
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	-khtml-border-radius: 11px;
	-opera-border-radius: 11px;

				box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
	 -moz-box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
-webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
}
IFRAME {
	background-color:transparent;
}


A				IMG.type {opacity:0.67;	~filter:alpha(opacity=67);	}
A:hover IMG.type {opacity:1.0;	~filter:alpha(opacity=100);	}
A IMG.type	{	margin:-2px 3px 2px 0; vertical-align:middle; }
A IMG.email {	margin:1px 2px 2px 0;	}





.announcements { 
	margin-bottom:1em;
}
.announcements .item {
	background:#fff;
	margin:0.75ex -1em 1.5ex 0;
	border:solid 2px #ccc;

	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	
	border-radius-bottomleft:0;
	-moz-border-radius-bottomleft:0;
	border-bottom-left-radius:0;
	-moz-border-bottom-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	
				box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
	 -moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}
.announcements .item H3			{margin:1ex 1em 0 0.85em;}
.announcements .item .body	{margin:1.5ex 1em;  font-size:95%;}
.announcements H2 A IMG			{margin-top:-2px;}
.announcements .date				{margin:0.75ex 2em -1.9ex 0; font-size:75%; color:#555; }
.announcements .date SPAN[title]	{Nborder-bottom:dashed 1px #ccc; }
