﻿

#site_center {text-align:center;}
#main {width:866px; margin:0 auto; text-align:left;}

#header {height:344px;}

.col_1, .col_2, .col_3 { float:left;}

/*======= index.html =======*/
#page1 #content .col_1 {width:286px; background:url(images/l_b.gif) no-repeat left bottom #e6f8fe; }
#page1 #content .col_2 { width:474px; background:url(images/r_b.gif) no-repeat right bottom #feffff;}

/*======= index-1.html =======*/
#page2 #content .row_1 { width:760px; background:#feffff;}
#page2 #content .row_2 { width:760px; background:url(images/row_bgd.gif) left top repeat-x #e6f8fe;}

/*======= index-2.html =======*/
#page3 #content .col_1 {width:286px; background:url(images/l_b.gif) no-repeat left bottom #e6f8fe; color:#434242;}
#page3 #content .col_2 { width:474px; background:url(images/r_b.gif) no-repeat right bottom #feffff; color:#434242;}

/*======= index-3.html =======*/
#page4 #content .col_1 {width:396px; background:url(images/l_b_2.gif) no-repeat left bottom #feffff; color:#434242;}
#page4 #content .col_2 { width:364px; background:url(images/r_b.gif) no-repeat right bottom #feffff; color:#434242;}

/*======= index-4.html =======*/
#page5 #content .col_1 {width:474px; background:url(images/l_b_2.gif) no-repeat left bottom #feffff; color:#434242;}
#page5 #content .col_2 {width:286px; background:url(images/r_b_1.gif) no-repeat right bottom #e6f8fe;}

/*======= index-5.html =======*/
#page6 #content .col_1 {width:760px; background:#feffff; color:#434242;}

/*=========================*/


#footer {height:78px;}

















