#bodyid{
	margin:0;
	padding:0;
}
body,table{
	font-size:1.0em;
	color:#3a3a3a;
}
#ban{
	background:#cfc;
}
#ban h1{
	-webkit-text-stroke: 1px black;
	color: white;
	text-shadow:
		3px 3px 0 #000000,
		-1px -1px 0 #008800,
		1px -1px 0 #008800,
		-1px 1px 0 #008800,
		1px 1px 0 #008800;
	width:99%;
	color:#fff;
	font-size:24px;
	letter-spacing:3px;
	margin:0;
	padding:15px 15px 5px 15px;
}
#page{
	width:100%;
	height:100%;
}
#left{
	width:150px;
	background:#cfc;
	padding:80px 0;
}
#left a{
	color:#444;
	width:100%;
	text-decoration:none;
}
#left a:hover{
	color:#996;
}
#left h2{
	background:url('img/menubg.png') repeat-x left top;
	font-size:1.2em;
	color:#fff;
	padding:2px 0;
	margin:18px 0 0 0;
	text-align:center;
}
#left ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#left li{
	border-bottom:1px solid #fff;
	font-size:1em;
	font-weight:normal;
	color:#444;
	margin:0;
	padding:3px 0;
	text-align:center;
	letter-spacing:1px;
}
#middle{
	width:500px;
	background:#fff url('img/bgl.png') repeat-y left top;
}
#middle2{
	background:url('img/bgt.png') repeat-x top left;
}
#middle3{
	background:url('img/bg.png') no-repeat top left;
	padding:20px 0 10px 60px;
}
#middle a{
	color:#444;
}
#middle a:hover{
	color:#996;
}
#middle h1{
	font-size:1em;
	font-weight:bold;
	color:#000088;
	border:3px double #000000;
	text-align:center;
}
#middle h2{
	font-size:1em;
	color:#360;
	background:url('img/titlebg.png') no-repeat left top;
	border-bottom:1px dashed #ccc;
	margin:20px 0 10px 0;
	padding:2px 15px 5px 30px;
}
#middle h3{
	font-size:1em;
	font-weight:normal;
	color:#008800;
	border:3px dashed  #ff0000;
	padding:5px 15px 5px 30px;
}
#middle h4{
	font-size:1.5em;
	font-weight:normal;
	color:#000088;
	text-align:center;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	margin:20px 100px 20px 100px;
	padding:0;
}
#middle h5{
	font-size:1em;
	font-weight:normal;
	color:#000000;
	border:3px dashed  #0000ff;
	padding:5px 15px 5px 30px;
}
#middle p{
	font-weight:normal;
	font-size:1em;
	color:#3a3a3a;
	margin:0;
	padding:0 10px 10px 10px;
}
#middle dl{
	margin:0 0 0 1em;
	padding:0;
}
#middle .credit dt{
	color:#000000;
	font-weight:bold;
	margin:5px 0 5px 1em;
	padding:0;
}
#middle .credit dd{
	color:#99ffbb;
	margin:0 0 0 2em;
	padding:0;
}
#middle .credit ul{
	color:#000000;
	margin:0 0 0 10em;
	padding:0;
}
#middle .credit span{
	color:#000000;
	font-weight:normal;
}
#right{
	background:url('img/bgt3.png') repeat-x top left;
}
#bottomleft{
	width:150px;
	background:#cfc;
}
#bottom{
	background:#fff url('img/bgl.png') repeat-y left top;
}
#pagetop{
	padding:20px 20px 0 0;
	text-align:right;
}
#copy{
	font-size:1em;
	color:#666;
	text-align:center;
	padding:10px 0 4px 0;
}
.red{
	color:#ff0000
}
.blue{
	color:#0000ff
}
.green{
	color:#008800
}
.black{
	color:#000000
}
.gray{
	color:#555555
}
.small{
	font-size:small
}
.large{
	font-size:large
}
.bold{
	font-weight:bold;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
	margin:0;
	padding:0;
}
.box {
	width:100%;
	color:#000000;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}
.boxright {
	float:right;
	text-align:right;
	margin:0px;
	padding:0px;
}
.boxleft {
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
}
.boxclear{
	clear:both;
}