body {
	text-align:center;
	color:#FFFFFF
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	background:url(images/bg.gif) no-repeat top;
	height:800px
}
.float-l {
	float:left
}
.folat-r {
	float:right
}
.clearfix {
	clear:both
}
.left {
	width:320px
}
.right {
	width:350px;
	background:#4589b5;
	border: 4px solid #023f69;
	position:relative;
	left:-20px;
	top:0px;
	margin-top:70px;
	padding:0 50px;
	color:#eee;
}
.right img {
	padding:30px 0
}
.right a {
	color:#fff
}
.right a:hover {
	color:#ddd
}
/* header */
#logo {
	background:url(images/top.gif) no-repeat;
	margin-top:70px;
	height:120px;
	color:#000000
}
#header h1 {
	font-size:32px;
	text-align: center;
	padding-top: 30px;
}
#logo div {
	text-align:right;
	padding-right: 50px;
}
ul#nav {
	padding-left: 110px;
	padding-top: 28px;
}
ul#nav li {
	line-height:30px
}
ul#nav a {
	color:#FFFFFF;
	font-weight:700
}
#paivan {
	float:left;
	width:255px;
	position:relative;
	left:40px;
	top:40px	
}
#paivan h3 {
	font-size:20px;
}
/* content */
#content {
}
#top {
	width: 355px;
}
#top h2 {
	font-size:30px;
	font-weight:700;
	padding:25px 0
}
#top h3 {
	font-size:20px;
	font-weight:100;
	padding:10px 0
}
#top p {
	padding-bottom:5px
}
#right-content {
	height:auto
}
#xhtml {
	text-align:center
}
.section {
	float:left;
	width:190px
}
div.section h2 { font-size:20px ; padding:10px 0}
div.section ul { padding:0px 20px}

/* footer */
#footer {
	background:url(images/bm.gif) no-repeat;
	margin-top: 280px;
	height:123px;
	padding-left: 30px;
	padding-top: 20px;
}
#footer a {
	color:#346599
}
#ftlink, #copyright {
	width:260px
}