body {
	font-family: "lucida sans",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #A8A8A8;
	margin: 0;
	padding: 0;
}

#container{
	width: 780px;
	margin: 0px auto 20px auto;
}

#header{
	width: 100%;
	height: 196px;
	/*background-image: url(/img/farwell.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	*/
}

.navbar{
	float: left;
	background-color: #315C36;
	clear:both;
	width: 740px;
  padding: 2px 30px 0px 10px;
	height:20px;
}

#navigation {
	margin:0;
	list-style:none;
	line-height:19px;
	text-transform: uppercase;
}

#navigation li {
	float:left;
	padding:0 4px 0 5px;
}

#navigation a {
	color: #F8E27D;
	text-decoration: none;
}

#navigation li:hover, #navigation li.hover {
	position:relative;
}

#navigation li:hover ul, #navigation li.hover ul {
	display:block;
}
#navigation li ul {
	display:none;
	position:absolute;
	top:16px;
	left:0px;
	width:125px;
	background:#315C36;
	z-index:99;
	margin:0;
	padding:3px;
	list-style:none;
}
	
#navigation li ul li {
	display:block;
	width: 100%;
	border-top: 1px dotted #F8E27D;
	text-align:left;
	padding:2px;
	background:#315C36;
}

#navigation li ul li.first {
	border: 0;
}

#main{
	width: 780px;
	background-image: url(/img/mainbg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #B5D4FD;
	min-height: 300px;
}

#main div.leftbar{
	width: 160px;
	padding: 10px;
	margin-top: 10px;
	float: left;
}

#main div.content{
	float: left;
	width: 580px;
	background-color: #F8E27D;
	padding: 10px;
	margin: 0;
	min-height: 300px;
}

#main div.contentsponsors{
	float: left;
	width: 760px;
	background-color: #F8E27D;
	padding: 10px;
	margin: 0;
	min-height: 300px;
}

#main div.content div.sidebar{
	float: left;
	width: 195px;
	padding: 0px 10px 10px 0px;
	border-right: 2px dotted #315C36;
}

#main div.content div.homeimg{
	line-height: 100%;
	margin: 6px 0px 24px 0px;
}

#main div.content div.categoryodd{

}

#main div.content div.categoryeven{
  background-color: #ccc;
}

#main div.content div.categoryodd h2, #main div.content div.categoryeven h2{
  color: #064B25;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #064B25;
	margin: 6px 0px 0px 0px;
	padding: 0;
	clear: left;
}

#main div.content div.categoryodd h2 a, #main div.content div.categoryeven h2 a{
  text-decoration: none;
}

cite{
  font-size: 10px;
  display: block;
  float: left;
}

#main div.content div.spacer{
	float: left;
	clear: left;
	width: 100%;
	height: 4px;
	margin: 10px 0px 10px 0px;
	border-top: 2px dotted #315C36;
}

#main div.content div.rightside{
	float: left;
	width: 340px;
	padding: 0px 10px 10px 10px;
	margin-left: 10px;
}

#main div.footer{
	float: left;
	width: 100%;
	height: 20px;
	clear: both;
}

#credits{
	width: 100%;
	height: 20px;
	font-size: 10px;
}

#trailmeta{
  width: 150px;
  margin: 10px 0 10px 10px;
  float: right;
  padding: 6px;
  background-color: #315C36;
  color: #F8E27D;
}

#flashMessage{
  width: 572px;
  float: left;
  padding: 4px;
  margin: 4px 0 4px;
  background-color: #315C36;
  color: #F8E27D;
}

/*Forum*/
#forum{
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
}

#forum div.buttons{
  clear: left;
  float: left;
  width: 160px;
  margin: 0 0 10px 0;
}

#forum div.paginate{
  float: right;
  width: 300px;
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #333;
  text-align: right;
}

#forum div.newreplyoff{
  display: none;
}

#forum div.newreplyon{
  display: block;
}

#crumbs{
  float: left;
  font-size: 10px;
}