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

/****************/
/* PNG Fix      */
/****************/
img
{
   behavior: url("pngfix/pngbehavior.htc");
   border: none;
}

/****************/
/* Body CSS     */
/****************/

body
{
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	width: 100%;
	font-family: Verdana, Tahoma;
	font-size: 10px;
	background-image:url(images/bg.png);
}

body a
{
color: #333;
text-decoration: none;
}

body a:hover
{
color:#000;
text-decoration: underline;
}

#page_wrap
{
width: 830px;
margin: 0px auto;
background-image:url(images/shadow.png);
}

#page_footer
{
width: 830px;
height: 8px;
margin: 0px auto;
background-image:url(images/shadow-b.png);
background-position:bottom;
}


#header
{
width: 802px;
height: 150px;
margin: 0px auto;
background-image:url(images/headerbg.png);
}

#menu
{
width: 802px;
height: 30px;
margin: 0px auto;
background-image:url(images/menu.png);
}

#content
{
width: 802px;
margin: 0px auto;
background-repeat:repeat-x;
background-color: #414142;
background-image:url(images/pagebg.png);
}

#mainbox
{
float:left;
width: 575px;
padding-bottom: 10px;
margin: 0px 0px 10px 10px;
}

#side
{
float:right;
width: 195px;
height: 90%;
margin: 10px 10px 0px 0px;
}

.sidebox
{
margin-top: 10px;
width: 175px;
padding: 10px;
background-color:#FFFFFF;
}

.sidebox-nb
{
margin-top: 10px;
width: 195px;
padding: 0px;
text-align:center;
}

.sidebox-wh
{
width: 175px;
padding: 10px;
background-color:#FFFFFF;
}

.sidebox-wh-np
{
width: 175px;
background-color:#FFFFFF;
}

.sidebox-header
{
margin-top: 10px;
width: 185px;
height: 18px;
padding-top: 4px;
padding-left: 10px;
font-size:12px;
color: #FFFFFF;
background-image:url(images/smlhdbg.png);
}


.button
{
width: 100px;
height: 24px;
border-right: 1px solid #333333;
padding-top: 6px;
font-size:14px;
text-align:center;
color: #FFFFFF;
float: left;
}

.button a
{
text-decoration:none;
color: #FFFFFF;
}

.button a:hover
{
text-decoration:none;
color: #66CC00;
}

.menuinfo
{
height: 24px;
/*border-right: 1px solid #333333;*/
padding-top: 9px;
padding-right: 9px;
font-size:10px;
text-align:center;
color: #FFFFFF;
float: right;
}

.menuinfo a
{
text-decoration:none;
color: #FFFFFF;
}

.menuinfo a:hover
{
text-decoration:none;
color: #66CC00;
}

.title
{
width: 565px;
height: 24px;
padding-top: 8px;
padding-left: 10px;
font-size:14px;
color: #FFFFFF;
float: left;
background-image:url(images/title.png);
}

.content
{
width: 555px;
padding: 10px;
font-size:12px;
margin-bottom: 10px;
float: left;
background-color:#FFFFFF;
}

.online
{
width: 185px;
height: 17px;
padding-left: 10px;
padding-top: 5px;
margin-bottom: 0px;
background-image: url(images/olbg.png);
}

.member_bar
{
width: 565px;
height: 22px;
padding-left: 10px;
background-image: url(images/olbg.png);
clear: both;
}

.member
{
width: 150px;
height: 17px;
padding-right: 10px;
padding-top: 5px;
float:left;
}

.member_stats
{
width: 70px;
height: 17px;
padding-right: 10px;
padding-top: 5px;
float:left;
}

.member_bar_head
{
width: 565px;
height: 20px;
padding-left: 10px;
padding-bottom:2px;
background-image: url(images/smlhdbg.png);
clear: both;
color:#FFFFFF;
font-size:12px;
}