@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:url(bg01.png) 0 0 repeat-x;
	background-color: #00568e;
}
img, table, a img {
	border: none;
}
a {
	text-decoration: none;
}
a:link, a:visited{
	color:#942929;
	text-decoration:none;
}
a:hover, a:active{
	color:#00568E;
	text-decoration:none;
}
h1{
	font-weight:bold;
	font-size:1.5em;
	margin:0 0 10px 0;
}
h2{
	font-weight:bold;
	font-size:1.2em;
	margin:5px 0;
}
#wrap {
	width: 980px;
	margin: 0 auto;

}

/* =header
-------------------------------------------------- */
#header div.header_right {
	border-bottom: 5px solid #268ccf;
	float: left;
}
#header div.header_right p {
	float: left;
}
#header div.header_right p.logo {
	padding: 23px 0 0 28px;
	margin-right:24px;
}
#header div.header_right div#banner {
	width:586px;
	float:left;
}
#header div.info {
	float: right;
	background: url(bg02.png) 0 0 no-repeat;
	height: 128px;
	width: 270px;
	border-bottom: 5px solid #fff;
	line-height: 1.5em;
}
#header div.info p.contact_info {
	padding: 21px 0 0 30px; 
	line-height:1.4em;
	float: left;
}
#header div.info p,
#header div.info p a {
	color: #b8d9ee;
}
#header div.info div.lang {
	float: right;
	margin-top: 83px;
	border: solid #b8d9ee;
	border-width: 1px 0 1px 1px;
	background:transparent url(semitrans.png) top left repeat;
}
#lang_option {
	padding: 1px 17px 1px 7px;
}
#lang_option a{
	color:#FFFFFF !important;
}

/* =content
-------------------------------------------------- */
#content {
	overflow:hidden;
	background-color:#05578D;
}
#nav {
	width: 199px;
	background: #05578D url(bg03.png) 0 0 repeat-x;
	padding: 23px 0 0 0;

	float: left;
	min-height: 415px;
	_height: 415px;
}
#nav ul {
	margin: 0;
}
#nav ul li {
	list-style: none;
	padding: 0;
	display: inline;
	background:none;
}
#nav ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	display: block;
	border-top: 1px solid #407496;
	padding: 6px 0 6px 29px;
}
* html #nav ul li a {
	height: 1px;
}
#nav ul li.active a,
#nav ul li a:hover {
	background: url(dot01.png) 0 50% no-repeat;
	background-color: #000;
}
#nav ul li.active ul {
	background: #268ccf;
	padding: 5px 0 7px 35px;
}
#nav ul li.active ul li {
	
}
#nav ul li.active ul li a {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: normal;
	
	padding: 0;
	padding: 3px 0 3px 8px;
}
#nav ul li.active ul li.active a {
	font-weight: bold;
	background: url(dot02.png) 0 54% no-repeat;
}
#nav ul li.active ul li a:hover {
	text-decoration: underline;
	background: url(dot02.png) 0 54% no-repeat;
}
#main {
	/*width: 497px;*/
	width:781px;
	float: left;
	background-color: #fff;
	padding: 0;
	font-size: 12px;
	min-height: 438px;
	_height: 437px;
	background:#FFFFFF url(content-bg.gif) repeat-y right 0;
	position: relative;
}
#flash {
	/*float: right;*/
	height: 437px;
	margin: 0;
	position: absolute;
	top: 0; right: 0;
	width: 410px;
	z-index: 100;
	overflow: hidden;
}
#flash embed, #flash object {
	position: absolute;
	top: 0;
	right: 0;
}
#main #index{
	padding:25px 0 0 15px;
	position: relative;
	z-index: 1;
}


