@charset "utf-8";
/* CSS Document */

html, body { height: 100%; }

body {
	background-image: url(corkBG.jpg);
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 { margin: 25px 0 10px 0; font-size: 26px; }
h2 { margin: 20px 0 10px 0; font-size: 18px; }
h3 { margin: 15px 0 5px 0; font-size: 15px; } 
p { margin: 8px 0 12px 0; }
ul { margin: 12px 0; }
img { display: block; }
a img { border: none; }

#pageWrapper {
	background-image: url(contentTile.png);
	background-repeat: repeat-y;	
	width: 824px;
	margin: 0 auto;
	min-height: 100%;
	overflow: hidden; /* Mozilla leaking space bug */
}

	/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */				
	/* thanks to: http://www.positioniseverything.net/easyclearing.html */	
	#pageWrapper:after {
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height: 1%;
		font-size: 0.1em;
		line-height: 0;
	}			

	/* patch to make easyclearing hack work in IE7 */
	/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
	#pageWrapper { display: inline-block; }
	#pageWrapper { display: block; }	

	#header {
		position: relative;
		width: 824px;
		margin: 0 auto;
		height: 274px;
		overflow: hidden;
	}

		#headerImg {
			position: absolute;
			top: 0;
			left: 0;
		}

		#nav {
			position: absolute;
			top: 222px;
			width: 360px;
			height: 32px;
			left: 38px;
			z-index: 2;		   
		} 
			
			#nav a {
				position: absolute; 
				top: 0; 
				height: 32px;
				display: block;	
				background-repeat: no-repeat;
			}
			
			#nav a img { 
				height: 100%; 
				width: 100%;
			}
		
			.nav1 { left: 0px; width: 93px;	}
			.nav2 { left: 95px; width: 93px; }
			.nav3 { left: 190px; width: 136px; }
			
				.nav1:hover { background-image: url(button-home.gif); }
				.nav2:hover { background-image: url(button-history.gif); }
				.nav3:hover { background-image: url(button-contact.gif); }
			
		#date {
			position: absolute;
			top: 232px;
			right: 50px;
			width: 300px;
			text-align: right;
		}			

	#sidebar {
		width: 167px;
		padding-left: 45px;
		float: left;
		font-family: "Times New Roman", Times, serif;
		text-transform: uppercase;		
	}
	
		.tapedPaper {
			width: 167px;
			background-image: url(paperBG.jpg);
			background-repeat: repeat-y;
			margin-bottom: 10px;
		}
		
		#sidebar h3 {
			margin: 0 6px;
			padding-bottom: 3px;
			border-bottom: 1px solid #884e01;
			font-size: 13px;
		}
		
			#sidebar h3 a {
				color: black;
				text-decoration: none;
			}
			
				#sidebar h3 a:hover { color: #c3a204; }
		
		#sidebar ul {
			margin: 0 6px 0 6px;
			padding: 0 0 15px 30px;
			list-style-type: none;
			font-size: 11px;
		}
		
			#sidebar ul li {
				margin: 3px 0;
				padding-bottom: 2px;
				border-bottom: 1px solid #884e01;
			}
			
			#sidebar ul a {
				color: #884e01;
				text-decoration: none;
			}
			
				#sidebar ul a:hover { color: #c3a204; }
			

	#content {
		width: 585px;
		float: right;
	}
	
		#content p { width: 500px; }
		
		#content ul {
			padding-left: 40px;
			width: 460px;
		}
		
a {color: black;}		
a:hover { color: #c3a204; }
a:visited { color: #884e01; }