/*/ Giving the layout some flavor! (background)/*/
body {
margin: 0;
padding: 0;
text-align: center;
background-image:url('../images/background.gif');  
color:#302f2c;
font-size:11px;
}
/*/ Page Content (images)/*/
img.pagecontent {
	margin: 5px;
	float: right;
}
a{color:#8a8f78;}

a:hover{color:#7a4b3b;}

h1{color:#7a4b3b; font-size:13px; font-weight:normal;}

div.hr {background-image:url('../images/break.gif'); background-repeat:no-repeat; background-position:center; width:552px; height:24px; margin:10px 0px 10px 0px;}
div.hr2 {background-image:url('../images/divider.gif'); background-repeat:no-repeat; background-position:center; width:552px; height:24px; margin:20px 0px 10px 0px;}
div.hr hr {display: none;}
div.hr2 hr {display: none;}

/*/ ----------------------------------------------------->The L A Y O U T begins its take off /*/

#container {
	width: 711px;
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
} 



#header {
	width: 711px;
	height: 134px;
	background-image:url(../images/header.jpg);
	padding: 0px;
	float: left;
}

#logo {
position: relative;
top: 0;
float:left;
}

#left {
width: 52px;
height:985px;
float: left;
background-image:url(../images/l_bar.gif)

}

#right {
width: 55px;
height: 985px;
float: right;
margin: 0 0px 0 0px;
background-image:url(../images/r_bar.gif)
}



#maintop {
width: 604px;
height:130px;
margin: 0 0px 0 0px;
float:left;
background-image: url(../images/page_news_background.gif);
background-repeat:no-repeat;
}

#main {
font-size:11px;
width:552px;
height:742px;
margin: 0 0 0 0;
padding: 8px 22px 0 30px; 
float:left;
background-image:url(../images/page_background.gif);
}

#footer {
width:604px;
height:105px;
margin: 0, 0, 0, 0;
background-image:url(../images/bottom.gif);
float:left;
bottom: 0;
text-align:center;
}

#photoGallery{
	background-image:url(../images/gallery_bg.jpg);
	background-repeat:no-repeat;
	width:479px;
	height:476px;
	padding:20px 0px 0px 18px;
	margin-left:35px;
}
#photoGallery img{
	border:0px;
	padding:0px 8px 8px 0px;
}

/* Navigation which took forver! don't mess! :) Blue Tractor is cruisin. */
#nav_container {
	height: 43px;
	width: 711px;
	margin-top:91px;
	position:absolute;
	display: block;
	float:left;
}

#nav_container li {display:inline;}

/*------------> News <---------------***************************/
a.nav_button_news {	position: absolute; left: 50px; down:70px; background-image: url(../images/b_news.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:20;}
a.nav_button_news:hover {position: absolute; left: 50px; down:70px; background-image: url(../images/b_news2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeNews, a.activeNews:hover {position: absolute; left: 50px; background-image: url(../images/b_news2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;}

/*------------> Bio <---------------***************************/
a.nav_button_bio {	position: absolute; left: 230px; background-image: url(../images/b_bio.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:70;}
a.nav_button_bio:hover {position: absolute; left: 230px; background-image: url(../images/b_bio2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeBio, a.activeBio:hover {position: absolute; left: 230px; background-image: url(../images/b_bio2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;}


/*------------> BOOKS <---------------***************************/
a.nav_button_books {position: absolute; left: 300px; background-image: url(../images/b_books.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:60;}
a.nav_button_books:hover {position: absolute; left: 300px; down:70px; background-image: url(../images/b_books2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeBooks, a.activeBooks:hover {position: absolute; left: 300px; background-image: url(../images/b_books2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;}

/*------------> GALLERY <---------------***************************/
a.nav_button_gallery {position: absolute; left: 371px; down:70px; background-image: url(../images/b_gallery.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:50;}
a.nav_button_gallery:hover {position: absolute; left: 371px; down:70px; background-image: url(../images/b_gallery2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeGallery, a.activeGallery:hover {position: absolute; left: 371px; background-image: url(../images/b_gallery2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;}

/*------------> FAQ <---------------***************************/
a.nav_button_faq {position: absolute; left: 445px; down:70px; background-image: url(../images/b_faq.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:40;}

a.nav_button_faq:hover {position: absolute; left: 445px; down:70px; background-image: url(../images/b_faq2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeFAQ, a.activeFAQ:hover {position: absolute; left: 445px; background-image: url(../images/b_faq2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;}

/*------------> LINKS <---------------***************************/
a.nav_button_links {position: absolute; left: 505px; down:70px; background-image: url(../images/b_links.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:30;}
a.nav_button_links:hover {position: absolute; left: 505px; down:70px; background-image: url(../images/b_links2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeLinks, a.activeLinks:hover {
	position: absolute; left: 505px; background-image: url(../images/b_links2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;
}

/*------------> BLOG <---------------***************************/
a.nav_button_blog {
	position: absolute; left: 572px; down:70px; background-image: url(../images/b_blog.png); background-repeat: no-repeat; display: block; width:102px; height:43px; z-index:20;
}

a.nav_button_blog:hover {
	position: absolute; left: 572px; down:70px; background-image: url(../images/b_blog2.png); background-repeat: no-repeat; display: block; width:102px; height:43px; 
		
}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeBlog, a.activeBlog:hover {
	position: absolute; left: 572px; background-image: url(../images/b_blog2.png); background-repeat: no-repeat; display: block; width:102px; height:43px;	z-index:100;
}

/*------------> CONTACT <---------------***************************/
a.nav_button_contact {
	position: absolute; down:70px; background-image: url(../images/b_contact.png); background-repeat: no-repeat; display: block; width:43px; height:102px; z-index:20;
}

a.nav_button_contact:hover {
	position: absolute; down:70px; background-image: url(../images/b_contact2.png); background-repeat: no-repeat; display: block; width:43px; height:102px; 
		
}
/*-Displayed only when Tab is active (current page)-**Example : <a class="activeNews" href="#"></a></li> I N S T E A D   O F <li><a class="nav_button_news" href="#"></a></li>-*/
a.activeContact, a.activeContact:hover {
	position: absolute; background-image: url(../images/b_contact2.png); background-repeat: no-repeat; display: block; width:43px; height:102px;	z-index:100;
}

/*/ ----------------------------------------------------->The L A Y O U T has landed. /*/

.clear {
clear: both;
}