body {
    background-color: white;
	text-align: center;			/* make sure IE centers the page too */
}
#wrapper {
	width: 90%;
	margin: 0 auto; 			/* center the page */
}
#content {
	background-color: #fff;
	border: 1px solid #000;
	float: left;
	font-family: Arial;
	padding: 20px 30px;
	text-align: left;
	width: 100%;				/* fill up the entire div */
}
#menu {
	float: left;
	border: 1px solid #000;
	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:20px;
	padding: 0 30px;
	background-color: #FFF;
	text-align: left;
	font-size: 85%;
}
#menu a:hover {
	background-color: #009FC1;
}
#userbar {
	background-color: #fff;
	float: right;
	width: 350px;
}
#footer {
	clear: both;
	bottom: 10px;
}
/* begin table styles */
table {
	border-collapse: collapse;
	width: 100%;
}
table a {
	color: #000;
}
table a:hover {
	color:#373737;
	text-decoration: none;
}
th {
	background-color: #ff6900;
	color: #F0F0F0;
}
td {
	padding: 5px;
}
/* Begin font styles */
h1, #footer {
	font-family: Arial;
	color: #ff6900;
}
h3 {margin: 0; padding: 0;}
/* Menu styles */
.item {
	background-color: #00728B;
	border: 1px solid #032472;
	color: #FFF;
	font-family: Arial;
	padding: 3px;
	text-decoration: none;
}
.leftpart {
	width: 70%;
}
.rightpart {
	width: 30%;
}
.small {
	font-size: 75%;
	color: #373737;
}
#footer {
	font-size: 65%;
	padding: 3px 0 0 0;
}
.topic-post {
	height: 100px;
	overflow: auto;
}
.post-content {
	padding: 30px;
}
textarea {
	width: 500px;
	height: 200px;
}

.srchbutton {
  float: left;
  width: 20%;
  height: 100%
  padding: 10px;
  background: url("img/srch.jpeg"); 
  color: white;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  background-image: url("img/srch.jpeg"); 
  background-color: transparent; 
  background-repeat: no-repeat;  
  background-position: 0px 0px;  
  border: none;              
}

.srchbutton:hover {
  background: #0b7dda;
}
#bmenu {
	float: left;
	clear: both;				/* clear:both makes sure the content div doesn't float next to this one but stays under it */
	width:100%;
	height:20px;
	padding: 0 30px;
	background-color: #FFF;
	text-align: left;
	font-size: 85%;
}
#bmenu a:hover {
	background-color: #009FC1;
}