@charset "utf-8";
/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	background-position: center top;
	background-color:#000000;
	color:#333333;
	}
p, td, input, label, form, h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
	}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
img{
	display:block;
	padding:0;
	margin:0;
	border:none;
	}
.specer{
	font-size:0;
	line-height:0;
	clear:both;
	}
	/*---------------main-body-------------*/
#main-body{
margin:0 auto 0 auto;
width:1003px;
}	


#main-gap{
float:left;
width:898px;
overflow:hidden;
background:#93d047;
padding:0 54px 0 51px;
}

#header{
float:left;
width:898px;
height:321px;
background:url(images/header.jpg) no-repeat;
}

#middle-button-outer{
float:left;
width:663px;
padding:275px 0 0 236px;
}


#middle-button{
float:left;
width:663px;
height:40px;
}

#middle-button ul li{
float:left;
list-style-type:none;
background:url(images/div.jpg) no-repeat 0 50%;
line-height:40px;
}

#middle-button ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
text-decoration:none;
color:#02097d;
padding:0px 20px 0 20px;
line-height:40px;
}

#middle-button ul li a:hover{
color:#13c5bf;
}

#middle-button ul li a.activated{
color:#658b03;
}

#middle-button ul li.home{
background:none;
}

/*--------------------middle-main-body----------------------*/

#middle-main-body{
float:left;
width:882px;
background:#02097d;
padding:8px 8px 8px 8px;
}

#middle-inner-body{
float:left;
width:882px;
background:#ffffff;
}

#box-1{
float:left;
width:270px;
padding:10px 10px 10px 14px;
}

#box-1 h2{
font-family:Tahoma;
font-size:20px;
text-align:center;
text-decoration:none;
color:#02097d;
padding:5px 0 7px 0;
}

#box-1 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
color:#666666;
padding:5px 0 0 0;
}

.blue{
color:#02097d;
font-weight:bold;
}

.left{
float:left;
border:solid 1px #02097d;
margin:7px 5px 5px 12px;
}

.right{
float:right;
border:solid 1px #02097d;
margin:7px 5px 5px 5px;
}

#box-2{
float:left;
width:270px;
padding:10px 10px 10px 14px;
}

#box-2 h2{
font-family:Tahoma;
font-size:20px;
text-align:center;
text-decoration:none;
color:#02097d;
padding:5px 0 7px 0;
}

#box-2 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
color:#666666;
padding:5px 0 0 0;
}

#box-3{
float:left;
width:270px;
padding:10px 10px 10px 14px;
}

#box-3 h2{
font-family:Tahoma;
font-size:20px;
text-align:center;
text-decoration:none;
color:#02097d;
padding:5px 0 7px 0;
}

#box-3 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
color:#666666;
padding:5px 0 0 0;
}

/*-------------------footer----------------------*/
#footer{
float:left;
width:898px;
background:#02097d;
padding:5px 0 10px 0;
}

#footer-1{
float:left;
width:890px;
}

	#footer-1 a{
	text-decoration:none;
	color:#e8d1a4;
	}
	#footer-1 a:hover{
	color:#FFFFCC;
	}
#footer  h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	color:#e8d1a4;
	text-align:center;
	padding:0 10px 0px 0;
}
#footer-1  p{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e8d1a4;
	text-align:right;
	padding:8px 10px 5px 0px;
	}
	
	
	
	#general{
float:left;
width:860px;
padding:10px 10px 10px 10px;
}

#general h2{
font-family:Tahoma;
font-size:20px;
text-align:left;
text-decoration:none;
color:#77a405;
padding:5px 0 7px 0px;
}

#general p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
color:#666666;
padding:5px 0 0 0;
}
	
	
	/*---------------js-----------------*/
	
	:focus {
	outline: none;
}

/* General styles ------------------------- */

.showcase {
	position: relative;
	}

.showcase a.controls {
	position: absolute;
	width: 40px;
	height: 25px;
	background-color: #02097d;
	text-decoration: none;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;	
	border: 2px solid #FFF;	
	}

.showcase a.previous {
	padding-bottom: 4px;
}

.showcase ul li {
	width: 250px;
	height: 220px;
	float: left;	
	list-style-type: none;	
}

.showcase ul li a {
	display: block;	
}

.showcase li a img {
	width: 100%;
	height: 100%;
	border: 0;	
}

/* Horizontal showcase ------------------------- */

.showcase#horizontal {	
	margin: 20px auto 0 auto;
	width: 836px;
	height: 250px;
}	
	
.showcase#horizontal a.controls {
	top: 50%;
	margin-top: -27px;
}

.showcase#horizontal a.next {
	right: 0;
	padding-top: 4px;
}


.showcase#horizontal a.controls:hover {
	border-color: #2097FA;
}

.showcase#horizontal ul {
	position: relative;	
	width: 700px;
	height: 250px;	
	margin: 0 auto;
}