/* ---------- CORE STYLE ---------- */


a img { border:none }


body 		{font-family:tahoma;
		font-size:11px;
		color:#663300;
		background:transparent url(woodstack.jpg)
		no-repeat;
		text-align:left;}	


a 		{font-family:tahoma; text-decoration: underline; font-weight:; margin-bottom:0px;}
		a:link       { color: #663300;}	
		a:visited    { color: #663300;}
		a:hover      { color: #333;}
		a:active     { color: #663300;}


h1 		{font-size:11px;	
		color: #996600;
		font-weight: normal;
		margin:0;}



/* ---------- DIVS ---------- */



#container	{width: 800px;
		height: 460px;
		margin: 30px;
		padding: 35px;
		background:transparent url(80percent.png)}


#container2	{width: 900px;
		height: 460px;
		margin: 30px;
		padding: 35px;
		background:transparent url(80percent.png)}


#leftbox	{width: 330px;
		height: 450px;
		float:left;
		border-right-style:solid;
		border-right-color:#663300;
		border-right-width:1px;}


#rightbox	{width: 400px;
		height: 450px;
		float:left;
		text-align: left;
		margin-left: 50px;}


#rightbox2	{width: 500px;
		height: 450px;
		float:left;
		text-align: left;
		margin-left: 50px;}



/* ---------- CLASSES ---------- */


.underlink	a:link 		{color: #663300; text-decoration: underline;}
.underlink	a:visited 	{color: #663300; text-decoration: underline;}
.underlink	a:hover 	{color: #333;}
.underlink	a:active 	{color: #663300; text-decoration: underline;}




/* ---------- IMAGE SCROLLER ---------- */



#content	{overflow:hidden;
		margin:0px;
		width:500px;
		height:460px;
		position:relative;
		text-align:left;
		float:left;}


.section	{width:800px;
		float:left;
		position:relative;}


.section .sub	{position:relative;
		float:left;
		width:800px;
		height:460px;}


.section .sub p	{width:800px;
		margin:0px;
		float:left;}



#textcontent	{width:500px;
		float:left;}



.section .next, .section .prev
		{background-color:;
		position:absolute;}


.section .prev	{position:absolute;}
.section .next	{position:absolute;}