html
{
margin: 0;
padding: 0;
font-size: 100%;
font-family: Tahoma;
}

body
{
margin: 0;
padding: 0;
background: #305480 url('imgs/bg.png') repeat;
font-size: 100%;
}

#container
{
width: 100%;
margin: 20px auto;
}

.menu
{
margin-left: 20px;
width: 155px;
float: left;
text-align: center;
background: #98845C url('imgs/menubar.gif') no-repeat;
border-left: 1px solid #D4BC94;
border-right: 1px solid #68502C;

}

.menu img
{
padding: 40px 0 0 0;
margin: 0;
}

.menu ul
{
padding: 1px 0 0 0;
margin: 0;
list-style-type: none;
text-align: center;
}

.menu li
{
font-size: 0.8em;
font-weight: 900;
padding: 0;
margin: 0;
color: #fcc000;
border-top: 1px solid #D4BC94;
border-bottom: 1px solid #68502C;
}

.menu li.menublank
{
border-top: 1px solid #98845C;
}


.menu li img
{
padding: 1px 0 0 0;
margin: 0;
}

.menu li a:link
{
color: #fcc000;
text-decoration: none;
}

.menu li a:visited
{
color: #fcc000;
text-decoration: none;
}

.menu li a:hover
{
color: #fcc000;
text-decoration: none;
}

.submenu
{
margin: 670px 0 0 -157px;
padding: 0px;
width: 155px;
float: left;
background: #98845C url('imgs/menubar.gif') no-repeat;
border-bottom: 1px solid #68502C;
}

.submenu ul
{
padding: 1px 0 0 0;
margin: 0;
list-style-type: none;
}

.submenu li
{
font-size: 0.8em;
font-weight: 900;
padding: 0;
margin: 0;
color: #fcc000;
border-top: 1px solid #D4BC94;
border-bottom: 1px solid #68502C;
}

.submenu li.menublank
{
border-top: 1px solid #98845C;
}

.submenu li img
{
padding: 1px 0 0 0;
margin: 0;
}

.submenu li a:link
{
color: #fcc000;
text-decoration: none;
}

.submenu li a:visited
{
color: #fcc000;
text-decoration: none;
}

.submenu li a:hover
{
color: #fcc000;
text-decoration: none;
}
.submenu form
{
	display:inline;
}

.submenu form p
{
font-size: 0.8em;
font-weight: 900;
padding: 5px;
padding-bottom: 10px;
margin: 0;
color: #fcc000;
margin-top: 14px;
border-top: 1px solid #D4BC94;
border-bottom: 1px solid #68502C;
}

.submenu li.menumsg
{
color: #fcc444;
border-top: 1px solid #D4BC94;
border-bottom: 1px solid #68502C;
}

.submenu li.menumsg p
{
margin-left: 6px;
margin-right: 6px;
margin-top: 3px;
}

.submenu li.menumsg p span.message
{
font-weight: 450;
text-align: left;
font-size: 0.80em;
}

.submenu li.menumsg p span.author
{
font-weight: 700;
font-size: 1.1em;
text-align: left;
}

.submenu li.menumsg p span.datetime
{
float: right;
color: #FFFFFF;
font-size: 0.75em;
font-weight: 400;
height: 5px;
}

.content
{
width: 100%;
}

#code
{
text-align: left;
font-size: 0.7em;
background-color: #98845c;
width: 78%;
margin: 0 0 1em 20%;
color: #ffffff;
}

#code p
{
	text-align: center;
}

#code .title
{
text-align: center;
width: 100%;
height: 14px;
display: block;
background: #687c4c url('imgs/code-bg.gif') repeat-x;
}

#code .code
{
font-size: 1.5em;
display: block;
padding: 0px 20px 0 20px;
border-top: 1px solid #d4bc94;
border-right: 1px solid #68502c;
border-bottom: 1px solid #68502c;
border-left: 1px solid #d4bc94;
text-align: left;
}

#code a:link
{
color: #fcc000;
text-decoration: none;
}

#code a:visited
{
color: #fcc000;
text-decoration: none;
}

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

#graphics
{
	text-align: left;
font-size: 0.7em;
background-color: #687c4c;
width: 78%;
margin: 0 0 1em 20%;
color: #ffffff;
}

#graphics p
{
	text-align: center;
}

#graphics .title
{
text-align: center;
width: 100%;
height: 14px;
display: block;
background: #687c4c url('imgs/graphics-bg.gif') repeat-x;
}

#graphics .graphics
{
color: #b4cc7c;
font-size: 1.5em;
display: block;
padding: 0px 20px 0 20px;
border-top: 1px solid #98b06c;
border-right: 1px solid #3c5830;
border-bottom: 1px solid #3c5830;
border-left: 1px solid #98b06c;
text-align: left;
}

#graphics a:link
{
color: #fcc000;
text-decoration: none;
}

#graphics a:visited
{
color: #fcc000;
text-decoration: none;
}

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

.yellowtext
{
color: #fcc000;
}

table tr td
{
	font-size: 0.85em;
}

table tr th
{
	text-align: left;
	font-size: 0.95em;
	white-space: nowrap;
	padding: 0 2em;
	vertical-align: top;
}

table tr td img
{border: 0px groove #fcc000;}

table tr td a
{
	color: #fcc000;
	text-decoration: none;
	font-weight: 750;
}

form input
{
	display:inline;
	color: #FFFFFF;
	background: #FCC464;
	border: 1px solid #68502C;
}

form textarea
{
	color: #FFFFFF;
	background: #FCC464;
	border: 1px solid #68502C;
}

form input.hidden
{
	display:none;
}

form p
{
	padding-top: 6px;
	font-size: 0.8em;
	font-weight: 900;
	color: #fcc000;
}

#graphics .title p
{
	width: 100%;
	background-image: url('imgs/greenbarleft.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#graphics .title p span
{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url('imgs/greenbarright.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-align: center;
}

#code .title p
{
	width: 100%;
	background-image: url('imgs/brownbarleft.gif');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
}

#code .title p span
{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url('imgs/brownbarright.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-align: center;
}