html, body, div, img, form {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {
	clear: both;
}
form { display: inline; }
html {
	overflow: scroll;
	font-size: 12px;
}
body {
	background: #fff url(/images/grade.gif) top right no-repeat;
}
body, input, select, textarea, div, p, span {
	font-family: '‚l‚r ƒSƒVƒbƒN',monospace;
	font-size: 12px;
	line-height: 150%;
}
big {
	font-size: 16px;
}
small {
	font-size: 10px;
}
a:link { color: #06c; }
a:visited { color: #800080; }
a:hover { color: #f00; }
a:active { color: #576128; }



img { vertical-align: bottom; }
#container_a,#container_b {
	width: 1000px;
	margin: 0 auto;
}
#logo {
	float: left;
	margin: 16px 10px 0;
	display: inline; /* In the environment which is IE6, the problem which is MARGIN is solved. */
}
#acs {
	float: left;
	margin: 10px 5px;
	display: inline;
}
#link {
	clear: both;
	height: 32px;
}
#link img {
	width: 200px;
	height: 32px;
}
#image_outer {
	clear: both;
	width: 100%;
	background: #39C1FF;
}
#image {
	margin: 0 auto;
	width: 998px;
	height: 400px;
	border: 1px solid #39C1FF;
	background: #fff;
}
#image img {
	border: 0;
	width: 998px;
	height: 400px;
}
#bar {
	margin: 16px 0 10px;
}
#bar div {
	float: left;
	border: 2px solid #ccc;
	width: 200px;
	padding: 1px;
	margin: 0 12px;
	display: inline;
}
#bar div:hover, #bar div.s {
	border: 2px solid #39C1FF;
}

.boxheader { margin-top: 10px; height: 39px; color: #444; }
.boxfooter { margin: 0 1px 25px; height: 1px; background: #B3BBBD; overflow: hidden; /* IE6 problem */ }
.boxbody {
	padding: 5px;
	border-left: 1px solid #B3BBBD;
	border-right: 1px solid #B3BBBD;
}

.boxbody.l.i { width: 188px; padding: 0; }

.boxheader.l, .boxfooter.l { width: 188px; }
.boxbody.l { width: 178px; }

.boxheader.c, .boxfooter.c { width: 438px; }
.boxbody.c { width: 428px; }

.boxheader.r, .boxfooter.r { width: 288px; }
.boxbody.r { width: 278px; }

#left {
	width: 190px;
	margin: 15px 0 15px 20px;
	float: left;
	display: inline;
}

#center {
	width: 440px;
	margin: 15px 0 15px 20px;
	float: left;
	display: inline;
}
#right {
	margin: 15px 20px 15px 0;
	float: right;
	display: inline;
}

.bbs-img { border-top: 1px solid #ccc; }

#cntbox .boxbody img { vertical-align: middle; }
#adbox {}
#updatedbox {}
#updatedbox ul {
	padding-left: 20px;
	list-style-image: url(./star.gif);
}

#updatedbox li { margin-bottom: 6px; }

.info-img {
	width: 68px;
	height: 54px;
	float: right;
	display: inline;
}
.info-box-top {
	margin: 0 5px;
	width: 420px;
}
.info-box {
	border-top: 1px dotted #ccc;
	margin: 5px 5px 0;
	padding-top: 5px;
	width: 420px;
}
.info-date {
	font-weight: bold;
}
.info-sum img { vertical-align: middle; margin-right: 4px; }
.info-sum {
	margin: 2px 0 0 20px;
	text-indent: -7px;
}

#patio-comment {
	margin-left: 40px;
	margin-bottom: 10px;
}


#linkbox {}
div.link-area {
	margin: 5px 0 0 6px;
	padding: 0px;
	width: 280px;
	overflow: hidden;
}
.link-box-top {
	width: 270px;
}
.link-box {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding-top: 5px;
	width: 270px;
}
.link-img {
	width: 68px;
	border: 1px solid #ccc;
	float: left;
	display: inline;
}
.link-title {
	width: 195px;
	float: right;
	font-size: 100%;
	line-height: 133.3%;
	display: inline;
}
.link-title a { margin-left: 5px; }
.link-title img { vertical-align: middle; }
.link-title p {
	margin: 2px 0 0 7px;
	padding: 0;
}

#footer_outer {
	width: 100%;
	border-top: 1px solid #444;
	background: #f8f8f8;
}
#footer {
	width: 1000px;
	margin: 0 auto;
}
#footer img { float: left; display: inline; }
#search { float: right; display: inline; margin-top: 12px; }

#news {
	width: 600px;
	margin: 0 200px 0;
	margin-top: 20px;
}
#news-title {
	width: 580px;
	height: 100%;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #00f;
	background: #aef;
}
#news-date {
	background: #eee;
	text-align: right;
}
#news-com {
	margin-top: 10px;
	padding: 10px;
	font-size: 14px;
	color: #333;
}
#page {
	width: 590px;
	margin: 0 200px 0;
	margin-top: 30px;
	padding: 5px;
	border-top: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
}
.overlay {
	position: relative;
	height: 0;
}

.links {
	border: 1px solid #ccc;
	background: #fff;
	width: 100px;
	text-align: center;
	float: left;
	display: inline;
}

#programlogo {
	width: 400px;
	height: 125px;
	margin: 0 auto 20px;
	float: left;
	display: inline;
}

#tree {
	width: 188px;
	height: 85px;
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 10px 0 0 10px;
	float: left;
	display: inline;
}

#container {
	width: 600px;
	margin: 0 auto;
}

.title {
	width: 600px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
	background: #39C1FF;
}

.box {
	margin-bottom: 10px;
}

.source {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
}

.thumbnail p {
	float: left;
	border: 1px solid #ccc;
	margin-left: 1px;
	background: #000;
	display: inline;
}

.clear { clear:both; }