/* CSS Document */

body{
	margin:0px auto;
	background-image:url(../Images/bg.gif);
	background-repeat:repeat-x;
	background-color:#040c0e;
}
*{
	margin:0px auto;
	vertical-align:top;
	text-align:justify;
	line-height:15px;
}

img{
	border:0pt;
}
table{
	margin:0px;
}
td{
	padding:1px 3px;
}
ul{
	margin:0px; padding:0px;
}
ul li{
	margin:0px; padding:0px;
}
#main{
	position:relative;
	width:1024px;
}
#top{
	background-image:url(../Images/top.gif);
	background-repeat:no-repeat;
	height:104px;
	color: #ffffff;
	padding:0pt 11px 0pt 0pt;
    width:1013px;
}
#top a
{
    color: #ffffff;
}
#top img {
float:right;
height:auto;
margin:0pt 10px;
padding:0pt;
text-align:right;
width:auto;
}
#menu{
	/*position:relative;*/
	background-image:url(../Images/bgMenu.gif);
	background-repeat:no-repeat;
	width:1024px; height:29px;
	padding:0px 0px 2px 0px;
}
#menu ul{ padding:0px; margin:0px; list-style:none;z-index: 100; }
#menu ul li{ padding:0px; margin:0px ; display:inline; position:relative;float:left;}
/*van add*/
#menu ul li ul
{
	position: absolute;
	top: 100px;
	left: 0px;
	list-style: none;
	visibility: hidden;
	z-index: 100;
}
#menu ul li ul li
{
	width: 147px;
	display: block;
	float: none;
	
}
#menu ul li ul li a
{
	width: 147px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	line-height: 24px;
}
#menu ul li ul li a:hover
{
	display: block;
	color: #1b64b1;
}
/*end*/
a#btn1{
	background-image:url(../Images/btn_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn1:hover{
	background-image:url(../Images/btn_over_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn1Active{
	background-image:url(../Images/btn_over_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn1_1{
	background-image:url(../Images/btn_01_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn1_1:hover{
	background-image:url(../Images/btn_over_01_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn1_1Active{
	background-image:url(../Images/btn_over_01_01.gif);
	background-repeat:no-repeat;
	width:141px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn2{
	background-image:url(../Images/btn_02.gif);
	background-repeat:no-repeat;
	width:175px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn2:hover{
	background-image:url(../Images/btn_over_02.gif);
	background-repeat:no-repeat;
	width:175px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn2Active{
	background-image:url(../Images/btn_over_02.gif);
	background-repeat:no-repeat;
	width:175px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn3{
	background-image:url(../Images/btn_03.gif);
	background-repeat:no-repeat;
	width:85px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn3:hover{
	background-image:url(../Images/btn_over_03.gif);
	background-repeat:no-repeat;
	width:85px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn3Active{
	background-image:url(../Images/btn_over_03.gif);
	background-repeat:no-repeat;
	width:85px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn4{
	background-image:url(../Images/btn_04.gif);
	background-repeat:no-repeat;
	width:154px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn4:hover{
	background-image:url(../Images/btn_over_04.gif);
	background-repeat:no-repeat;
	width:154px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn4Active{
	background-image:url(../Images/btn_over_04.gif);
	background-repeat:no-repeat;
	width:154px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn5{
	background-image:url(../Images/btn_05.gif);
	background-repeat:no-repeat;
	width:145px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn5:hover{
	background-image:url(../Images/btn_over_05.gif);
	background-repeat:no-repeat;
	width:145px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn5Active{
	background-image:url(../Images/btn_over_05.gif);
	background-repeat:no-repeat;
	width:145px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn6{
	background-image:url(../Images/btn_06.gif);
	background-repeat:no-repeat;
	width:97px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn6:hover{
	background-image:url(../Images/btn_over_06.gif);
	background-repeat:no-repeat;
	width:97px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn6Active{
	background-image:url(../Images/btn_over_06.gif);
	background-repeat:no-repeat;
	width:97px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn7{
	background-image:url(../Images/btn_07.gif);
	background-repeat:no-repeat;
	width:66px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn7:hover{
	background-image:url(../Images/btn_over_07.gif);
	background-repeat:no-repeat;
	width:66px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn7Active{
	background-image:url(../Images/btn_over_07.gif);
	background-repeat:no-repeat;
	width:66px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn9{
	background-image:url(../Images/btn_09.gif);
	background-repeat:no-repeat;
	width:71px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn9:hover{
	background-image:url(../Images/btn_over_09.gif);
	background-repeat:no-repeat;
	width:71px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn9Active{
	background-image:url(../Images/btn_over_09.gif);
	background-repeat:no-repeat;
	width:71px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn8{
	background-image:url(../Images/btn_08.gif);
	background-repeat:no-repeat;
	width:90px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
a#btn8:hover{
	background-image:url(../Images/btn_over_08.gif);
	background-repeat:no-repeat;
	width:90px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#btn8Active{
	background-image:url(../Images/btn_over_08.gif);
	background-repeat:no-repeat;
	width:90px; height:29px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
}
#header{
	position:relative;
	width:1024px; height:350px; overflow:hidden;
}
#logout
{
    color: #ffffff;
}
#logout a
{
    color: #ffffff;
}
#linklogo{
	position:relative;
	top:137px; left:100px;
	width:151px; height:27px;
	float:left;
	display:block; overflow:hidden;	text-indent:-1000px;
}
#header1{
	background-image:url(../Images/header_01.jpg);
	background-repeat:no-repeat;
	width:512px; height:350px;
	float:left;
}
#header2{
	background-image:url(../Images/header_02.jpg);
	background-repeat:no-repeat;
	width:512px; height:350px;
	float:left;
}
#container{
	/*position:relative;*/
	width:992px; overflow:hidden !important; overflow:visible;
	height:auto !important; height:257px; min-height:257px;
	padding:29px 16px;
}
#colLeft{
	background-image:url(../Images/bgTeaser.gif);
	background-repeat:repeat-x;
	background-position:left 3px;
	width:599px; float:left;
	padding:25px 0px 0px 0px;
}
#teaserBox a
{
    color: #ffffff;
}
#teaserBox{
	background-image:url(../Images/bgMain.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:600px; height:auto !important; height:261px; min-height:261px;
	overflow:hidden;
}
.linkteaserBox{
	position:relative;
	top:71px; left:12px;
	width:62px; height:11px;
	display:block; overflow:hidden; text-indent:-1000px;
	float:left;
	
}
#teaser1{
	background-image:url(../Images/teaser_01.jpg);
	background-repeat:no-repeat;
	width:194px; height:132px;
	border-right:1pt dotted #6c6b6c;
	float:left;
}
#teaser2{
	background-image:url(../Images/teaser_02.jpg);
	background-repeat:no-repeat;
	width:194px; height:132px;
	border-right:1pt dotted #6c6b6c;
	margin-left:16px;
	float:left;
}
#teaser3{
	background-image:url(../Images/teaser_03.jpg);
	background-repeat:no-repeat;
	width:177px; height:132px;
	margin-left:16px;
	float:left;
}
#contentBox{
	background-image:url(../Images/bgContent.gif);
	background-repeat:repeat-y;
	width:355px; float:right;
	height:auto !important; height:257px; min-height:257px;	
	padding:0px 0px 0px 16px;
}
#contentBox a{
	color:#ffffff;
	text-decoration:underline;
}
#contentBox a:hover{
	color:#ffffff;
	text-decoration:none;
}
#contentBox2{
	width:992px;
	height:auto !important; height:286px; min-height:286px;	
}
#contentBox2 a{
	color:#ffffff;
	text-decoration:underline;
}
#contentBox2 a:hover{
	color:#ffffff;
	text-decoration:none;
}
#contentBox2 .moduletools a{
	color:#ffffff;
	text-decoration:underline;
}
.heading{
	position:relative;
}
#h1{
	position:relative;
	background-image:url(../Images/h1.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h2{
	position:relative;
	background-image:url(../Images/h2.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h3{
	position:relative;
	background-image:url(../Images/h3.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h4{
	position:relative;
	background-image:url(../Images/h4.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h5{
	position:relative;
	background-image:url(../Images/h5.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h6{
	position:relative;
	background-image:url(../Images/h6.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h7{
	position:relative;
	background-image:url(../Images/h7.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h8{
	position:relative;
	background-image:url(../Images/h8.gif);
	background-repeat:no-repeat;
	height:22px;
}
#h9{
	position:relative;
	background-image:url(../Images/h9.gif);
	background-repeat:no-repeat;
	height:22px;
}
#content{
	/*position:relative;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	padding:5px 3px;
}
#content ul{ padding:0px; margin:0px; }
#content ul li{ padding:0px; margin-left:15px; }
#footer{
	width:1024px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:25px;
	color:#FFFFFF; text-align:right;
}
#footer a{
	line-height:25px; color:#FFFFFF;
}
/* Contact form */

#contact_form{
	margin:10px 0pt 0pt 0px;
	width:340px;
	float:left;
	font-family: Verdana, Arial;
	font-size:11px;
}
#contact_form table{
	width:340px;
	border:0pt;
	float:left;
}
#contact_form td{
	border:0pt;
}
#contact_form input{
	border:1pt solid #999999;
	background-color:#f2f2f2;
	height:18px;
	font-size:12px;
	padding-top:1px;
	width:200px;
	margin-top:2px;
}
#contact_form textarea{
	background-color:#F2F2F2;
    border:1pt solid #999999;
    font-family:arial;
    font-size:12px;
    height:100px;
    padding-top:1px;
    width:298px;
}

#contact_form input.botton{
	width:50px;
	height:20px;
	text-align:center;
}
#contact_form img{
	width:200px;
	text-align:right;
	padding: 5px 0px 5px 0px;
	border: 0px;
}
.tbCat{
	width:100%;
}
.tbCat a{
	color:#ffffff; 
	text-decoration:underline;
}

.tbCat a:hover{
	color:#826f36; text-decoration:none;
}
.tbCat td{
	text-align:center; 
	line-height:20px;
	vertical-align:middle;
		}
.tbCat tr.rows1{
	background-color:#45402e;
	}
.tbCat tr.rows2{
	background-color:#30302b;
}
td.tdHead{
	text-align:center;
	font-weight:bold;
	padding: 0px 10px;
	background-color:#222222; line-height:25px; color:#FFFFFF;
}
.tbForm{
	float:left; margin-right:10px;
}
#main2{
	width:500px;
	padding:20px 20px;
}
#main2 h1{
	font-size:20px; font-style:italic; line-height:30px;
	color:#ffffff; text-align:center;
}
#pic
{
	width:410px;
	height:310px;
	background-color:Black;
	text-align:center;
	vertical-align:middle;
	
}
#pic img {
	max-width:400px;
	max-height:300px;
	width:auto;
	height:auto;
	padding:1px;
	border:1px #999 solid;
	margin:3px 0 15px 3px;
	/*max-width:340px;
	max-height:250px;*/
	
		}
	
#pic_small {
	width:366px;
	height:auto;
	padding:0 0 3px 0;
	margin: 10px 0 0 65px;
	border:1px #999 solid;
	float:left;
	display:inline;
	}
	
#pic_small img {
	width:70px;
	height:40px;
	padding:0;
	/*margin:3px 0 0 4px;*/
	
	margin-left:3px;
	border:0;
	float:left;
	display:inline;
	/*max-width:83px;
	max-height:84px;*/
	}
#detail{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	padding:10px 0px;
	/*text-align:center; */
	width:500px;
	float:left;
	

}
#detail img{
	border:1pt solid #666666;
} 

	.hplBack
	{
		color:White;
		float:left;
	}
	/* For confirm*/
.modalBackground{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}
.detail td
{
	padding-bottom:5px;
}