﻿@charset"utf-8";
/**/

/************************************************
/**/
*{
	font-style:normal;
	font-family:Verdana, Sans-serif, Chicago;
	scrollbar-arrow-color:#fff;
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#000;
	scrollbar-track-color:#000;
	scrollbar-shadow-color:#000;
	scrollbar-darkshadow-color:#000;
	margin:0;
	padding:0;
	color: #333;
}


html{width:100%;height:100%;color:#000;text-align:center;display:block;}
td,body{font-size:12px;line-height:18px;display:block;
background:url(img/bg.gif) repeat-y fixed 0% 0%;margin:0;padding:0;
overflow:hidden;border:none 0;display:block;}
* html td,* html body{font-size:11px;margin:0;padding:0;
overflow:hidden;border:none 0;display:block;}
td{background:#fff;}
img{
	border:none;
	text-align: center;
}

a{text-decoration:none}
a:link,a:visited,a:active{color:#900;}
a:hover{color:#000;}



/*  */
h1{font-size:21px;line-height:21px;font-weight:normal;
color:#000;font-family:Times New Roman,Serif;}

h2{font-size:12px;color:#fff;background:#000;
border:double #fff 3px;margin:4em 3em 1em 3em;padding:3px 1em;}

h3{font-size:12px;color:#000;border-bottom:double #000 3px;
padding:0 0 0 3px;margin:1em 5em;}



/*  */
/*  */
#wrapper{width:100%;height:100%;
text-align:center;margin:0 auto;padding:0;}


/*  */
div#menu{width:20%;height:100%;text-align:center;
margin:0 auto;padding:0;border:none 0;float:left;
position:absolute;left:0;z-index:2;}
#menu h1{text-align:center;margin:30px auto 20px auto;}

#menu ul {width:70%;list-style-type:none;
margin:0 auto;padding:0;}
* html div#menu ul{margin:0;}
#menu li {width:100%;text-align:center;
margin:3px 0;float:left;}
#menu li a{width:100%;font-size:9px;
text-decoration:none;float:left;}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#fff;background:#000;border:3px double #fff;padding:3px 0;}
* html div#menu li a:link,* html div#menu li a:visited,* html div#menu li a:active{
color:#fff;background:#000;border:3px double #000;padding:3px 0;}
#menu li a:hover{color:#000;background:#fff;border:3px double #000;}
* html div#menu li a:hover{color:#000;background:#fff;border:3px double #000;}
#menu li.on a:link,#menu li.on a:visited,#menu li.on a:active{
color:#000;background:#fff;border:3px double #000;}

/*  */
div#right{width:90%;font-size:10px;text-align:right;}


/*  */
div#main{
	width:78%;
	height:100%;
	font-size:13px;
	color:#333;
	text-align:left;
	margin:0;
	padding:0;
	overflow:auto;
	position:absolute;
	top:1px;
	left:219px;
	z-index:1;
}
* html div#main{font-size:11px;}
#main p{
	margin:1em 8em;
	padding:0;
	font-size: 12px;
	text-align: left;
}
#main ul,#main ol{
	margin:1em 0;
	padding:0 10em;
	text-align: left;
}
#main li{margin:0;}

textarea{color:#000;font-size:10px;line-height:12px;
border-style:solid;border-color:#000;border-width:1px 0;
margin:0.5em 6em;padding:0.5em;}


.box1{color:#900;font-size:10px;line-height:12px;background:#fff;
border:1px solid #900;margin:0.5em 6em;padding:0.5em 1em;}
.box2{color:#000;font-size:10px;line-height:12px;background:#fff;
border:3px double #000;margin:0.5em 6em;padding:0.5em 1em;}
blockquote{color:#fff;font-size:10px;line-height:12px;background:#000;
border:3px double #fff;margin:0.5em 7em;padding:0.5em 1em;}

.no{margin:1em 7em;padding:0;}
.no img{border:solid #000 1px;}


/*  */
form table{margin-left:4em;}
td.name{width:8em;color:#000;text-align:right;padding:5px;float:left;}
input.name{width:20em;height:2em;color:#000;
font-size:10px;line-height:15px;background:#fff;
border-style:solid;border-color:#000;border-width:0 0 1px 0;}
input.url{width:25em;height:2em;color:#000;
font-size:10px;line-height:15px;background:#fff;
border-style:solid;border-color:#000;border-width:0 0 1px 0;}
textarea.text{font-size:10px;line-height:15px;
border:solid #000 1px;margin:0;padding:0.5em;}
td.post{text-align:center;}
input.post{width:60px;height:21px;color:#fff;font-size:10px;
line-height:12px;background:#000;border:double #000 3px;
text-align:center;margin:1em 0.5em;padding:0;}



/*  */
dl.link{width:400px;margin-left:5em;padding:5px;}
dl.link dt{float:left;margin:-3px 5px 0 0;}
dl.link2{width:400px;margin-left:5em;padding:5px;}
dl.link2 dt{float:left;margin:0 5px 0 0;}


/* index.html */
.index{width:100%;height:100%;
text-align:center;margin:50px 0;padding:0;}
#index{width:600px;background:#000;border:double #000 3px;
margin:0 auto;padding:30px 50px;}
#index h1{color:#fff;font-size:36px;line-height:36px;
text-align:left;}
#index p{color:#fff;text-align:left;margin:2em;}
#index a:hover{color:#fff;}

/* logo */
div.logo{position:relative;left:10pt;top:0pt;}
