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

html { overflow-y:scroll; }

body {
	margin-top: 7px;
	margin-bottom: 7px;
	background-color: #5d5d5d;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bg.png);
	background-position: center;
	background-repeat: repeat-y;
}

#header {
	width: 800px;
	height: 190px;
	background-image: url(../images/header_alt.png);
}
#main {
	width: 800px;
}
#navi {
	background-color: #fff;
	width: 177px;
	float: left;
	border: 1px solid #e1e0e0;
	border-top: 0px;
	border-right: 0px;
}

.kat {
	background-color: #92bed9;
	display: block;
	padding:5px 7px 7px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #709db9;
	font-weight: bold;
	color: #fff;
}

.navibase {
	background-color: #f0f0f0;
	border-left: 1px solid #e1e0e0;
	border-right: 1px solid #e1e0e0;
	width: 615px;
}

#navi a, .katsub, .navibase a {
	background:#f0f0f0;
	display: block;
	padding: 7px;
	color: #000;
	text-decoration: none;
	border-top: 1px solid #e1e0e0;
	border-right: 1px solid #e1e0e0;
}

.katsub3 {
	background:#f0f0f0;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	border: 0px;
}

.katsub3 img, .katsub3 a { border: 0px; }

#navi a:hover, .katsub:hover, .navibase a:hover {
	background-color: #e1e0e0;
}

#topnavi {
	color: #fff;
	width: 622px;
	float: left;
	background-color: #92bed9;
	border-bottom: 1px solid #709db9;
	border-top: 1px solid #fff;
}

#footer {
	color: #fff;
	width: 800px;
	float: left;
	background-color: #92bed9;
	height: 25px;
	border: 1px solid #709db9;
	font-weight: bold;
	margin-bottom: 7px;
}

#content {
	float: left;
	width: 610px;
	border-top: 0px;
	padding: 6px;
}

.base {
background-color: #92bed9;
width: 603px;
padding:5px 7px 7px;
font-weight:bold;
color: #fff;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; }

.base2 {
background-color: #92bed9;
width: 603px;
padding:5px 7px 7px;
font-weight:bold;
color: #fff;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px; }

.base_comment {
background-color: #9d9d9d;
width: 603px;
padding:5px 7px 7px;
font-weight:bold;
color: #fff;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; }

.base2_comment {
background-color: #9d9d9d;
width: 603px;
padding:5px 7px 7px;
font-weight:bold;
color: #fff;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px; }

.base2 a {
color: #385160; }

.cbase, .chatlist {
background-color: #f0f0f0;
border-left: 1px solid #e1e0e0;
border-right: 1px solid #e1e0e0;
padding: 5px;
width: 605px; }

.chatlist a {
text-decoration: none;
}

.chatlist a:hover {
font-weight: bold;
}

hr {
border: 0px;
border-bottom: 1px dotted black;
height: 1px; }

#div1 {z-index: 150; position: absolute; }	
#div2 {z-index: 149; position: absolute; }	
#div3 {z-index: 148; position: absolute; }
#div4 {z-index: 147; position: absolute; }	
#div5 {z-index: 146; position: absolute; }
#div6 {z-index: 145; position: absolute; }
img { border: 0px; }

ul {
	list-style: inside;
	margin-left: -20px;
}

li { margin-bottom: 5px; }

form { margin: 0px; padding: 0px; }

span.highlighted {
  background-color: #161616;
  font-weight: bold;
}
span.term0 {
  background-color: #161633;
}
span.term1 {
  background-color: #331616;
}
span.term2 {
  background-color: #163316;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}