@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
}
ul,li{
margin:0px;
padding:0px;
}
li{
display:inline;
list-style:none;
list-style-position:outside;
text-align:center;
font-weight:bold;
float:left;
}
.style_visit{ 
color:#ffffff;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style_work{ 
color:#ffcd01;
float:left;
width:150px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style{ 
color:#ffcd01;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style1{ 
color:#ffffff;
float:left;
width:120px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style2{
color:#3b1667;
float:left;
width:280px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style3{ 
color:#3b1667;
float:left;
width:420px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
.style4{ 
color:#3b1667;
float:left;
width:500px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
border:thick;
}
.media1{ 
color:#ffcd01;
float:left;
width:300px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a:link{
	color:#3c1768;
	text-decoration:none;
	float:left;
	width:88px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
}
a:visited{
color:#3c1768;
text-decoration:none;
float:left;
width:88px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a:hover{
color:#ffcd01;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a:active{
color:#3c1768;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.homeword:link{
margin:0px;
padding:0px;
}
a.homeword:visited{
margin:0px;
padding:0px;
}
a.homeword:hover{
margin:0px;
padding:0px;
}
a.homeword:active{
margin:0px;
padding:0px;
}
a.home:link{
	color:#3c1768;
	text-decoration:none;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
}
a.home:visited{
color:#3c1768;
text-decoration:none;
float:left;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.home:hover{
color:#ffcd01;
float:left;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.home:active{
color:#3c1768;
float:left;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.newsdetail:link{
	color:#3c1768;
	text-decoration:none;
	float:left;
	width:360px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
}
a.newsdetail:visited{
color:#3c1768;
text-decoration:none;
float:left;
width:360px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.newsdetail:hover{
color:#ffcd01;
float:left;
width:360px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.newsdetail:active{
color:#3c1768;
float:left;
width:360px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
}
a.about:link{
	color:#3c1768;
	text-decoration:none;
	float:left;
	width:88px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	border:thick;
}
a.about:visited{
color:#3c1768;
text-decoration:none;
float:left;
width:88px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
border:thick;
}
a.about:hover{
color:#ffffff;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
border:thick;
}
a.about:active{
color:#3c1768;
float:left;
width:88px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
border:thick;
}
a.menu:link     {
	color:#3c1768;
	float:left;
	width:150px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.menu:visited {
	color:#3c1768;
	float:left;
	width:150px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.menu:active  {
	color:#ffcd01;
	float:left;
	width:150px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
a.menu:hover   {
	color:#ffcd01;
	float:left;
	width:150px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
	a.newsletter:link     {
	color:#3c1768;
	float:left;
	width:130px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.newsletter:visited {
	color:#3c1768;
	float:left;
	width:130px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.newsletter:active  {
	color:#ffcd01;
	float:left;
	width:130px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
a.newsletter:hover   {
	color:#ffffff;
	float:left;
	width:130px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
	a.w50:link     {
	color:#3c1768;
	float:left;
	width:20px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.w50:visited {
	color:#3c1768;
	float:left;
	width:20px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.w50:active  {
	color:#ffcd01;
	float:left;
	width:20px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
a.w50:hover   {
	color:#ffcd01;
	float:left;
	width:20px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
	border:thick;
	}
a.more:link     {
	color:#3c1768;
	float:left;
	width:20px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border:thick;
	}
a.more:visited {
	color:#3c1768;
	float:left;
	width:20px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border:thick;
	}
a.more:active  {
	color:#ffffff;
	float:left;
	width:20px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
	border:thick;
	}
a.more:hover   {
	color:#ffffff;
	float:left;
	width:20px;
	text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
	border:thick;
	}
a.left:link     {
	text-decoration:none;
	float:left;
	width:56px;
	padding:0;
	}
a.left:visited {
	text-decoration:none;
	float:left;
	width:56px;
	padding:0;
	}
a.left:active  {
	text-decoration:none;
	float:left;
	width:56px;
	padding:0;
	}
a.left:hover   {
	text-decoration:none;
	float:left;
	width:56px;
	padding:0;
	}
a.media:link     {
	color:#3c1768;
	line-height:15px;
	text-decoration:none;
	float:left;
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.media:visited {
	color:#3c1768;
	line-height:15px;
	text-decoration:none;
	float:left;
	width:300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border:thick;
	}
a.media:active  {
	color:#ffcd01;
	line-height:15px;
float:left;
width:300px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
	}
a.media:hover   {
	color:#ffcd01;
	line-height:15px;
float:left;
width:300px;
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border:thick;
	}
.list{
	line-height:15px;
	text-align:left;
	padding:0px;
	font-weight:normal;
	border: thick;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
.menu_list{
	line-height:20px;
	text-align:left;
	padding:0px;
	font-weight:normal;
	border: 800;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
#nav{
	width:80px;
	height:100px;
	border-bottom:0px;
	float:left;
	position:relative;
	left: 12%;
	top: 20%;
}
#nav2{
	width:80px;
	height:100px;
	border-bottom:0px;
	float:left;
	position:relative;
	z-index:2;
	left: 17%;
	top: 22%;
}
#nav3{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:8% ;
	top:30%;
}
#nav4{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left: -10%;
	top: 53%;
}
#nav5{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left: 26%;
	top: 55%;
}
#nav6{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left: 26%;
	top: 41%;
}
.banana{
width: 87px;
height: 35px;
background-image: url('images/banana.gif');
background-repeat: no-repeat;
}

#banana{
	width:87px;
	height:35px;
	border-bottom:0px;
	float:left;
	position:relative;
	left: 91%;
	top: 0%;
}

.flash{
width: 56px;
height: 55px;

background-repeat: no-repeat;
}

#log{
	width:56px;
	height:55px;
	float:left;
	position:relative;
	left: 8%;
	top: 83%;
}

#log2{
	width:56px;
	height:55px;
	border-bottom:0px;
	float:left;
	position:relative;
	left: -10%;
	top: 81%;
}
#log3{
	width:56px;
	height:55px;
	float:left;
	position:relative;
	left:-6%;
	top:11%;
} 
#log4{
	width:56px;
	height:55px;
	float:left;
	position:relative;
	left: 18%;
	top: 87%;
}
#log5{
	width:56px;
	height:55px;
	float:left;
	position:relative;
	left:23%;
	top:87%;
}
#log6{
	width:56px;
	height:55px;
	float:left;
	position:relative;
	left: 8%;
	top: 84%;
}
.header1 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg1.gif');
background-repeat: no-repeat;

}
.header2 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg2.gif');
background-repeat: no-repeat; 
}
.header3 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg3.gif');
background-repeat: no-repeat; 
}
.header4 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg3.gif');
background-repeat: no-repeat; 
}
.header5 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg5.gif');
background-repeat: no-repeat; 
}
.header6 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg6.gif');
background-repeat: no-repeat; 
}
.header7 {
width:998px;
height:575px;
margin:0 auto;
background-image:url('images/bg7.jpg');
background-repeat: no-repeat; 
}
#txt{
	width:280px;
	height:95px;
	float:left;
	position:relative;
	left:33%;
	top: 30%;
}
#media{
	width:300px;
	height:103px;
	float:left;
	position:relative;
	left:-3%;
	top: 76%;
}
#work{
	width:150px;
	float:left;
	position:relative;
	left: 10%;
	top: 35%;
}
#news{
	width:360px;
	height:10px;
	float:left;
	position:relative;
	left:1%;
	top: 12%;
}
#date{
	width:80px;
	height:30px;
	float:left;
	position:relative;
	left:-42%;
	top: 65%;
}
#about{
	width:20px;
	height:30px;
	float:left;
	position:relative;
	left:18%;
	top: 36%;
}
#about2 {
	width:350px;
	height:30px;
	float:left;
	position:relative;
	left:22%;
	top: 13%;
}
#mail {
	width:280px;
	height:30px;
	float:left;
	position:relative;
	left:-8%;
	top: 40%;
}
#contact {
	width:380px;
	height:30px;
	float:left;
	position:relative;
	left:25%;
	top: 14%;
}
#wlg{ 
float:left;
width:190px;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
left:0%;
top:0%;
}
#alk{
	float:left;
	width:190px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	left:0%;
	top:0%;
}
#div{
	width:360px;
	height:380px;
	float:left;
	position:relative;
	left:14%;
	top: 32%;
}
#pic1 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:0%;
	top: 0%;
}
#pic2 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:3%;
	top: 0%;
}
#pic3 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:6%;
	top: 0%;
}
#pic4 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:0%;
	top: 3%;
}
#pic5 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:3%;
	top: 3%;
}
#pic6 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:6%;
	top: 3%;
}
#pic7 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:0%;
	top: 6%;
	z-index:10;
}
#pic8 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:3%;
	top: 6%;
	z-index:10;
}
#pic9 {
	width:110px;
	height:110px;
	position:relative;
	float:left;
	left:6%;
	top: 6%;
	z-index:10;
}
#staff1{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:30%;
	top: 200%;
}
#staff2{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:41%;
	top: 200%;
}
#staff3{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:-15.5%;
	top: 651%;
}
#staff4{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:-4.5%;
	top: 651%;
}
#staff5{
	width:80px;
	height:100px;
	float:left;
	position:relative;
	left:31%;
	top: 780%;
}
.menu1{
width:300px;
height:auto;

border:1px solid #9CDD75;
background-color:#F1FBEC;
color:#336601;
cursor:hand;
overflow-y:hidden;
filter:Alpha(opacity=70);
-moz-opacity:0.7;
z-index:89;
}
.menu2{
width:110px;
height:110px;
overflow-y:hidden;
cursor:hand;
z-index:90;
}
#txt1{
	width:223px;
	height:95px;
	float:left;
	position:relative;
	left:10%;
	top: 30%;
}
#media1{
	width:250px;
	height:103px;
	float:left;
	position:relative;
	left:-12%;
	top: 74%;
}
#award{
	width:350px;
	float:left;
	position:relative;
	left:17%;
	top: 27%;
}
#award a{
	width:350px;
	float:left;
	position:relative;
	font-size:13px;
	
}
#cplogo {
	width:350px;
	height:57px;
	position:relative;
	float:left;
	left:-170px;
	top: 420px;
}
#more {
	width:50px;
	height:20px;
	position:relative;
	float:left;
	left:320px;
	top: 8%;
	z-index:10;
}