/* Pixel alignment calculated according to the CSS1 model, html is XHTML Transitional */
/* refer to http://www.ericmeyeroncss.com/bonus/render-mode.html */


body {
	padding: 0px;
	margin: 0px;
	text-align:center;
	background: #683307;
}


/* this is the wrap that centers everything, and paints the centre white */
#wrapper {
	/*752 because that's the width of the header and footer images */
	width: 752px;
	margin: 0px auto;
	text-align: justify;
	background: #ffffff;
	padding: 15px 4px 15px 4px;
}


/* 109px image - 15px padding = 94px height */
#header {
	height: 94px;
	width: 752px;
	text-align: center;
	padding-top: 15px;
	font-family: Georgia, serif;
	font-size: 18px;
	background: url("http://grimegraphics.com/images/top-graphic.gif") center top no-repeat;
	margin: 0px;
}

#header a {

		text-decoration: none;
		color: #000000;
		padding: 0px 1.5ex 0px 1.5ex;
}

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

#header a:visited {
		color: #4F4F4F;
}


/* this is the div that wraps all the content in the border */
#contentwrap {

	margin: 0px;
	border: 2px solid black;
	border-width: 0px 2px 0px 2px;
	width: 748px;
/* width = 748px because of 752px final width - 4px border */
}


#topadbar {
		clear: both;
		height: 90px;
		/* leaderboard = 728px. therefore (748-728)/2 = 10px of padding on each side to center */
		padding: 0px 10px 0px 10px;
}


#content {
	float: left;

/* 748px - 20px of padding - 120px of skyscraper - 10px of skyscraper margin = 598px */
	width: 598px;
	padding: 10px;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	line-height: 130%;
}

h1, h2, h3, h4 {
		font-family: georgia, serif;
		color: #683307;
		text-align: left;
		line-height: 130%;
}

h1 { font-size: 17pt; }
h2 { font-size: 16pt; }
h3 { font-size: 15pt; }
h4 { font-size: 14pt; }

b { color: #683307; }
a { color: #EA7710; }
a:hover { color: #FF7F00; }
a:visited { color: #C4640D; }

/* a centered div with a picture in it */
.picblock{
    		margin-top: 1ex;
		margin-bottom: 1ex;
}


/* skyscraper is 120 px wide by 600 high */
#rightadbar {
/* pad the top so it lines up with the content area */
    		padding: 10px 0px 0px 0px;
/* 10+598+10 = 618 */
		margin-left: 618px;
		width: 120px;
/*		margin-right: 10px;  breaks in IE6, works in Opera*/

}

#bottomadbar {
		clear: both;
		height: 90px;
		/* leaderboard = 728px. therefore (748-728)/2 = 10px of padding on each side to center */
		padding: 0px 10px 0px 10px;
}

#footer {
		clear: both;
}