/* Layout Stylesheet */ 

body {
 margin: 0;
 padding:0; 
 color: #333333;
 FONT: 12px Tahoma, Verdana, Arial, Helvetica, ÐÂËÎÌå, ºÚÌå, sans-serif; COLOR: #333
 }

#outer {
 text-align:left;
 border:1px solid #000000;
 width:730px;
 margin:auto;
 }

#hdr {
 height:100px;
 color: #333333;
 background:#fff;
 }

#bar {
 height:90px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 background:#fff;
 }

#bodyblock {
 position:relative;
 color: #333333;
 width:730px;
 padding:0;
 }

#l-col {
 float:left;
 color: #333333;
 width:220px;
 background:#fff;
 }

#cont {
 width:495px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#ftr {
 height:40px;
 background:#fff;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }


#hleft{
width:400px;
float:left;
color: #333333;
background:#fff;
}

#hright {
 width:325px;
 background:#ffffff;
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

A {
	COLOR: #336600; TEXT-DECORATION: none
}
A:hover {
	COLOR: #6897c5; TEXT-DECORATION: underline
}
 
 #index {
	 BACKGROUND: #fff;  WIDTH: 100%;
}
#index .links {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #5e8cba 1px solid
}
#index .index_top {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px
}

#index .index_mid {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px
}
#index .index_bot {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px
}
#index .index_bot LABEL {
	BORDER-RIGHT: #839dba 1px solid; PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/lebel_corner.gif) #dbe8f5 no-repeat 1px 1px; PADDING-BOTTOM: 3px; MARGIN: 5px 0px; COLOR: #264f78; LINE-HEIGHT: 20px; PADDING-TOP: 3px; BORDER-BOTTOM: #839dba 1px solid; HEIGHT: 20px
}
#index .index_mid LABEL {
	BORDER-RIGHT: #839dba 1px solid; PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/lebel_corner.gif) #dbe8f5 no-repeat 1px 1px; PADDING-BOTTOM: 3px; MARGIN: 5px 0px; COLOR: #264f78; LINE-HEIGHT: 20px; PADDING-TOP: 3px; BORDER-BOTTOM: #839dba 1px solid; HEIGHT: 20px
}
#index .index_top LABEL {
	BORDER-RIGHT: #839dba 1px solid; PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/lebel_corner.gif) #dbe8f5 no-repeat 1px 1px; PADDING-BOTTOM: 3px; MARGIN: 5px 0px; COLOR: #264f78; LINE-HEIGHT: 20px; PADDING-TOP: 3px; BORDER-BOTTOM: #839dba 1px solid; HEIGHT: 20px
}
#index .notice {
	WIDTH: 32%
}

#index .font {
COLOR:#336600;
}

#index .topten {
	WIDTH: 32%
}
#index .recommend UL {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
#index .hotboard UL {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
#index .notice UL {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
#index .topten UL {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
#index .notice UL {
	BACKGROUND: url(../images/notice_back.gif) #f5f5f5 no-repeat right bottom
}
#index .topten UL {
	BACKGROUND: url(../images/top10_back.gif) #f5f5f5 no-repeat right bottom
}
#index .topten UL {
	BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(../images/boards.jpg) #f5f5f5 no-repeat center center; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 200px
}
#index .hotboard UL {
	BACKGROUND: url(../images/hotboard_back.gif) #f5f5f5 no-repeat right bottom
}
#index .hotboard LI {
	OVERFLOW: hidden; LINE-HEIGHT: 150%; LIST-STYLE-TYPE: none; HEIGHT: 20px
}
#index .notice LI {
	OVERFLOW: hidden; LINE-HEIGHT: 150%; LIST-STYLE-TYPE: none; HEIGHT: 20px
}
#index .topten LI {
	OVERFLOW: hidden; LINE-HEIGHT: 150%; LIST-STYLE-TYPE: none; HEIGHT: 20px
}
#index .notice A {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/bullet2.gif) no-repeat 3px 4px
}
#index .topten A {
	PADDING-LEFT: 15px; BACKGROUND: url(../images/bullet.gif) no-repeat left 3px
}
#index .topten A:hover {
	COLOR: #ff6600
}
#index .hotboard LI SPAN {
	FONT-SIZE: 9px; COLOR: #7c2410; MARGIN-RIGHT: 10px
}
#index .hotboard LI A EM {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; FONT-STYLE: normal; FONT-FAMILY: "Small fonts",Tahoma,sans-serif
}
#index .hotboard LI A {
	
}
#index .hotboard LI A:hover {
	
}
#index .recommend {
	
}
#index .recommend LI {
	LIST-STYLE-TYPE: none
}
#index .recommend H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 2px 0px 0px 2px
}
#index .recommend .excerpta {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px 10px; COLOR: #888; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid
}
#index .recommend .author {
	FONT-SIZE: 9px; MARGIN: 0px 10px; COLOR: #597da2
}
#index .recommend .board {
	MARGIN: 0px 10px
}
#index .recommend .title A {
	PADDING-LEFT: 15px; FONT-SIZE: 14px; BACKGROUND: url(../images/bullet3.gif) no-repeat left 3px
}
#index .recommend .author A {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#index .recommend .board A {
	
}
#index .recommend LI.more {
	TEXT-ALIGN: right
}