/* CSS Document */

body
	{
		margin: 0;
		padding: 0;
		font: 85% "Times New Roman", Times, serif;
		text-align: center;
		color: #505367;
		background-color: #FFFFFF;
	}
	
	a:link { font-size: .8em;  color: #915207; text-decoration: none; letter-spacing: 0.1em; }
	a:visited { font-size: .8em;  color: #915207; text-decoration: none; letter-spacing: 0.1em; }
	a:hover, a:active { color: #5A453C; }
	
	h2
	{
		color: #915207;
		font: 120% georgia, times, "times new roman", serif;
		font-weight: normal;
	}
	
	h2 a { text-decoration: none; }

	
	#container
	{
		margin: 1em auto;
		width: 946px;
		height: 600px;
		text-align: left;
		background-image:url('images/bg-1.gif');
		background-position: 0 0;
		background-repeat: no-repeat;

	}
	
	#header
	 { 	margin: 0; 
	 	position: relative; 
	 	width: 100%; 
	 	height: 63px;
	 	left: 761px; 
	 	top: 336px;
	 	
	 }
	 	
	
	#logo
	 { background-color: #422920; text-align: center; display: inline; width: 277px; height: 51px; float: left }
	
	.logo2
	{
		clear: both;
		float: left;
		display: inline;
		position: relative;
		left: 40px;
		top: -58px;
	}

	
	#menu
	 { display: inline; position: relative; top: 336px; left: -226px; width: 639px; height: 61px; float: left; border: solid 1px #a78e85 }
	
		#contents1
	{
		clear: left;
		position: relative;
		width: 559px;
		height: 374px;
		left: 1098px;
	 	top: 183px;

	}
	
		#contents2
	{
		
		width: 322px;
		height: 374px;
		text-align: center;
		display: inline;
		float: right;
		position: relative;
		left: -18px;
	 	top: -388px;


	}


.highlight1 {
	color: #a6592c;
}

.hyperlink {
	text-decoration: underline;
}
	
div.scroll {
	
	clear: left;
	position: relative;
	left: 106px;
	top: 298px;
	height: 374px;
	width: 530px;
	overflow: auto;
	padding-right: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 2em;
	color: #6b4d40;
	letter-spacing: .15em;
	
}

div.scroll a {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 2em;
	color: #a6592c;
	letter-spacing: .15em;
	text-decoration: underline;
	
}
	
	#footer	
	{
		position: relative;
		clear: left;
		height: 96px;
	 	width: 100%; 
	 	left: 30px; 
	 	top: 157px;

	}
.bottomnav
{
		float: right;
		position: relative;
		left: 313px;
		top: -60px;
		height: 68px;
		width:181px;
		display: inline;


}
	.bottomnav1
	{
		
		position: relative;
		left: 0px;
		top: -40px;
		padding: 0px 0px 0px 10px;
		border: 1px solid #A78E85; 
		border-right-style: none;
		margin: 10px;
		
	}
	
	.bottomnav2
	{
		position: relative;
		left: 0px;
		top: -40px;
		padding: 0px;
		border: 1px solid #A78E85;
		border-left-style: none;
		margin: 10px;
	}
	


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 main stylesheet ends, CC with new stylesheet below... 

[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. */
</style>
<![endif]#container .scroll .highlight1 a {
	font-size: 12px;
}