/* MAIN CSS FOR THE SITE */

/*
div {
	border:1px dotted #000099;
}/* uncomment this block of code to help with layout debugging in browsers */

body, html {
	margin:0;
	padding:0;
}

body {
	background:#f5e5ca url(../images/site/body_bg_fall.jpg) repeat-y top center;
	padding-top:20px;
	padding-bottom:40px;
}

#header {
	width:902px;
	display:block;
	margin:0 auto;
	height:109px;
}

#pageContainer {
	background:#f5e5ca url(../images/site/page_bg_fall.jpg) repeat-y top center;
	width:100%;
	margin:0 auto;
	text-align:left;
}

.clearer {
	clear:both;
	display:block;
	height:1px;
	margin-bottom:-1px;
	font-size:1px;
	line-height:1px;
}

/*------------------- NAVBAR -------------------*/
#navBar {
	width:900px;
	margin:0 auto;
	height:27px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#420;
	font-weight:bold;
	background:#e8dcbe;
}

#navBar a:link, #navBar a:visited {
	padding:0 10px;
	color:#420;
	text-decoration:none;
}

#navBar a:hover {
	color:#a42;
	text-decoration:none;
}

/*------------------- CONTENT AREAS -------------------*/
#content {
	width:900px;
	margin:0 auto;
	background:#f4f6ed url(../images/site/content_bg.png) no-repeat top center;
	border:solid 1px #a79;	
	border-top:none;
}

#mainCol {
	width:620px;
	padding:10px;
	position:relative;
	float:left;
	top:30px;
	left:30px;
	display:block;
	text-align:left;
	border:solid 1px #b95;
	background:url(../images/site/white_bg.png);
}

*html #mainCol {			/* a hack for our beloved IE6 */
	background:none;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site/white_bg.png',sizingMethod='scale');   lol. this is the solution for our beloved IE6 and it stops forms from being clickable! */
	background:#f9f8f3 url(../images/site/mainContent_bg_for_ie.jpg) top left no-repeat;			/* because the one above doesn't work properly in IE */	
}

#sideCol {
	width:170px;
	padding:0;
	position:relative;
	float:right;
	top:30px;
	right:30px;
	text-align:left;
}


/*------------------- FOOTER -------------------*/
#footer {
	display:block;
	clear:both;
	margin-top:30px;
	padding:30px 0 10px 0;
 	font-size:8pt;
	color:#333;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#333;
	text-decoration:none;
}

#footer a:hover {
	color:#333;
	text-decoration:underline;
}