html, body, div, span, h1, h2, h3, p, a, font, img, ul, li {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	list-style-type: none;
	background: transparent;
}

body {
	background: url("../gfx/body.png");
	font: 11px Georgia, Times, serif;
	color: #333;
	line-height: 130%;
}

p {
	padding: 0 0 10px 0;
	overflow: hidden;
}

ul {padding: 0 0 10px 0;}

a:link, a:visited  {text-decoration: none; color: #993333;}
a:active, a:hover  {text-decoration: underline;}

h2 {
	padding: 17px 0;
	font: normal 16px Georgia, Times, serif;
}

h3 {
	padding: 0 0 4px 0;
	font: normal 13px Georgia, Times, serif;
}

#pattern { 
	background: url("../gfx/pattern.png") repeat-x;
	height: 64px;
	text-indent: -1000000px;
}

#wrapper { 
	background: url("../gfx/content.png")no-repeat;
	width: 914px; 
	height: 300px; 
	padding: 0 35px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -457px;
} 

#content img {
	float: left;
	padding: 0 45px 25px 0;
}

#content ul li.readmore {
	padding: 0 0 10px 0;
}

#content a.button {
	display: block;
	height: 30px;
	padding: 0;
	background: url("../gfx/button.png") no-repeat;
	margin: 4px 0;
	float: left;
}
	#content a.button span {
		display: block;
		padding: 8px 10px 4px 10px;
		height: 18px;
		background: url("../gfx/button.png") no-repeat right -30px;
	}
	
		#content a.button:link, #content a.button:visited {text-decoration: none; color: #333;}
		
		#content a.button:hover, #content a.button:focus, #content a.button:active {	
			background-position: left -60px;
			text-decoration: underline;
		}
			
			#content a.button:hover span, #content a.button:focus span {	
				background-position: right -90px;
			}

#footer { 
	background: url("../gfx/footer.png") center top no-repeat;
	width: 925px;
	height: 50px;
	clear: left;
}

	#footer ul {
		float: left;
		padding: 10px 0 0 10px;
	}
	
		#footer ul li {
			display: inline;
			padding: 0 10px 0 0;
		}	
	
	#footer p {
		float: right; 
		padding: 10px 10px 0 0;
	}
	
		#footer p.active {font-weight: bold;}