body {
  background: transparent url(../layout_img/dirt-bg.jpg) repeat;
}

#top {
  background: url(../layout_img/header-bg3.jpg) repeat-x;
}

#jefferson {
  position: absolute;
  top: 95px;
  left: 810px;
  z-index: 19;
}

#wrap{
  position: relative;
  width:960px;
  text-align: center; 
  margin: 0 auto; 
  padding: 0; 
}

#header{
  position: relative;
  background-attachment: scroll;
  background-repeat: no-repeat;
  height: 231px;
  z-index: 30;
}

#header img{
  float:left;
  margin: 10px 5px 0 10px;
}

#header h2{
  padding: 140px 0 0 0;
  margin:0 0 0 0;
  color: #CCFFCC;
  font-family: geneva;
  font-size: 1.15em;
  text-transform: uppercase;
  text-align: left;
}

#nav{
 position: relative;
  top: -41px;
  left: 190px;
  width: 590px;
  height: 28px;
   z-index: 30;
}

#nav ul{
  padding-left:10px;
  list-style:none;
  display:inline;
}

#nav li{
  display:inline;
  padding-left:25px;
}

#content{
  position: relative;
  text-align: left;
  top: -40px;
  background: #fff;
}

#news{
  position: relative;
  left: 35px;
  width: 540px;
  margin: 0 35px 0 0;
  background:  #ffffcc;
  border-left: 1px solid #333;
    border-right: 1px solid #333;

}

#news h3{
  background: url(../layout_img/news-title.png) bottom left no-repeat;
  color: #330000;
}

.news-entry{

  margin: -60px 0 0 20px;
}

.news-entry p{
  width: 90%;
  margin: 0 0 0 5px;
}

#news  .journal-h2{
  position: relative;
  text-indent: -9999px;
  top: 15px;
  left: -7px;
    background: url(../layout_img/journal-bg.png) top left no-repeat;
}

.news-date{
  position: relative;
  top: 15px;
  left: -52px;
  width: 50px;
  background: url(../layout_img/calender-bg3.jpg) top no-repeat;
  border: 1px solid #666;
  padding: 2px 0 0 0;
  overflow:hidden;
  height:64px;
}

.photo-set {
  margin:  30px 0 30px 0;
}

.photo-set li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}

.news-date li{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 50px;
  text-align: center;
}

.news-month{
  color: #fff;
}

.news-day{
  font-size: 1.18em;
  color: #000;
}

.author {
    padding: 5px 0px 0px 5px;
    height: 25px;
    border-bottom: 1px dotted #006633;
    margin: 0 0 10px 0;
    background: #FFFF99 url(../layout_img/oak.png) right repeat-y;
}


li.img{
 display: inline;
 margin: 0 0 0 0px;
}

.trails li{
 list-style: disc;
}


.grid_10 h2, h3 {
  margin: 0 0 0 5px;
  color: #ffffff;
}

.grid_10 p{
  padding: 0 0 0 10px;
  color: #000;
}

.grid_10 h2{
  color: #663300;
  margin: 0 0 0 15px;
}

.grid_6 p {
  color: #fff;
}

.comment{
  background: #FFFF99;
  margin: 0 0 15px 0;
}

.comment-entry{
  background: #006633;
  border-bottom: 1px dashed #ccc;
}

#sidebar .comment{
  width: 320px;
}

.comment-entry h2 {
  font-size: 1.12em;
  color: #fff;
  margin: 0 0 0 10px;
}

.comment-entry p {
  font-size: .97em;
  color: #ccc;
  margin: 0 0 0 10px;
}

#sidebar {
  position: relative;
  top: 10px;
  padding: 0 9px 0 9px;
  background: transparent url(../layout_img/sidebar-bg.gif) right repeat-y;
  overflow: hidden;
}

#sidebar ul li{
  list-style: none;
}
 
#sidebar form li{
  color: #fff;
}


#sidebar .feature-h3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: 3px;
  background: url(../layout_img/feature-bg2.png) top no-repeat;
}

#sidebar .recenth3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/commenth2-bg.png) top left no-repeat;
}

#sidebar .stuffh3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/sweet-stuff.png) top left no-repeat;
}

#sidebar .formh3{
  position: relative;
  text-indent: -9999px;
  top: 5px;
  left: -10px;
  background: url(../layout_img/formh3.png) top left no-repeat;
}

#recent ul li{
  margin: 0;
  padding: 0 0 0 20px;
  width: 310px;
}

#recent li{
  list-style: none;
  background: #000;
  width: 320px;
  color: #ccc;
}

#recent li.even { 
  background-color: #000; 
  color: #ffff;
  border-bottom: 1px dashed #663300;
}

#recent li.odd { 
  background-color: #ffffcc; 
  color: #0000;
}

.footer{
  font-size: .87em;
  text-align: center;
  color: #fff;
}

.clear {
 clear: both;
}


/*------Pagination---------*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:left;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #006633;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #CCFFCC;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #006633;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/*---------Links-----------*/
a img {
	border:0;
    padding:0px 0px 0px 5px;
}

a:link {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .87em;
	color: #006633;
}
a:visited {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .87em;
	color: #666666;
}
a:hover {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .87em;
	color: #CC6600;
}
a:active {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .87em;
	color: #FF9900;
}

a.navbar:link {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #990000;	
}
a.navbar:hover {
	font-family: arial, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #CC6600;
}


a.blogroll:link{
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .97em;
	color: #ffff00;
}

a.blogroll:visited{
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .97em;
	color: #663300;
}

a.blogroll:hover{
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .97em;
	color: #663300;
}
a.blogroll:active{
	font-family: arial, "Times New Roman", Times, serif;
	font-size: .97em;
	color: #663300;
}


/*-----------NAV Sprite-----------



ul#nav { position: absolute; top: 20px;  left:460px;  padding:0; margin:0; }*/
ul#nav {background: url(../layout_img/nav-sprite.png)}
ul#nav li{ float:left;  list-style-type:none }
ul#nav li a { height: 34px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none}

li#navTrails a, li#navPics a, li#navVideo a {background:url(../layout_img/nav-sprite.png) top right no-repeat}





/*
CSS Sprites poows

The distance from the top to the...

initial state: 0
rollover state: 34px
selected state: 34px

The distance from the far-left to the ...

trails: 0
Pics: 93px
Video: 159px

The Width of the...

Trails: 93px
Pics: 67px
Video: 63px
*/

li#navTrails a			{background-position:0 0; width: 93px; left:0}
li#navTrails a:hover		{background-position:0 -34px;}
body#pageTrails li#navTrails a  {background-position:0 -34px;}

li#navPics a			{background-position: -93px 0; width: 67px; left: 93px}
li#navPics a:hover		{background-position: -93px -34px;}
body#pagePics li#navPics a  	{background-position: -93px -34px;}

li#navVideo a			{background-position:-159px 0; width: 63px; left: 159px}
li#navVideo a:hover		{background-position:-159px -34px;}
body#pageVideo li#navVideo a  	{background-position:-159px -34px;}