body {
	background:#bccdc5;
	font-family: verdana, tahoma, sans-serif;
	font-size:10pt; 
	color:#321;
	margin:0 auto; 
	padding:0px;
}

#wrapper {
	width:710px; 
	margin:0 auto;
	background:#fff url("images/bg.jpg") repeat-y;
	padding:20px 0px 0px;
}

#header {
	height:298px;
	background:url("images/header.jpg") 77px no-repeat;
}

#content {
	width:395px;
	float:left;
	margin-left:30px;
	padding:10px 20px;
}

#navigation {
	width:225px;
	float:right;
	padding:10px;
}

#content h1 {
	font-size:13pt;
	color:#754;
	text-transform:uppercase;
	margin:0;
}

#content h2, #content h3, #content h4 {
	font-size:11pt;
	color:#754;
	text-transform:uppercase;
	margin:0;
}

#content a {
	text-decoration:none;	
	color:#a86639; 	
}

#content a:hover {
	text-decoration:underline;
}

#navigation h2 {
	font-size:10pt;
	color:#765;
	margin:0px 0px 5px 0px;
	padding:0;
	text-transform:uppercase;
}

#navigation ul {
	text-align:left;
	margin:0px 0px 15px 0px; 
	padding:0;			
}

#navigation li {
	list-style:none;
	background:url("images/bullet.jpg") no-repeat 6px 50%;
	line-height:1.7em;
}

#navigation a {
	text-decoration:none;	
	color:#a86639; 	
	margin-left:17px;
	border-bottom:#cc7 1px dashed;
	font-size:9pt;
}

#navigation a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	background:#fff url("images/footer.jpg") no-repeat;
	height:14px;
	display:block;
}