/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
#summary{
	height:20px;
	line-height:150%;
	padding:0 0 0 5px;
	white-space:nowrap;
	background-color:#eeeeee;
	letter-spacing:0px;
}
#head{
	width:100%;
	height:70px;
	background-color:#9999ff;
	padding-top:5px;
	padding-bottom:5px;
}
#logo{
	margin:0px 0 0 5px;
	height:30px;
	width:180px;
	background-image:url(logo.gif);
	background-repeat:no-repeat;
}
.logolink{
	display:block;
	text-indent:-9999px;
	height:30px;
	text-decoration:none;
}

#headmenu{
	font-size:80%;
	letter-spacing:0px;
	margin:5px;
	line-height:220%;
}
#headmenu a{
	padding:5px;
	border:1px solid #eeeeee;
	background-color:#666699;
	color:#ffffff;
	text-decoration:none;
}
#headmenu a:hover{
	color:#333333;
	background-color:#ccccff;
	
}

#topicpath{
	letter-spacing:0px;
	line-height:180%;
	font-size:80%;
	margin:0 0 0 10px;;
	padding:0px;
}

#container{
	width:100%;
}

#side{
	float:right;
	margin-left:-200px;
	width:200px;
	margin-top:10px;
}

#side *{
	position:relative;
	z-index:2;
}

.menu{
	width:100%;
	background-image:url(side_center.gif);
	background-repeat:repeat-y;
}
.menu_top{
	background-image:url(side_top.gif);
	background-repeat:no-repeat;
	height:20px;
}
.menu_bottom{
	background-image:url(side_bottom.gif);
	background-repeat:no-repeat;
	height:20px;
}
.menu ul{
	margin:0 25px 0 10px;
	padding:0 0 0 20px;
	list-style-type:square;
	font-size:90%;
	line-height:180%;
	color:#6666cc;
}
#side p{
	padding:0 0 0 10px;
	margin:0 25px 10px 10px;
	font-size:90%;
	color:#333333;
}
#side a:hover{
	color:#ff0000;
}
#side #whatsnew{
	background-image:url(bar_whatsnew.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-left:2px;
}
#side #recommend{
	background-image:url(bar_recommend.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-left:2px;
}
#side #counter{
	text-align:center;
	margin:10px;
}

#content{
	float:left;
	width:100%;
}

#in{
	margin:10px 220px 10px 20px;
}

#content table{
	line-height:150%;
	margin:0 0 25px 0;
	width:90%;
	font-size:90%;
	background-color:#cccccc;
	border:1px solid #6666ff;
}
#content td{
	background-color:#ffffff;
	text-align:left;
	padding:5px;
}
#content ul{
	margin:0 25px 15px 10px;
	padding:0 0 0 30px;
	list-style-type:square;
	font-size:100%;
	line-height:180%;
	color:#6666cc;
}
#content ol{
	margin:0 25px 15px 10px;
	padding:0 0 0 30px;
	font-size:100%;
	line-height:180%;
	color:#6666cc;
}

#content a:hover{
	color:#ff0000;
}

#content #about{
	border-top:3px solid #9999ff;
	border-bottom:1px solid #9999ff;
	border-left:1px solid #9999ff;
	border-right:1px solid #9999ff;
	width:99%;
	background-color:#ffffcc;
	background-image:url(bar_about.gif);
	background-repeat:no-repeat;
	padding:40px 0 0 0;
}
#content #about *{
	line-height:150%;
	letter-spacing:1px;
	font-size:90%;
	margin:0 5px 15px 5px;
}
#content p{
	line-height:180%;
	letter-spacing:2px;
	font-size:100%;
	margin:0 10px 10px 10px;
}
#content .tbn{
	border:0px;
	background-color:#ffffff;
}
#content .tbn td{
	vertical-align:top;
}
#content #foot{
	border:1px solid #cccccc;
	font-size:90%;
	line-height:150%;
	letter-spacing:0px;
	background-color:#eeeeee;
	padding:5px;
}

#footer{
	clear:both;
	width:100%;
	position:relative;
	color:#ffffff;
	text-align:right;
	height:50px;
	background-color:#9999ff;
	margin-top:10px;
}
#footer *{
	padding:15px;
	letter-spacing:0px;
	font-size:90%;
}
#footer a{
	color:#ffffff;
}


h1{
	font-size:80%;
	font-weight:normal;
}
h2{
	font-size:120%;
	line-height:180%;
	font-weight:normal;
	margin:15px 0 0 0;
	padding:0 0 0 5px;
	border-left:10px solid #9999ff;
	background-color:#eeeeee;
}
h3{
	font-size:100%;
	line-height:180%;
	border-bottom:1px solid #ccccff;
}


#content .right{
	text-align:right;
	font-size:90%;
	color:#666666;
}
.center{
	text-align:center;
}
.top_left{
	text-align:left;
	vertical-align:middle;
}

.value1{
	color:#FF0000;
}
.value2{
	color:#0000FF;
}