@charset "utf-8";
html, body {
	width:100%;
	height:100%;	
}


body {
	background:url(../images/bg2.png) 50% 0 no-repeat;
}


.screen {
	width: 1024px;
	height:768px;
	margin:0 auto;
}

.screen td { vertical-align:middle }

.screen .bgr {
	width:900px;
	height:768px;
	margin:0 0 0 -450px;
	left:50%;
	top:25px;
	position:absolute;
	background: url(../images/year_bg.png) 50% 120px no-repeat;
}

.screen.screen3 .out { margin-left:966px; }
.screen.screen3 .out a img{	 }
.screen.screen3 .out a:hover img{ background-position:0 -100px; }

.screen.screen3 .content {
background: none repeat scroll 0 0 #aaa;
    height: 455px;
    margin: 94px 0 0 110px;
    position: absolute;
    width: 681px;
	height: 384px;
    margin: 150px 0 0 110px;
}

.screen.screen3 .menu {
	position:absolute;
	margin: 547px 0 0 110px;	
}

.screen.screen3 .menu .prev, .screen.screen3 .menu .next {
	padding-left:10px;
	margin-bottom:10px
}


.screen.screen3 .menu .prev a img, .screen.screen3 .menu .next a img{
	background:url(../images/menu-sprite.png) 0 0 no-repeat;
}

.screen.screen3 .menu .next a img{
	background-position:0 -45px;
}

.screen.screen3 .menu .next a:hover img{
	background-position:-45px -45px;
}

.screen.screen3 .menu .prev a:hover img{
	background-position:-45px 0;
}

.screen.screen3 .menu li{
	width:55px;
	height:47px;
	display:inline-block;
	margin-bottom:7px;
}

.screen.screen3 .menu li a{
	width:48px;
	height:47px;
	display:block;
	background:url(../images/menu-sprite.png) 0 -88px no-repeat;
	color:#ffdf00;
	font:15px/45px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	padding-right:7px;
}

.screen.screen3 .menu li a:hover{
	background-position:0 -220px;
}

.screen.screen3 .menu li.act a{	
	background-position:0 -150px;
	color:#ff7000;
}

.screen.screen3 .menu-hint{	
	display:none;
	position:absolute;
	z-index:10;
	//margin: 548px 0 0 575px;
	margin: 548px 0 0 600px;
}

.screen.screen3 .menu-hint span{	
	display:inline-block;
	font:15px/46px Arial, Helvetica, sans-serif;
	padding:0;
	color:#ff7000;
}

#content{ z-index:1 }

.menu-top {
	position: absolute;
	margin: -4px 0 0 425px;
	z-index:100
}

.menu-top li{
	display:block;
	font:15px/25px Arial, Helvetica, sans-serif;
	margin:10px 0 0 20px;
	text-align:center;
	width:190px;
}

.menu-top li a{
	text-decoration:underline;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	
}

.menu-top li.act span{
	color:#000;
	display:block;
	height:25px;
	background:url(../images/corn-top-l.png) 0 0 no-repeat;
	padding:0 6px 0 15px;
}

.menu-top li.act{
	background:url(../images/corn-top-r.png) 100% 0 no-repeat;
	padding:0 9px 0 0;
}


.screen.screen2 .bgr {
	background:url(../images/screen2-bgr.jpg) 50% 0 no-repeat;
}

.screen.screen2 .img {
	margin:150px auto 0;
	width:1000px;
	height:610px;
	position:relative;
	z-index:10;
	background:url(../images/text.png) 0 0 no-repeat;
	cursor:pointer;
	
}


.screen {
	background:url(../images/top_task0.png) 0 0 repeat-x;
}

.screen.screen3 .content #content.text{ background-color:#fff; font:14px/140% Arial, Helvetica, sans-serif; padding:0 20px; }

.screen.screen3 .content #content.text h1{ font:24px/140% Arial, Helvetica, sans-serif; }

.screen.screen3 .content #content.text p{ margin-bottom:10px; text-align:justify }

.title {
	color: #ff6400;
    font: 35px/140% Arial,Helvetica,sans-serif;
    margin: 90px 0 0 110px;
    position: absolute;
    text-align: center;
    width: 683px;
    z-index: 100;
}

#menu {
	text-align: center;
    width: 693px;
}