@charset "UTF-8";

body {
	background-color:#000000; /* so that if there is not enough content to fill the screen, there won't be white space under the footer */
	background-image:url(images/pageBG.gif);
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
}

#contentWidener {
	width:100%;
	position:relative; top: -1em;
}

#content {
	margin:0 auto;
	width:780px;
	text-align:left;
}

#header {
	height:140px;
}

#menu {
	position:inherit;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	a
}

#container {
	color:#ffffff;
	background-color:000000;
}

.item{
	padding-top:15px;
	color:#CCCCCC;
}

.item img {
	border:1px solid #999999;
	margin-right:10px;
}

.item p {
	font-size: .8em;
}

#sidebar {
	width: 150px;
	margin-left:20px;
	padding-left: 10px;
	padding-right: 10px;

}

#footer {
	clear: both;
	position:relative; top:.5em;
	text-align: center;
	font-size: .7em;
	color:#3E4273;
	background-image:url(images/footerFill.png);
	padding: 10px;
	margin-left: -15px;
}

a:link, a:visited {color: #898989; text-decoration: none;}
a:focus, a:hover, a:active {color: #898989; text-decoration:underline;}
#menu a {color:#330033;}
#container a {color: yellow;}
#footer a {color:#3E4273;}
.maintitle {font-family:"Courier New", Courier, monospace; font-size: 20px;}
.subtitle {position: relative; top: -.5em; margin-left: 1em;font-style: italic; font-size: .8em;}