body {
	margin: 0;
	text-align: center;
	font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, Times New Roman;
	font-size: 12pt;
	line-height: 24px;
	color: #393939;
	background: #FFC221 url(pic/bg.jpg) top repeat-x;
}


a {
	text-decoration: none;
	color: #8E0101;
	font-weight: bold;
}

a:hover {
	color: #8E0101;
	font-weight: bold;
	text-decoration: underline;
}

h1 {
	font-size: 15pt;
	font-weight: bold;
	color: #303030;
}


h2 {
	font-size: 13pt;
	font-weight: bold;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
}

ul {
	list-style: square;
	margin:  0 0 0 20px;
	padding:  5px 0 0 0;

}

li {
	text-align: left;
	height: 40px;
	margin: 0;
	padding: 3px 0 0 0;
}



/* whole */
#whole
{
	width: 830px;
	margin: 0 auto;
}


#top
{
	width: 830px;
	height: 160px;
	margin: 30px auto;
	padding: 0;
	background: url(pic/logo.png) top no-repeat;
}





/* Page */

#page {
	float: right;
	width: 610px; 
	padding: 0;
	text-align: left;
}

.page-up {
	height: 34px;
	margin: 0;
	padding:0;
	background: url(pic/page-up.png) no-repeat top left;
}

.page-center {
	margin: 0;
	padding: 15px 30px 20px 40px;
	background: url(pic/page-center.png) repeat-y top left;
	background-position: 0 0;
}

.page-down {
	height: 34px;
	margin: 0;
	padding:0;
	background: url(pic/page-down.png) no-repeat bottom left;
}

.font-s {
	font-size: 10pt;
}


/* Sidebars */

#sidebar {
	float: left;
	width: 210px;
	margin: 0;
	background-position: 0 0;
}

.sidebar-up {
	height: 22px;
	margin: 0;
	padding:0;
	background: url(pic/sidebar-up.png) no-repeat top left;
}

.sidebar-center {
	margin: 0;
	padding: 0;
	background: url(pic/sidebar-center.png) repeat-y top left;
	background-position: 0 0;
}

.sidebar-down {
	height: 30px;
	margin: 0;
	padding:0;
	background: url(pic/sidebar-down.png) no-repeat bottom left;
}


#sidebar ul {
	list-style: none;
	margin:  0 0 0 2px;
	padding:  0;
	width: 199px;
}

#sidebar li {
	text-align: left;
	height: 44px;
	margin:  0;
	padding:  0;
	border-bottom: 1px gray dotted;
}

#sidebar a {
	display: block;
	width: 197px;
	color: #8E0101;
	text-decoration: none;
	padding: 10px 0 10px 12px;
}  


#sidebar a:hover {
	color: #444444;
	background: url(pic/nav-bg.png) repeat-y top left;
} 


#sidebar a:active {
	color: #444444;
	background: url(pic/nav-bg.png) repeat-y top left;
}

/* Footer */

#footer {
	clear: both;
	color: #084600;
	width: 100%;
	height: 30px;
	font-size: 10pt;
	margin: 0 0 20px 0;
	padding: 70px 0 0 0;
	background : url(../images/main-pic/grass.png) top repeat-x;
}

