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

#preloadedImages1 {width: 0px; height: 0px; display: none; background-image: url(../images/mainContent-col1-title-hover.gif);}
#preloadedImages2 {width: 0px; height: 0px; display: none; background-image: url(../images/mainContent-col2-title-hover.gif);}
#preloadedImages3 {width: 0px; height: 0px; display: none; background-image: url(../images/mainContent-col3-title-hover.gif);}

/*-------------------------------------------------------------------------------------------------
for index page
-------------------------------------------------------------------------------------------------*/
#mainContent {
	margin: 0; /*margin: auto;*/
	padding: 0;
	border: none;
	width: 735px;
	/*text-align: left;
	z-index: 999;*/
}

#mainContent-outside {
	margin: 0;
	padding: 280px 0 0 0;
	width: 1px;
	background: #6389ae url(../images/mainContent-outside-top.gif) no-repeat left top;
	vertical-align: bottom;
}

#mainContent-outside div {
	margin: 0;
	padding: 0;
	width: 1px;
	height: 278px;
	background: url(../images/mainContent-outside-bottom.gif) no-repeat left bottom;
}

#mainContent-inside {
	margin: 0;
	padding: 280px 0 0 0;
	width: 1px;
	background: #637d9e url(../images/mainContent-inside-top.gif) no-repeat left top;
	vertical-align: bottom;
}

#mainContent-inside div {
	margin: 0;
	padding: 0;
	width: 1px;
	height: 278px;
	background: url(../images/mainContent-inside-bottom.gif) no-repeat left bottom;
}

#mainContent-col1 {
	margin: 0;
	padding: 227px 0 0 0;
	width: 242px;
	background: #002a61 url(../images/mainContent-col1-background.jpg) no-repeat left top;
	vertical-align: top;
}

#mainContent-col1 a.title {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/mainContent-col1-title.gif) no-repeat 0 0;
}
#mainContent-col1 a.title:hover {background: url(../images/mainContent-col1-title.gif) no-repeat 0 -53px;}

#mainContent-col1 a.title_en {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/maincontent-col1-title-en.gif) no-repeat 0 0;
}
#mainContent-col1 a.title_en:hover {background: url(../images/maincontent-col1-title-en.gif) no-repeat 0 -53px;}

#mainContent-col2 {
	margin: 0;
	padding: 227px 0 0 0;
	width: 246px;
	background: #002a61 url(../images/mainContent-col2-background.jpg) no-repeat left top; /*#002054*/
	vertical-align: top;
}

#mainContent-col2 a.title {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/mainContent-col2-title.gif) no-repeat 0 0;
}
#mainContent-col2 a.title:hover {background: url(../images/mainContent-col2-title.gif) no-repeat 0 -53px;}

#mainContent-col2 a.title_en {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/maincontent-col2-title-en.gif) no-repeat 0 0;
}
#mainContent-col2 a.title_en:hover {background: url(../images/maincontent-col2-title-en.gif) no-repeat 0 -53px;}

#mainContent-col3 {
	margin: 0;
	padding: 227px 0 0 0;
	width: 243px;
	background: #002a61 url(../images/mainContent-col3-background.jpg) no-repeat left top;
	vertical-align: top;
}

#mainContent-col3 a.title {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/mainContent-col3-title.gif) no-repeat 0 0;
}
#mainContent-col3 a.title:hover {background: url(../images/mainContent-col3-title.gif) no-repeat 0 -53px;}

#mainContent-col3 a.title_en {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: url(../images/maincontent-col3-title-en.gif) no-repeat 0 0;
}
#mainContent-col3 a.title_en:hover {background: url(../images/maincontent-col3-title-en.gif) no-repeat 0 -53px;}

/*#mainContent a.title {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 47px;
	background: none;
	color: #f00;
	font: bold 21px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 20px;
}

#mainContent a.title:hover {background: url(../images/mainContent-title-hover.jpg) no-repeat left top;}*/

#mainContent .text {
	margin: 0;
	padding: 10px 25px 20px 20px;
	color: #8faac5;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#mainContent .text a {color: #fff;}
#mainContent .text a:hover {color: #f7941d; text-decoration: underline;}

#mainContent .text ul {
	margin: 0;
	padding: 0;
}

#mainContent .text ul li {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: url(../images/mainContent-pointer.gif) outside;
}

#mainContent .text ul li a {
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#mainContent .text ul li a:hover {color: #f7941d;}

#mainContent-line-white {
	margin: 0; /*margin: auto;*/
	padding: 0;
	width: 733px;
	height: 7px;
	background: #fff;
	border: #003e7b solid 1px;
	font-size: 0;
}