html { 
	font-size: 100%; /* to fix IE font bugs */
	background-color: #D2DCBE;
}

body
{
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	background-color: #D2DCBE;
	font-size: .8em;
}

a img { border: none; }

a {
	background-color:transparent;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}

a:link {color: #57264D;}
a:visited {color: #57264D;}
a:hover {color: #4F601B; text-decoration: underline;}
a:active {color: #4F601B; text-decoration: underline;}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h1, h2, h3 { color: #57264D; }
h4, h5, h6 {font-size: 1.1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3em;}

#mainWrapper {
	margin: auto;            /* */
	top: 0;                  /* THESE 3 LINES LET THE WHOLE THING CENTER BUT KEEP THE LOGO TOP-LEFT */
	left: 0;                 /* */
	background-color: #FFF8CC;	/* pale yellow */
	text-align: left;
	width: 850px;
	vertical-align: top;
	border: 3px solid #9FAC90;
	position: relative;
}

#logoWrapper {
	width: 850px;
	background-color: #FFF8CC;
	height:1%;
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
}

#taglineWrapper { text-align: right; }

#leftCol {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	background-color: #FFF8CC;
	border-color: #9FAC90;
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	margin: 0px;
	padding: 0px;
}

#centerCol {
	width: 600px;
	background-color: #FFF8CC;
	border-color: #9FAC90;
	border-width: 3px 3px 3px 3px;
	border-style: solid;
	margin: 10px 10px 10px 210px;
	padding: 1em;
}

.nav {
	margin: 280px 0 .2em 0;
	padding: .5em;
}

.p-bg {
	background-color: #D2DCBE;
	padding: .5em 1em .5em 1em;
}