@charset "utf-8";
/* CSS Document */

body{margin: 0px; padding: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url('images/back2.gif') repeat; font-size: 11px; }
#wrap{position: relative; width: 800px; padding: 0px; height: 100% auto; left: 50%; 	margin-left: -400px; border: 1px solid #8d2f2e;}
#title {width:800px; height: 160px; margin: 0px; padding: 0px; float: left;}
#content_wrap {width:800px; height: 100% auto; margin: 0px; padding: 0px; background: #fff; float: left;}
#topwrap{width: 600px; height: 640px; margin: 0px; padding: 0px; background:#fff; float: right; }
#bottomwrap{width: 600px; height: 100% auto; margin: 10px 0 0 0; padding: 0px; float: right; border-top: 2px solid #900;}
#loginbox {width: 800px; height: 100% auto; margin: 0px; padding: 0px; float: left; background: #fff;}


/*BASICS*/
ul	{margin: 0; padding: 0; } /*whole list info*/
li	{display: block; list-style: none; font-size: 10px; color: #666; padding:1px 0px; margin: 0 0 0 5px;} /*row & description of link*/
li a {text-decoration: none; color: #8d2f2e; font-size: 11px; font-weight: normal; } /*link*/
li a:hover {text-decoration: underline;}

p {padding: 15px; margin: 15px;}

h1 {background: #f3d384; color: #8d2f2e; font-weight: bold; font-size: 12px; text-align: center; padding: 0px; margin: 0px 0 0 2px; }
h2 {text-decoration: underline; color: #8d2f2e; font-weight: bold; font-size: 12px; margin: 0px; padding: 2px 0px; margin: 2px 0 0 2px; }
h3 a{text-decoration: none; color: #8d2f2e; font-weight: bold; font-size: 14px; margin: 0px; padding: 2px 0px; margin: 4px 0 0 2px; }
h3 a:hover {text-decoration: underline;}

.column_1 {width: 190px; height: 100% auto; margin: 0px; padding: 0px; border-right: 2px dotted #f3d384; float: left;}
.column_2 {width: 460px; height: 640px;	margin: 0px; padding:0x; float: left;}
.column_3 {width: 130px; height: 400px;	padding: 0 px;	margin:0px; float: right;}
.column_4 {width: 460px; height: 100% auto;;	margin: 10px 0 10px 0; padding:0x; float: left;}
.column_5 {width: 130px; height: 100% auto;	padding: 0 px;	margin:0px; float: right;}

#ads {width: 130px; height: 400px; margin: 0px; padding: 0px; float: left;}
#applet_img{  width: 125px; height: 125px; padding: 0px; margin: 0px;}
#chats {margin: 8px 0 0 0; border-top:2px dotted #f3d384;border-left:2px dotted #f3d384;border-bottom:2px dotted #f3d384; }

/*tabs*/
#tabs {float:left; width:600px;  font-size:11px; line-height: normal; border-bottom:1px solid #8d2f2e;}
#tabs2 {float:left; width:800px;  font-size:11px;  line-height: normal; border-bottom:1px solid #8d2f2e;}
#tabs ul, #tabs2 ul {margin:0; padding:10px 10px 0 30px; list-style:none;}
#tabs li, tabs2 li{display:inline; margin:0; padding:0;}
#tabs a, tabs2 a{ float:left; background:url("images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px;text-decoration:none;}
#tabs a span, #tabs2 a span{float:left; display:block; background:url("images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px;color:#8d2f2e;}
#tabs a:hover span ,#tabs2 a:hover span {color:#8d2f2e;}
#tabs a:hover, #tabs2 a:hover{background-position:0% -42px;}
#tabs a:hover span, #tabs2 a:hover span{background-position:100% -42px;}

/*menu*/
#menu {	width: 130px;margin: 0px; padding: 0px;}
#menu li {padding: 0px; margin: 0px;}
#menu li a {height: 32px;  height: 24px;text-decoration: none;}	
#menu li a:link, #menu li a:visited {color: #8d2f2e;display: block;background:  url('images/menu.jpg');padding: 8px 0 0 30px;}
#menu li a:hover {color: #8d2f2e;background:  url('images/menu.jpg') 0 -32px;padding: 8px 0 0 30px;}

/*scroll*/
.scroll {overflow: auto; background: #fff;
scrollbar-face-color: #fff;
Scrollbar-highlight-color: #8d2f2e; 
scrollbar-shadow-color: #ffff; 
scrollbar-3dhighlight-color: #fff; 
scrollbar-arrow-color: #8d2f2e; 
scrollbar-track-color: #fff;
scrollbar-darkshadow-color: #fff;}

#footer {clear: both; width: 800px; height: 15px; background: #8d2f2e; color: #f3d384; font-size: 9px; text-align: center; float: left;}