html {height:100%;}
body {margin:0; padding:0; background: url(images/body.gif) repeat-x #4f9ece ; height:100%}
table, td {
	border-collapse:collapse;
	width:100%;
	font-size:100%
}
table, td, img {
	padding:0;
	margin:0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
form, td{margin:0; padding:0;}
td, select, input {
	font-family:tahoma;
	color:#ffffff;
	vertical-align:top;
	text-align:left
}
img{
	vertical-align:middle
}


/*in_line_style*/

.main_table{ width:766px; background:url(images/main_pic.jpg) no-repeat }

.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%"); min-width:766px;}


.clear{ clear:both}

.fleft{ float:left}
.fright{ float:right}

p {margin:0; padding:0;}

b{ color:#ffef76}

a{ color:#ffffff; text-decoration:underline}
a:hover{ text-decoration:none}

.list ul { margin:0; padding:0; list-style:none; line-height:1.4em}
.list ul li{ background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:8px}
.list ul li a { color:#ccdceb; text-decoration: none}
.list ul li a:hover{ text-decoration: underline}

.list1 ul { margin:0; padding:0; list-style:none; line-height:1.6em}
.list1 ul li{ background:url(images/list_bg1.gif) no-repeat 0 9px; padding-left:8px}
.list1 ul li a { color:#fff; text-decoration: underline}
.list1 ul li a:hover{ text-decoration: none}


.title, .title_top, .title_bot{ display:block}

.link{ background:url(images/marker.gif) no-repeat 0 7px; padding-left:9px; color:#ffffff; text-decoration:underline; font-weight:bold}
.link:hover{ text-decoration:none}

h1 {text-indent:-10000px; background:url(images/logo.gif) no-repeat left top; height:81px; padding:0; margin:0; line-height:1em; font-size:1em}
.pos{ position:absolute; margin:0; padding:0}

/*header*/
#header{ height:217px}
#header .col1{ width:142px}
#header .col2{ width:100%}
#header .col2 .row1{ height:121px}
#header .col2 .row1 .indent{ padding:70px 42px 0 30px}
#header .col2 .row1 .m{ width:20%; float:left; text-align:center}
#header .col2 .row1 .m1{ width:19%; float:left; text-align:center}

#header .col2 .row2{ height:96px}

/*content*/
#content{ font-size:0.6825em}
#content td{ line-height:1.36em}

#content .row1{ height:24px}
#content .row1 div{ width:auto; margin:0 60px 0 60px; background:url(images/separate.gif) repeat-x}
#content .row2{ height:316px}

/*footer*/
#footer{ height:123px; padding-right:80px; text-align:center}
#footer img{ margin-top:35px}

/*index.html*/
#page1 #content .col1{ width:60px}
#page1 #content .col2{ width:42%}
#page1 #content .col2 .r1{ height:150px; background:url(images/bg1.gif) repeat-x #4198c8}
#page1 #content .col2 .indent{ padding:15px 10px 10px 20px}
#page1 #content .col2 .indent .title{ margin-bottom:12px}
#page1 #content .col2 .indent .block{ width:100%; padding-bottom:14px}
#page1 #content .col2 .indent .block .c1{ width:62%; float:left}
#page1 #content .col2 .indent .block .c2{ width:34%; float:left; text-align:center}

#page1 #content .col2 .r2{ height:16px}
#page1 #content .col2 .r3{ height:150px; background:url(images/bg2.gif) repeat-x #60a8d3}

#page1 #content .col3{ width:28px}
#page1 #content .col4{ width:58%}
#page1 #content .col4 .r1{ height:88px}
#page1 #content .col4 .r1 .indent{
	padding:16px 0 0 27px;
	text-align:left
}
#page1 #content .col4 .r1 .indent div{ text-align:left}
#page1 #content .col4 .r1 .indent .title{ margin-bottom:7px}
#page1 #content .col4 .r1 .indent input{ width:190px; height:20x; background:#FFFFFF; voice-family:#4f6477; font-size:1em; font-family:tahoma; vertical-align:middle; color:#4f6477}
#page1 #content .col4 .r1 .indent select{ width:68px; height:20px; background:#FFFFFF; voice-family:#4f6477; font-size:1em; font-family:tahoma; vertical-align:middle; margin:0 12px 0 4px; color:#4f6477}
#page1 #content .col4 .r1 .indent .img{ vertical-align:middle}

#page1 #content .col4 .r2{ height:228px; background:url(images/bg3.gif) repeat-x #60a8d3}
#page1 #content .col4 .r2 .indent{ padding:20px 37px 15px 29px}
#page1 #content .col4 .r2 .indent .title{ margin-bottom:16px}
#page1 #content .col4 .r2 .indent p{ padding-bottom:16px}

#page1 #content .col5{ width:60px}

/*index-1.html*/
#page2 #content .col1{ width:60px}
#page2 #content .col2{ width:58%}
#page2 #content .col2 .r1{ height:176px; background:url(images/bg1_p2.gif) repeat-x #499bca}
#page2 #content .col2 .r1 .img{ float:left; margin:3px 18px 0 0}

#page2 #content .col2 .r2{ height:15px}
#page2 #content .col2 .r3{ height:125px; background:url(images/bg2_p2.gif) repeat-x #60a8d3}

#page2 #content .col3{ width:28px}
#page2 #content .col4{ width:42%; background:url(images/bg3_p2.gif) repeat-x #60a8d3}
#page2 #content .col5{ width:60px}

#page2 #content .indent{ padding:18px 27px 10px 24px}
#page2 #content .title{ margin-bottom:17px}
#page2 #content p{ padding-bottom:14px}
							
/*index-2.html*/
#page3 #content .col1{ width:60px}
#page3 #content .col2{ width:42%}
#page3 #content .col2 .r1{ height:150px; background:url(images/bg1.gif) repeat-x #4198c8}
#page3 #content .col2 .indent{ padding:15px 10px 10px 20px}
#page3 #content .col2 .indent .title{ margin-bottom:12px}
#page3 #content .col2 .indent .block{ width:100%; padding-bottom:14px}
#page3 #content .col2 .indent .block .c1{ width:62%; float:left}
#page3 #content .col2 .indent .block .c2{
	width:36%;
	float:left;
	text-align:center
}

#page3 #content .col2 .r2{ height:16px}
#page3 #content .col2 .r3{ height:150px; background:url(images/bg2.gif) repeat-x #60a8d3}

#page3 #content .col3{ width:28px}
#page3 #content .col4{ width:58%; background:url(images/bg3_p3.gif) repeat-x #60a8d3}
#page3 #content .col4 .indent { padding:16px 30px 10px 30px} 
#page3 #content .col4 .indent .title{ margin-bottom:16px}
#page3 #content .col4 .indent ul{ margin:13px 0 13px 0}

#page3 #content .col5{ width:60px}


/*index-3.html*/
#page4 #content .col1{ width:60px}
#page4 #content .col2{ width:42%; background:url(images/bg3_p3.gif) repeat-x #60a8d3}
#page4 #content .col2 .indent, #page4 #content .col4 .indent{ padding:17px 17px 10px 24px}
#page4 #content .col2 .title, #page4 #content .col4 .title{ margin-bottom:16px}
#page4 #content .col2 p, #page4 #content .col4 p{ padding-bottom:15px}

#page4 #content .col3{ width:28px}
#page4 #content .col4{ width:58%}
#page4 #content .col4 .r1{ height:88px}
#page4 #content .col4 .r1 .indent{ padding:16px 0 0 27px; text-align:center}
#page4 #content .col4 .r1 .indent div{ text-align:left}
#page4 #content .col4 .r1 .indent .title{ margin-bottom:7px}
#page4 #content .col4 .r1 .indent input{ width:190px; height:20x; background:#FFFFFF; voice-family:#4f6477; font-size:1em; font-family:tahoma; vertical-align:middle; color:#4f6477}
#page4 #content .col4 .r1 .indent select{ width:68px; height:20px; background:#FFFFFF; voice-family:#4f6477; font-size:1em; font-family:tahoma; vertical-align:middle; margin:0 12px 0 4px; color:#4f6477}
#page4 #content .col4 .r1 .indent .img{ vertical-align:middle}

#page4 #content .col4 .r2{ height:228px; background:url(images/bg3.gif) repeat-x #60a8d3}
 #page4 #content .col4 .indent{ padding-right:34px}

#page4 #content .col5{ width:60px}

/*index-4.html*/
#page5 #content .col1{ width:60px; height:316px}
#page5 #content .col2{ width:34%; background:url(images/bg3_p3.gif) repeat-x #60a8d3}

#page5 #content .col3{ width:28px}
#page5 #content .col4{ width:66%; background:url(images/bg3_p3.gif) repeat-x #60a8d3}

#page5 #content .col5{ width:60px}
#page5 #content .indent{ padding:17px 30px 10px 24px}
#page5 #content .title{ margin-bottom:16px}
#page5 #content ul{ margin-top:15px}
#page5 #content .img{ float:left; margin:3px 19px 20px 0}
#page5 #content  p{ padding-bottom:12px}
#page5 #content .block{ width:100%}
#page5 #content .block .c_1{ width:55%; float:left}
#page5 #content .block .c_2{ width:45%; float:left}


/*index-5.html*/
#page6 #content .col1{ width:60px; height:316px}
#page6 #content .col2{ width:40%; background:url(images/bg3_p3.gif) repeat-x #60a8d3}

#page6 #content .col3{ width:28px}
#page6 #content .col4{ width:60%}

#page6 #content .col5{ width:60px}
#page6 #content .col4 .r1{ height:166px; background:url(images/bg2_p6.gif) repeat-x #469ac9}
#page6 #content .col4 .r2{ height:14px}
#page6 #content .col4 .r3{ height:136px; background:url(images/bg3_p6.gif) repeat-x #60a8d3}

#page6 #content .indent{ padding:17px 22px 10px 24px }
#page6 #content .indent .title{ margin-bottom:17px}
#page6 #content .indent p{ padding-bottom:14px}
#page6 #content .indent .img{ float:left; margin:3px 18px 0 0}

/*index-6.html*/
#page7 #content .col1{ width:60px; height:316px}
#page7 #content .col2{ width:100%; height:316px; background:url(images/bg3_p3.gif) repeat-x #60a8d3}
#page7 #content .col3{ width:60px; height:316px}

#page7 #content .col2 .indent{ padding:17px 25px 10px 24px}
#page7 #content .col2 .title{ margin-bottom:12px}
#page7 #content .col2 p{ padding-bottom:15px}