@import url("reset.css");
@import url("Navigation.css");
@import url("Common.css");

h1.pagetitle {
	background: url(normal-content-bg.gif) no-repeat top right;
	/* color: #B26416; (This color looks better, but what do I know?) */
	color: #402a48;
	font-size: 200%;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	padding: 5px 20px 10px 20px;
}

h2 {
	font-size: 180%;
	font-weight: normal;
	margin: 0.3em 0;
	padding: 15px 10px;
}

h3 {
	font-size: 140%;
	font-weight: normal;
	margin: 0.5em 0;
	padding: 10px 10px 10px 0;
	color: #eaaa12;
}

h4 {
	font-size: 130%;
	font-weight: normal;
	margin: 0.3em 0;
	padding: 10px;
	color: #561861;
}

.hard {
	clear: both;
	font-size: 15px;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

#header {
	background: url(normal-header-right.gif) no-repeat top right;
	height: 70px;
	width: 917px;
}

#header p {
	display: none;
}

#main {
	background: url(content-bg.gif) repeat-y top right;
	display: inline;
	float: right;
	width: 694px;
}

#main2 {
	padding: 5px 15px;
}

#page {
	background: url(content-bg.gif) repeat-y right;
	font-size: 0.8em;
	margin: 0 auto;
	width: 917px;
}

div.featureImage {
	width: 219px;
	height: 180px;
	background: url(featureImagebg.gif) no-repeat top left;
	padding: 4px 0 0 4px;
}

div.featureImage img {
	margin: 0;
	padding: 0;
}