* { margin:0; padding:0;}
body { background:#000000; height: 100%;}
html, input, textarea, select {font-family:Arial; font-size:12px; color:#5b5a5b; line-height:16px; height: 100%;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a:hover { text-decoration:underline;}
a {color:#307fa9; text-decoration:none;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignRight { text-align:right;}

p { margin:0; padding:0;}

.tall_top { background:url(images/tall_top.gif) center top repeat-x #000;}
.tall_bottom { background:url(images/tall_bottom.gif) left bottom repeat-x;}

.form { height:28px;}
.form input {width:231px; height:18px; background:#feffff; border:1px solid #2499c6;}
textarea { width:231px; height:135px; background:#feffff; overflow:auto; border:1px solid #2499c6;}


ul { list-style:none;}
.ul li { background:url(images/line1.gif) left bottom repeat-x;}
.ul li a { background:url(images/li_marker1.gif) no-repeat 0 0; padding-left:30px; line-height:23px; color:#307fa9;}
.ul li .a1 {background:url(images/li_marker2.gif) no-repeat 0 0px;}
.ul li .a2 {background:url(images/li_marker3.gif) no-repeat 0 0px;}
.ul li .a3 {background:url(images/li_marker4.gif) no-repeat 0 0px;}
.ul li .a4 {background:url(images/li_marker5.gif) no-repeat 0 0px;}
.ul li .a5 {background:url(images/li_marker6.gif) no-repeat 0 0px;}
.ul li a:hover { color:#183741; text-decoration:none;}

.ul1 li a { background:url(images/marker_4.gif) no-repeat 0 3px; color:#444343; line-height:22px; padding-left:20px;}

.title { margin:0 0 15px 0;}

.img_indent { margin:0 20px 0 0; float:left;}


/*txt, links*/
.txt1 { }
.txt2 { }

.underline { text-decoration:underline;}
.link1 { background:url(images/marker1.gif) no-repeat 0 3px; padding-left:32px; color:#183741; display:block; font-size:11px; line-height:30px;}
.link1 span { background:url(images/marker2.gif) no-repeat right 5px; padding-right:9px;}
.link2 { background:url(images/marker3.gif) no-repeat 0 3px; padding-left:32px; color:#183741; display:block; font-size:11px; line-height:30px;}
.link2 span { background:url(images/marker2.gif) no-repeat right 5px; padding-right:9px;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x;}


/*header*/
#header .row_1 { height:114px;}
#header .row_1 .fleft img { margin:50px 0 0 75px;}
#header .row_1 .fright .indent { padding:43px 67px 0 0;}
#header .row_1 .indent {}
#header .row_2 { height:226px; background:url(images/header_bgd.jpg) no-repeat 53px 9px;}
#header .row_2 .indent { padding:53px 0 0 98px;}
#header .row_2 .slogan_indent { margin:0 0 27px 113px;}

/*content*/
#content { width:866px;}
#content .indent { padding:0 0 0 53px;}
#content h2 {font-size:12px; line-height:16px; margin:0 0 15px 0; background:url(images/h2_bgd.gif) left top repeat-x;}
#content h3 { font-size:12px; line-height:16px; margin:0 0 15px 0; height:44px; background:url(images/h3_bgd.gif) left bottom repeat-x;}
#content h4 { font-size:12px; line-height:18px; margin:0 0 14px 0; color:#434242;}
#content h5 { font-size:12px; line-height:16px; margin:0px; color:#434242;}
#content h6 { font-size:16px; line-height:18px; margin:0 0 15px 0; height:44px; background:url(images/h3_bgd.gif) left bottom repeat-x;}


/*footer*/
#footer { width:760px;}
#footer {color:#737c7f; line-height:19px;}
#footer a { color:#737c7f;}
#footer a:hover {color:#e6f8fe; text-decoration:none;}
#footer span { color:#e6f8fe;}
#footer .indent { padding:11px 0 0 75px;}



/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:46px 26px 26px 22px; background:url(images/col_bgd.gif) right top repeat-y;}
#page1 #content .col_1 ul { margin-bottom:6px;}
#page1 #content .col_1 .link1 { width:92px; margin-bottom:32px;}
#page1 #content .col_2 .indent { padding:32px 24px 25px 28px;}
#page1 #content .col_2 .indent1 { padding:29px 0 31px 12px;}
#page1 #content .col_2 .container { width:390px;}
#page1 #content .col_2 .link2 { margin-top:3px;}

/*================== index-1.html ==================*/
#page2 #content .row_1 .indent { padding:33px 24px 0 28px;}
#page2 #content .row_1 .title_block .img { background:url(images/2_title_img.gif) no-repeat 8px 0;}
#page2 #content .row_1 .container { width:670px;}
#page2 #content .row_1 .indent1 { padding:29px 0 33px 13px;}
#page2 #content .row_1 .link2 { margin-top:6px; width:92px;}
#page2 #content .row_2 .indent { padding:26px 26px 27px 22px;}
#page2 #content .row_2 .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
#page2 #content .row_2 .l_b { background:url(images/l_b.gif) no-repeat left bottom;}
#page2 #content .row_2 .container { width:709px;}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:46px 31px 36px 22px; background:url(images/col_bgd.gif) right top repeat-y;}
#page3 #content .col_1 .indent1 { padding-right:5px;}
#page3 #content .col_1 p { margin-bottom:16px;}
#page3 #content .col_1 .p1 { margin-bottom:6px;}
#page3 #content .col_1 h3 { margin-bottom:21px;}
#page3 #content .col_1 .link1 { width:92px;}
#page3 #content .col_2 .indent { padding:33px 24px 25px 28px;}
#page3 #content .col_2 .title_block .img { background:url(images/3_title_img.gif) no-repeat 8px 0;}
#page3 #content .col_2 .indent1 { padding:25px 10px 10px 12px;}
#page3 #content .col_2 .container { width:376px;}
#page3 #content .col_2 h4 { margin-bottom:21px;}
#page3 #content .col_2 .img_indent { margin-top:1px;}
#page3 #content .col_2 ul { margin:19px 0 3px 0;}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:33px 28px 35px 28px;}
#page4 #content .col_1 .indent1 { padding:28px 10px 0 13px;}
#page4 #content .col_1 .title_block .img { background:url(images/4_title_img1.gif) no-repeat 8px 0;}
#page4 #content .col_1 .container { width:311px;}
#page4 #content .col_1 h4 { margin-bottom:21px;}
#page4 #content .col_1 .link2 { margin-top:6px;}
#page4 #content .col_2 .indent { padding:33px 24px 25px 0;}
#page4 #content .col_2 .title_block .img { background:url(images/4_title_img2.gif) no-repeat 8px 0;}
#page4 #content .col_2 .indent1 { padding:28px 0 0 13px;}
#page4 #content .col_2 .container { width:311px;}
#page4 #content .col_2 h4 { margin-bottom:21px;}
#page4 #content .col_2 .link2 { margin-top:6px;}
#page4 #content .col_2 .img_indent { margin-top:1px;}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:33px 24px 27px 28px;}
#page5 #content .col_1 .indent1 { padding:29px 10px 35px 13px;}
#page5 #content .col_1 .indent2 { padding:29px 0 0 13px;}
#page5 #content .col_1 .title_block .img { background:url(images/5_title_img1.gif) no-repeat 8px 0;}
#page5 #content .col_1 .title_block .img1 { background:url(images/5_title_img2.gif) no-repeat 8px 0;}
#page5 #content .col_1 .container { width:375px;}
#page5 #content .col_2 .indent { padding:46px 28px 25px 22px; background:url(images/col_bgd1.gif) left top repeat-y;}
#page5 #content .col_2 h3 { margin-bottom:21px;}
#page5 #content .col_2 .container { width:157px;}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:33px 24px 42px 28px;}
#page6 #content .col_1 .indent1 { padding:25px 10px 0 12px;}
#page6 #content .col_1 p { margin-bottom:16px;}
#page6 #content .col_1 .r_b { background:url(images/r_b.gif) no-repeat right bottom;}
#page6 #content .col_1 .l_b { background:url(images/l_b_2.gif) no-repeat left bottom;}
#page6 #content .col_1 .title_block .img { background:url(images/6_title_img.gif) no-repeat 8px 0;}


/*==================list====================*/

.title_block { background:url(images/h2_bgd.gif) left top repeat-x;}
.title_block .left { background:url(images/title_left.gif) no-repeat left top;}
.title_block .right { background:url(images/title_right.gif) no-repeat right top;}
.title_block .img { background:url(images/1_title_img.gif) no-repeat 8px 0;}
.title_block .ind { padding:16px 0 15px 68px;}

/*==========================================*/
#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}





/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
	font-size:12px;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:10px; 
	padding-left:10px; 
	padding-top:10px;
}
/* pop-up calendar */
button.calendarStyle
{
	background-color: transparent;
	border: 0;
	height:22px;
	width:22px;
	background-image:url(imgs/calendar.png);
	cursor: pointer;
	cursor: hand;
}