#main div.news_item {
	width: 325px;
	line-height: 1.4em;
	margin-bottom: 14px;
}
#main div.news_item h2 {
	margin-top: 11px;
}
#main div.news_item h2 a {
	font-size: 12px;
	font-weight: bold;
}
#main div.news_item p.more a:hover,
#main div.news_item h2 a:hover {
	text-decoration: underline;
}
#main div.news_item p.date {
	margin: 2px 0 0 0;
	font-size: 11px;
}
#main div.news_item p.more a {
	font-size: 12px;

}
#main ul.list {
	list-style: none;
	margin: 0;
}
#main ul.list li {
	padding: 0;
	background: none;
	margin: 0;
}
#main ul.list li a {
	
}
#main ul.list li a:hover {
	text-decoration: underline;
}
ul{
	list-style:none;
	margin:10px 0 10px 10px;
}
ul li{
	line-height:1.6em;
	background:transparent url(dot-blue.gif) no-repeat left 4px;
	padding-left:17px;
	margin:5px 0;
}
ol{
	margin:10px 0 10px 30px;
}

#maincontent{
	width:480px;
	float:left;
	padding:30px 5px 10px 15px;
}
#box_right {
	float: right;
	width: 270px;
}
#box_right p {
	color: #fff;
	font-size: 12px;
	margin-bottom: 27px;
}

table{
	width:100%;
	border:none;
}
td, th{
	vertical-align:top;
}

.datatable{
	font-size:.9em;
}
.datatable th, thead td{
	background-color:#268CCF;
	color:#FFFFFF;
	text-align:left;
}
.datatable td{
	border-bottom:1px solid #268CCF;
}
.datatable td, .datatable th{
	vertical-align:top;
	padding:6px 4px;
}
.datatable .cell1, .datatable .cell4{
	width: 30%;
}
.datatable .cell2, .datatable .cell3{
	width: 20%;
}
.grayline td{
	border-bottom:1px solid #EAEAEA;
}
.equalcells td, .equalcells th{
	width:25%;
}

div.row{
	margin:2px 0;
}
div.row div.cell1{
	width:25%;
	float:left;
	text-align:right;
}
div.row div.cell2{
	width:75%;
	float:left;
}
div.cell1 label{
	padding-right:5px;

}

input, textarea{
	padding:2px;
	color:000000;
	font:normal 1em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
}
input{
	width:20em;
}
textarea{
	width:22em;
}
.button{
	background:#0D69A5 url(button-bg.gif) repeat-x;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 15px;
	width:auto;
}

.navigator{
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	padding:4px 4px 2px;
	clear:both;
}
.navigator .nav-root{
	width:150px;
	float:left;
}
.navigator .nav-back, .navigator .nav-next{
	width:75px;
	float:left;
}
.navigator .nav-pages{
	width:150px;
	float:left;
	text-align:center;
}

.ico-prev a{
	background:#FFFFFF url(ico-prev.gif) no-repeat left center;
	padding-left:10px;
}
.ico-next a{
	background:#FFFFFF url(ico-next.gif) no-repeat right center;
	padding-right:10px;
}

.image-item{
	float:left;

	width:140px;
	margin:10px;
}
.image{
	height:140px;
	width:140px;
	background:#EFEFEF;
	display:table;
	#position: relative;

}
.trick{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	width:100%;
	vertical-align: middle;
	text-align:center;
}
.trick img{
	#position: relative;
	#top: -50%;
}
.image-item h2, .image-item h1{
	font-size:1em;
	margin:.5em 0 0;
	font-weight:normal;
}



#footer{
	margin:10px 0;
	clear:both;
	text-align:right;
}
#footer p{
	margin:0 15px;	
}
#footer a:link, #footer a:visited{
	color:#C2D8E6;
}
#footer a:hover, #footer a:active{
	color:#FFFFFF;
}
/* =clear
-------------------------------------------------- */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
html[xmlns] .clear {
	display: block;
}
* html .clear {
	height: 1px;
}

/* classes */
.column{
	width:225px;
	float:left;
}
.content-bg{
	background-image: url(content-bg.gif);
	background-repeat: repeat-y;
	background-position: right 0;
}
.spacer{
	height:20px;
	visibility:hidden;
}
.clearer{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}