﻿/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
body{
	background-image: url(mainbg.gif);
}.wrapper {
	width: 772px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
}
.sidebar {
	width: 120px;
	float: right;
}
.mainwrapper {
	width: 652px;
	float: left;
}
.bartop {
	background-image: url(bartop.gif);
	height: 22px;
	width: 399px;
	float: right;
	margin-top: 5px;
	margin-right: 30px;
}

.content {
	background-image: url(bgline.gif);
	width: 652px;
	float: left;
	clear: both;
}
.contentbar {
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	height: 42px;
	background-position: 30px;
}
.headbar {
	background-image: url(mainhead.gif);
	height: 27px;
}
#innertit {
	background-image: url(innertit.gif);
	height: 22px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #666;
	font-size: 9pt;
	line-height: 21px;
}
.innercontent {
	background-color: #F4EEE3;
	width: 627px;
	height: 304px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.menu {
	float: right;
	margin-right: 30px;
	margin-top: 8px;
	font-size: 10.5pt;
}
.panel {
	background-image: url(yeeoh.gif);
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 90px;
	height: 90px;
}
.paneltxt {
	text-align: center;
	font-family: Tahoma;
}
.paneltxt a {
	font-size: 9px;
	color: #474724;
	background-image: url(yeeoh.gif);
	height: 30px;
	width: 90px;
	float: left;
	padding-top: 60px;
}
.paneltxt a:hover{
	color: #FFF;
	background-image: url(yeeoh2.gif);
}
.menu a {
	height: 29px;
	width: 100px;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #666;
	padding-top: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #999;
	border-left-color: #999;
}
.menu a:hover{
	background-image: url(botton.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.menu a span{
	font-family: Tahoma;
	font-size: 9px;
}
.links {
	width: 192px;
	background-image: url(colorbg.gif);
	height: 294px;
	padding-top: 10px;
	font-weight: bold;
	float: left;
	margin-left: 4px !important;
	margin-left: 2px;
}
.links a{
	float: left;
	height: 33px;
	width: 119px;
	font-size: 10.5pt;
	padding-top: 2px;
	margin-top: 18px;
	padding-left: 50px;
	color: #FFF;
	text-decoration: none;
	margin-left: 12px;
	font-family: Tahoma;
}
.links a:hover{
	border-bottom-width: 2px;
	background-image: url(links.gif);
	border-bottom-style: none;
	color: #898956;
	filter: Alpha(Opacity=80);
	-Moz-Opacity:0.8;
}
.links a span{
	font-weight: normal;
	font-size: 9pt;
}
.footer {
	background-image: url(footer.gif);
	height: 30px;
	clear: both;
	text-align: center;
}
.footer a{
	font-size: 9pt;
	text-decoration: none;
	line-height: 21px;
	color: #ba871b;
}
.footer a:hover{
	color: #630;
}
#aricle{
	height: 304px;
	width: 148px;
	margin-left: 8px;
	font-family: Tahoma;
	color: #9e7d37;
	float: left;
	overflow: hidden;
}
#aricletit{
	background-image: url(arrow1.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #9F7E39;
	padding-left: 20px;
	background-position: left 13px;
	font-size: 10.5pt;
	width: 128px;
	overflow: hidden;
	filter: Alpha(Opacity=0);
	-Moz-Opacity:0;
}
#titlename{
	font-size: 9px;
	font-weight: normal;
}
#blogname{
	clear: both;
}
#ariclecontent{
	line-height: 21px;
	clear: both;
}
#ariclecontent a{
	font-size: 9pt;
	color: #666;
	text-decoration: none;
	background-image: url(arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9F7E39;
	overflow: hidden;
}
#ariclecontent a:hover{
	color: #633;
	background-color: #e5d6b6;
}
#aricletxt{
	float: left;
	height: 304px;
	width: 260px;
	margin-left: 8px;
}
#ariclemaintit{
	background-image: url(arrow3.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	font-size: 9pt;
	color: #BA871B;
	font-weight: bold;
	font-family: Tahoma;
	background-position: 0px 3px;
	height: 24px;
	width: 244px;
	float: left;
	filter: Alpha(Opacity=0);
	-Moz-Opacity:0;
}
#ariclemaintit a{
	font-size: 9pt;
	font-weight: bold;
	color: #BA871B;
	text-decoration: none;
}
#ariclemaintit a:hover{
	color: #630;
}
#time{
	font-size: 9px;
	font-weight: normal;
	margin-left: 10px;
}
#contentbg{
	font-size: 9pt;
	background-color: #e5d6b6;
	color: #6b572d;
	overflow: hidden;
	height: 0px;
	clear: both;
	width: 260px;
	float: left;
}
#content{
	margin: 5px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 250px;
	width: 250px;
	SCROLLBAR-ARROW-COLOR:#e5d6b6;
	SCROLLBAR-FACE-COLOR:#6b572d;
	SCROLLBAR-DARKSHADOW-COLOR:#e5d6b6;
	SCROLLBAR-HIGHLIGHT-COLOR:#e5d6b6;
	SCROLLBAR-3DLIGHT-COLOR:#e5d6b6;
	SCROLLBAR-SHADOW-COLOR:#e5d6b6;
	SCROLLBAR-TRACK-COLOR:#e5d6b6;
}
#content a{
	color: #77715C;
	text-decoration: none;
}
#content a:hover{
	color: #898956;
	text-decoration: underline;
}
#content p{
	text-indent: 2em;
}
#more{
	line-height: 24px;
	clear: both;
}
#more a{
	font-size: 9pt;
	color: #630;
	background-image: url(arrow4.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	float: right;
	padding-left: 8px;
}
#more a:hover{
	color: #F60;
}

