/* BEGIN BASIC FORUM STYLES */
body {
	background-color: #0F0F0F;
	text-align: center;			/* make sure IE centers the page too */
	font-family: sans-serif;
	color: #4B0082;
}

#wrapper {
	position: relative;
	width: 80%;
	margin: 0 auto; 			/* center the page */
}

#header {
	text-align: left;
	padding-left: 8%;
}

#content {
	border: 5px dashed pink;
	border-top: none; 			/* don't want a line across the middle so removed this */
	float: left;
	padding: 20px 30px;
	text-align: left;
	width: 100%;				/* fill up the entire div */
	margin-top: 5px;
}

#menu {
	margin-top: 5%;
	float: left;
	border: 5px dashed pink;
	border-bottom: none;			/* avoid a double border */
	clear: both;				/* clear:both makes sure the content div doesn't float next to this one but stays under it */
	width:100%;
	height:50px;
	padding: 0 30px;	
	text-align: left;
	font-size: 85%;
}

#menu a:hover {
	background-color: #009FC1;
}

#userbar {;
	float: right;
	width: 300px;
	height: 50px;
}

#userBarMsg {
	color: #FAFAFA;
}

#footer {
	clear: both;
}

/* begin table styles */
table {
	border-collapse: collapse;
	width: 100%;
}

table, td, th {
	border: 1px solid pink;
}

table a:hover {
	color: pink;
	text-decoration: none;
}

th {
	background-color: #2E2E2E;
	color: #FAFAFA;
	padding: 5px;
}

td {
	padding: 5px;
}

/* Begin font styles */
h1 {
	font-size: 50pt;
	margin-bottom: -25px;
}

#footer {
	color: #FAFAFA;
}

h3 {
	margin: 0; 
	padding: 0;
}

a {
	text-decoration: none;
	color: purple;
}

/* Menu styles */
.item {
	background-color: #2E2E2E;
	border: 3px dashed pink;
	padding: 10px;
	text-decoration: none;
	color: #FAFAFA;
	margin-right: 10px;
}

.leftpart {
	width: 70%;
}

.rightpart {
	width: 30%;
}

.small {
	font-size: 75%;
}
#footer {
	font-size: 9pt;
	padding: 3px 0 0 0;
}

textarea {
	width: 500px;
	height: 200px;
}