@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 */
	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;
	font-size: 100%;
}

#contentWidener {
	width:100%;
	background-color:#FFFFFF;
	position:relative; top: -2em;
}

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

#header {
	background-image:url(images/titleBG.jpg);
	background-repeat:x;
	height:126px;
}

#menu {
	float:right;
	position:absolute; right: 0px; top: 0px;
	text-align:left;
}

#container {
	color:#FFFFFF;
	background-color:FFFFFF;
}

.item{
	padding-top:15px;
}

.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;
	border: 1px solid grey;
}

#footer {
	clear: both;
	position:relative; top:-3em;
	text-align: center;
	font-size: .7em;
	padding: 10px;
	height:126 px;
	margin-left: -15px;
	margin-bottom: -15px;
    background: url(images/footerLayer.jpg) left top;
}

#footer p {color: #FFFFFF;}
#footer a {color: #FFFFFF;}


a:link, a:visited {color: #0099FF; text-decoration: none; font-weight:bold;}
a:focus, a:hover, a:active {background: #CEB362; color: #FFFFFF; text-decoration:underline; font-weight:bold;}
#container a {color: yellow;}
.maintitle {font-family:"Courier New", Courier, monospace; font-size: 20px;}
.subtitle {position: relative; top: -1.5em; margin-bottom: 0.2em; font-style: italic; font-size: .8em;}



#credit {display: none;}