/* Layout */

#topsection{
background: #ADBBC0;
height: 116px; /*Height of top section*/
}

#title{
margin: 0 0 0 300px;
}

#topbar{
background: #658088;
height: 25px;
border-top-color:#0a3542;
border-top:thin solid;
border-bottom-color:#0a3542;
border-bottom:thin solid;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 20px 0 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color:#eeeae9;
}

#leftcolumn{
float: left;
width: 165px; /*Width of left column*/
margin-left: -100%;
background: #0a3542;
height:600px;

}

#footer{
clear: left;
width: 100%;
background:#658088;
color: #e9eaed;
text-align: center;
padding: 2px 0;
border-top-color:#0A3542;
border-top:thin solid;
border-bottom-color:#0A3542;
border-bottom:thin solid;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* Global Styles */

body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}

td {
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#666666;
	}
	
a {
	color: #825f4f;
	text-decoration:none;
	}
	
a:hover {
	color: #658088;
	text-decoration:underline;
	}
	

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color: #e9eaed;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #adbbc0;
	color:#0a3542;
	}
	
#logo 	{
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #825f4f;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Georgia, "Times New Roman", Times, serif;
	color: #42170a;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Georgia, "Times New Roman", Times, serif;
	color: #e9eaed;
	letter-spacing:.2em;
	margin-top:4px;
	}
	
#dateformat a {
	font:11px Georgia, "Times New Roman", Times, serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #825f4f;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Georgia, "Times New Roman", Times, serif;
	color: #42170a;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #eeeae9;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}


/*photo display*/
#holder {position:relative;  margin-bottom:10px; z-index:1;}
#scrollbox {width:420px; height:80px; background:#eeeae9; overflow:auto; border:1px solid #aaa; margin-left:0px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
/*logo thumbs*/
a.slidea {background:url(assets/images/thumb_goals.jpg) no-repeat;}
a.slideb {background:url(assets/images/thumb_harbor.jpg);}
a.slidec {background:url(assets/images/thumb_denali.jpg);}
a.slided {background:url(assets/images/thumb_acc.jpg);}
a.slidee {background:url(assets/images/thumb_mac.jpg);}
a.slidef {background:url(assets/images/thumb_nid.jpg);}
a.slidem {background:url(assets/images/thumb_tryoga.jpg);}

/*ad thumbs*/
a.slideg {background:url(assets/images/thumb_cometothemount.jpg);}
a.slideh {background:url(assets/images/thumb_06.jpg);}
a.slidei {background:url(assets/images/thumb_avalanche.jpg);}
a.slidej {background:url(assets/images/thumb_wastewater.jpg);}
a.slidek {background:url(assets/images/thumb_asr.jpg);}
a.slidel {background:url(assets/images/thumb_baby.jpg);}

/*ad thumbs*/



a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#eeeae9; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:402px; height:280px; top:350px; left:170px; padding:5px; font-style:italic; color:#666; background:#eeeae9; z-index:100; font-size:11px; margin-left:35px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:350px; left:170px; padding:5px; font-style:italic; color:#666; background:#eeeae9; z-index:50; margin-left:35px;}

#thumbs {width:600px; height:60px;}
#pad {height:320px; width:100px;}
</style>
<!--[if IE 7]>
<style type="text/css">
a.gallery span {display:block; position:absolute; width:402px; height:280px; top:49px; left:-99999px; padding:5px; font-style:italic; color:#666; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:0px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:0px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:0px solid #000; z-index:50;}
a.gallery:hover span {left:170px; z-index:100;}
a.gallery:hover span img {border:0px solid #000;}
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
</style>
<![endif]-->

/*submenu*/
.menu {
  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
  
  }
.menu li {
  float:left;
  min-width:100px;
  list-style-type:none;
  margin-left:0;
  padding:0;
  margin:0;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background:#eeeae9; 
  border:1px solid #eeeae9; 
  border-width:2px 1px; 
  text-align:center;
  padding:4px 16px; 
  cursor:pointer;
  font:bold 11px Georgia, "Times New Roman", Times, serif;
  color: #42170a;
  line-height:22px;
  letter-spacing:.2em;
  }
* html .menu a span {
  width:100px; 
  cursor:hand; 
  width:66px;
  }
.menu a b {
  display:block; 
  border-bottom:1px solid #0a3542;
  }
	
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
  }
.menu a:hover span, .menu a.current span {
  color:#fff; 
  background:#0a3542;
  }
.menu a:hover em, .menu a.current em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#0a3542 #eeeae9; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
/*end submenu*/