/* CSS Document */
html, body {
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:12px;
	background-color:#130C58;
	width:100%;
	height:100%;
}

.box {
	
	width:100%;
	min-height:100%;
	background-image:url(../gfx/bodyback.jpg);
	background-repeat:repeat-y;
}
*html .box {
	height:100%;
}
.logo {
	position:absolute;
	left:0;
	top:100px;
	width:253px;
	height:106px;
	background-image:url(../gfx/box-left-top.jpg);
}
.left-pic {
	position:absolute;
	left:0;
	top:206px;
	width:253px;
	height:216px;
	background-image:url(../gfx/box-left-pic.jpg);
}
.header {
	position:absolute;
	left:253px;
	top:0px;
	width:494px;
	height:206px;
	background-image:url(../gfx/header.jpg);
}
/********* navigation *****************/
.nav {
	position:absolute;
	width:180px;
	height:300px;
	left:750px;
	top:250px;
}
.nav-top{
	position:relative;
	width:175px;
	height:26px;
	background-image:url(../gfx/navi_top.jpg);
}
.navi {
	position:relative;
	width:175px;
	background-image:url(../gfx/navi_mid.jpg);
	}
.nav-bot{
	position:relative;
	width:175px;
	height:28px;
	background-image:url(../gfx/navi_bot.jpg);}
/**************** main ***************/
.main {
	position:relative;
	width:500px;
	margin-left:253px;
}
	
.main-top {
	position:relative;
	width:500px;
	height:203px;
}
.main-head{
	position:relative;
	width:500px;
	height:29px;
	background-image:url(../gfx/main-head.jpg);
	background-repeat:no-repeat;
}
.main-content{
	position:relative;
	width:470px;
	padding: 10px 20px 10px 10px;
	height:auto;
	background-image:url(../gfx/main-midx.jpg);
	background-repeat:repeat-y;
}
.main-foot{
	position:relative;
	width:500px;
	height:26px;
	background-image:url(../gfx/main-footx.jpg);
	background-repeat:no-repeat;
}
/******** links left ***********/
.leli {
	position:absolute;
	top:425px;
	left:20px;
	width:210px;
}
.leli a,a:hover {
	color:#2d72b7;
	text-decoration:none;
}