/* CSS Document */


#topImage {
	background-color: #FCDF32;
	margin-bottom: 80px;
}

#topImage .inner{
	height: 760px;
	width: 1200px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/mainImage_bg.jpg);
	background-repeat: no-repeat;
}

#topImage .inner h2{
	position:absolute;
	top:45px;
	left:0px;
}

#topImage .inner .menu1 a{
	position:absolute;
	top:370px;
	left:0px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu01.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu2 a{
	position:absolute;
	top:365px;
	left:255px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu02.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu3 a{
	position:absolute;
	top:540px;
	left:130px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu03.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu4 a{
	position:absolute;
	top:415px;
	right:275px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu04.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu5 a{
	position:absolute;
	top:360px;
	right:0px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu05.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu6 a{
	position:absolute;
	top:540px;
	right:105px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/menu06.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#topImage .inner .menu1 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu01.png);
}
#topImage .inner .menu2 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu02.png);
}
#topImage .inner .menu3 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu03.png);
}
#topImage .inner .menu4 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu04.png);
}
#topImage .inner .menu5 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu05.png);
}
#topImage .inner .menu6 a:hover{
	background-position:0px -180px;
	background-image: url(../images/menu06.png);
}

.topCopy {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height: 400px;
}

.topCopy h3{
	font-size: 40px;
	color: #79B827;
	text-align: center;
	margin-bottom: 40px;
}

.topCopy li{
	float:left;
	width:235px;
	height:235px;
	margin-right: 20px;
}
.topCopy li.last{
	margin:0px;
}

.support {
	background-color: #FCDF32;
	margin-bottom: 70px;
}

.support .inner{
	height: 340px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/support_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position:relative;
}

.support .inner h3{
	text-align: left;
	padding-top: 55px;
	font-size: 34px;
	margin-bottom: 25px;
}

.support .inner p{
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}

.support .inner .btn a{
	position:absolute;
	top:115px;
	left:500px;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/support_btn.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 250px;
}

.support .inner .btn a:hover{
	background-position:0px -70px;
	background-image: url(../images/support_btn.gif);
}


.movie {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.movie h3{
	margin-bottom: 35px;
}

.movie ul{
	width: 1020px;
	overflow: hidden;
}

.movie li{
	float:left;
	width:320px;
	height:240px;
	display:block;
	margin-right:20px;
	margin-bottom:30px;
}

.movie li .thumbnail{
	width:320px;
	height:180px;
	text-align:center;
	margin-bottom:10px;
}

.movie li .title{
	font-size: 14px;
	margin-bottom: 5px;
	height: 22px;
	overflow: hidden;
}

.movie li .title a{
	color: #333;
	text-decoration: underline;
}

.movie li .teacher{
	font-size: 14px;
}


.topics {
	background-color: #FCDF32;
}

.topics h3{
	padding-top: 45px;
	padding-bottom: 30px;
}

.topics .inner{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}

.topics .topicsList {
	width:900px;
	overflow: auto;
}

.topics .topicsList dl {
	display:block;
	padding-bottom: 30px;
	clear: both;
}

.topics .topicsList dt {
	display:block;
	font-size:16px;
	margin-bottom: 10px;
	width: 120px;
	float: left;
	font-weight: bold;
	text-align: left;
	line-height: 25px;
}

.topics .topicsList dd {
	display:block;
	line-height:25px;
	font-size:16px;
	text-align: left;
	margin-left: 120px;
}

.topics .topicsList dd a {
	text-decoration:underline;
	color: #333;
}

.more{
	padding-top:20px;
	margin-bottom: 60px;
	clear: both;
}

.more a{
	width:210px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	display: block;
}

.more a:hover{
	background-position:0px -70px;
	background-image: url(../images/more.gif);
}