/* CSS Document */
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(images/bg.gif) repeat-x top; text-align:center;}
html, input, textarea
	{	 font-family:Arial;
		color:#427987;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.clear { clear:both;}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#00a9d4;}

a{color:#00a9d4; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 
.a2{color:#e5156d; font-weight:bold; font-size:1em; margin-right:20px}

ul{margin:0; padding:0; list-style:none; line-height:20px}
ul li{background:url(images/1_z1.gif)  center left no-repeat; margin:0px; padding-left:20px; }
ul li a{color:#00a9d4; text-decoration: underline;} 
ul li a:hover { text-decoration:none; }

/*header*/
#header p{ margin:17px 0 0px 0px }
#header{ font-size:0.75em; width:100%; text-align:left; color:#427987}
#header a {color:#00a9d4; text-decoration:underline}  
#header a:hover {  text-decoration:none}

.indent_main{padding:0px 30px 0 30px}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .title{ margin:0px 0 0px -40px}
#content .title1{ margin:0px 0 21px 0px}
#content .title2{ margin:0px 0 11px 0px}
#content .title3{ margin:50px 0 11px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .p1{ margin:7px 0px 10px 0px}
#content .p2{ margin:17px 0px 10px 0px}
#content .p3{ margin:0px 0px 17px 0px}
#content .p4{ margin:7px 0px 45px 0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic_left1{ float:left; margin:0px 20px 36px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .indent{padding:0px 30px 0 51px}
#content .more{margin:20px 0px 0 0px}
#content .more1{margin:70px 0px 0 0px}
#content .more2{margin:0px}
#content .col4 .indent{padding:0px 50px 0 0px}
.indent_1{ padding:0 35px 0px 31px; margin:0px}
.indent_2{ padding:0 5px 0px 29px; margin:0px}
#page3 #content .col1 .indent, #page4 #content .col1 .indent{padding:0px 50px 0 0px}

/*block*/
#block{ background:#9ed3e0; width:100%;}
#block .t{ background: url(images/bg_t.gif) repeat-x top}
#block .b{ background: url(images/bg_b.gif) repeat-x bottom }
#block .tl{ background: url(images/bg_tl.gif) no-repeat top left }
#block .tr{ background: url(images/bg_tr.gif) no-repeat top right }
#block .bl{ background: url(images/bg_bl.gif) no-repeat bottom left }
#block .br{ background: url(images/bg_br.gif) no-repeat bottom right }
#block .indent_block{ padding:35px 48px 35px 50px; }

#block .tl_1{ background: url(images/bg_tl_2.gif) no-repeat top left }
#block .tr_1{ background: url(images/bg_tr_2.gif) no-repeat top right }
/*txt*/
.txt{ color:#ffffff}
.txt span{ color:#427987}
.txt span a {color:#acdae5; text-decoration:underline; font-size:0.85em}  
.txt span a:hover {  text-decoration:none}
/*txt1*/
.txt1{ color:#ffffff; font-size:1.2em}
.txt1 span{ color:#427987}
.txt1 span a {color:#acdae5; text-decoration:underline; font-size:0.85em}  
.txt1 span a:hover {  text-decoration:none}
.txt1 ul li a{ font-size:0.8em}


/*index.html*/
#page1 #block .indent_block{ padding:35px 38px 35px 30px; }
#page1 #content .row3 .indent_row3{ padding-top:41px}
/*index-1.html*/
#page2 #content .col1 .indent{padding:0px 50px 0 0px}
#page2 #content .indent_row1{ padding-top:41px}
/*index-2.html*/
#page3 #content .indent_row1{ padding-bottom:41px}
/*index-3.html*/
#page4 #block .indent_block{ padding:35px 38px 35px 30px; }
#page4 #content .indent_row1{ padding:39px 25px 41px 30px}
/*index-4.html*/
#page5 #content .indent{padding:41px 0px 0 31px}
#page5 #block .indent_block{ padding:35px 35px 35px 30px; }
#page5 #content p{ margin:0px 0px 17px 0px}
/*index-5.html*/
#page6 #content .indent{padding:41px 30px 0 0px}
#page6 #block .indent_block{ padding:35px 35px 35px 30px; }
/*index-6.html*/
#page7 #block .indent_block{ padding:35px 35px 35px 30px; }

#page7 span a{color:#427987; text-decoration:underline; font-size:1em} 
#page7 span a:hover{text-decoration:none}

/*footer*/
#footer { color:#47717c; font-size:0.75em;}
#footer .indent{padding:68px 0px 0 29px}
#footer a {color:#22bbe2; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.h{ height:42px}
input{
background:#FFFFFF; border:1px solid #a09b96;
   width:173px; height:21px;
   padding-left:5px;
   font-size:1em;
}
textarea{
background:#FFFFFF; border:1px solid #a09b96;
   width:160px; height:147px;
   padding-left:5px;
   font-size:1em;
   margin-bottom:11px;
   overflow:auto}