@charset "UTF-8";
/* CSS Document */

body {
background:url(../images/bbs_background.jpg) repeat-x fixed;
margin:0;
padding:0;
font:normal 11px/17px Tahoma, Geneva, sans-serif;
color:#fff;
}

* {
font-size:11px;	
}

a { color:#fff; }
a:hover { text-decoration:none; }

h1 { font:bold 20px Helvetica, Tahoma, Geneva, sans-serif; margin-top:10px; }

div#sponsors {
width:840px;
margin:10px auto;
padding:15px 30px;
border-top:1px solid #000;
border-bottom:1px solid #000;
background:#fff;	
text-align:center;
}

div#sponsors img {
margin:0 10px;
}

div#container {
width:900px;
padding:30px 40px 0 40px;
background:url(../images/bbs_header_shade.png) no-repeat;
margin:0 auto;
}

div#header {
width:900px;
height:300px;
background:#000 url(../images/bbs_header.jpg);
}

div#logo {
position:absolute;
top:30px;
z-index:99;
}

div#menu {
border-top:1px solid #000;
border-bottom:1px solid #000;
width:900px;
height:40px;
background:url(../images/bbs_menu_bg.gif);
}

div#menu a{
font:bold 11px/25px tahoma,arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:0 25px 0 15px;
}

div#menu h3{
font:bold 11px/11px tahoma,arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:14px 10px 15px 10px;
color:#fff;
}

div#menu a{
text-decoration:none;
}

div#menu a, div#menu a:visited{
color:#fff;
}

div#menu a:hover{
background:#8c6981;
color:#fff;
}

div#menu a:active{
color:#fff;
}

div#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
border-right:1px solid #000;
width:99px;
}

div#menu li{
position:relative;
padding:0;
background:#a97f9c;
}

div#menu ul ul{
padding:0;
position:absolute;
z-index:500;
top:auto;
display:none;
width:200px;
border-right:none;
}

div#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h3:hover{
background:#8c6981;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

div#menu a.x, div#menu a.x:visited{
background:url(../images/bbs_menu_expand.gif) no-repeat 95% 50%;
}

div#menu a.x:hover{
background:#8c6981;
}

div#menu a.x:active{
}

div#content {
margin:10px 0;
padding:15px 30px;
border-top:1px solid #000;
border-bottom:1px solid #000;
background:url(../images/bbs_content_bg.gif) repeat;	
}

div#content div#left_column {
width:500px;
padding-right:19px;
float:left;
border-right:1px solid #000;
}

div#content div#right_column {
width:300px;
padding-left:20px;
float:right;
}

dl { margin-top:0; }

dt.header {
	margin:0;
	padding:10px 0 0 0;
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
}

dt.header a { text-decoration:none; }

dd.content {
	margin:0;
	padding:0;
}

	dd.content img {
		margin:10px;	
	}

dd.details {
	margin:0;
	padding:10px;
	background:#fffcd9;
	font-size: 11px;
}


dd.read-more {
	margin:3px 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #8c6981;
	text-align:right;
}

dd.read-more a {
font-weight:bold;	
}

dd.date {
	margin:10px 0;
	padding:5px 10px;
	width:120px;
	background:url(../images/bbs_menu_bg.gif);
	font-size: 10px;
	font-weight:bold;
}

dt#simple.header { margin:0;padding:5px 0;border-bottom:1px solid #8c6981; font-family:Helvetica, Tahoma, Geneva, sans-serif; }
dt#simple.header a{ font-size:13px;line-height:21px;font-weight:bolder; }