/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.1em; text-align:center; background:url("../../images/talling_top.gif") top left repeat-x #ecebe7}
html, input, textarea
	{	font-family:Arial; 
		color:#646464;
	}	
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
span{ color:#3e5861; font-size:1.23em} 
.span1{ color:#3e5861; font-size:1.23em; font-weight:normal}
a{ color:#48626b; text-decoration:underline} 
a:hover{ text-decoration:none}
.fright { float:right;}
.contacts_box { padding:0 5px 42px 0px; width:225px; float:left}
.box_1{ width:248px}
.box_2{ width:238px}
.clear { clear:both;}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url("../../images/bg_line_y.gif") top right repeat-y}
.line_y1{ background:url("../../images/bg_line_y1.gif") top right repeat-y}
.line_x{ background:url("../../images/line_x.gif") top left repeat-x; height:15px; margin:5px 25px 0 0px }
.line_height{ height:5px}
.line_x1{ background:url("../../images/line_x.gif") top left repeat-x; height:15px; margin:20px 25px 0 0px}
.line_x2{ background:url("../../images/line_x.gif") top left repeat-x; height:15px; margin:25px 20px 0 0px}
/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more, .more1, .more2, .more3{ color:#48626b; font-weight:bold; float:right;}
.more{ vertical-align:middle; text-decoration:underline; margin:0 25px 0px 0px; padding:0 0 5px 0px}
.more:hover{ text-decoration:none}
.more1{ vertical-align:middle; text-decoration:underline; margin:0 56px 0 0px}
.more1:hover{ text-decoration:none}
.more2{ vertical-align:middle; text-decoration:underline; margin:0 56px 37px 0px}
.more2:hover{ text-decoration:none}
.more3{ vertical-align:middle; text-decoration:underline; margin:0 56px 0px 0px}
.more3:hover{ text-decoration:none}
.bg_more_text{background:url("../../images/bg_more_text.gif") center left no-repeat; background-position:0 1px; padding-left:20px; vertical-align:middle; color:#48626b; font-size:1.08em }
/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{margin:0; padding:0; list-style:none; line-height:18px}
ul li{background:url("../../images/bg_list.gif")  center left no-repeat; margin:0px; padding-left:10px; }
ul li a{color:#e5156d; text-decoration: underline; font-weight:bold} 
ul li a:hover { text-decoration:none; }
.list ul{margin:0px; padding:0px; list-style:none; line-height:32px; width:480px}
.list ul li img{ vertical-align:middle}
.list ul li{ margin:0px; height:43px; background:url("../../images/a.gif") repeat-x bottom;}
.list ul li a{color:#333333; text-decoration:none; font-weight:bold; padding:0 0 0 19px} 
.list ul li a:hover { text-decoration:underline; }
.list1 ul{margin:0; padding:0; list-style:none; line-height:32px; width:222px}
.list1 ul li img{ vertical-align:middle}
.list1 ul li{ margin:0px; height:43px; background:url("../../images/a.gif") repeat-x bottom}
.list1 ul li a{color:#333333; text-decoration:none; font-weight:bold; padding:0 0 0 19px} 
.list1 ul li a:hover { text-decoration:underline; }
/*==========================================================================================================================HEAmDER=======*/
#header {height:410px; width:866px; font-size:0.75em;}
.site_center{margin:0 auto; text-align:center; width:866px}
/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.8125em; width:100%; text-align:left}
#content .width_100{ width:100%}
#content .bg_none{ background:none}
#content .col1 .title{ margin:31px 0 15px 58px;}
#content .col1{ background:url("../../images/bg_line_y.gif") top right repeat-y}
#content .pic_left{ float:left; margin:0px 30px 0px 0px}
#content .bg_col1_cen{ background:url("../../images/bg_col1_cen.gif") top left repeat-x; height:100%; width:100%}
#content .bg_col1_left{ background:url("../../images/bg_col1_left.gif") top left no-repeat; height:100%; width:100%}
#content .bg_col1_right{ background:url("../../images/bg_col1_right.gif") top right no-repeat; height:100%; width:100%}
#content .y_top_left{ background:url("../../images/y_top_left.gif") top left no-repeat; height:100%; width:100%}
#content .y_top_right{ background:url("../../images/y_top_right.gif") top right no-repeat; height:100%; width:100%}
#content .y_bot_left{ background:url("../../images/y_bot_left.gif") bottom left no-repeat; height:100%; width:100%}
#content .y_bot_right{ background:url("../../images/y_bot_right.gif") bottom right no-repeat; height:100%; width:100%}
#content .color_bann{ background:#FFFFFF;}
#content .bann{ padding:10px 0 14px 0px}
#content .col1 .indent{ padding:32px 0px 0 58px}
#content .col2 .indent{ padding:27px 0 0 23px}
#content .col2 .title{ margin:0 0 21px 0px;}
#content .col1 span{ color:#3e5861; font-size:1.1em}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 p{ margin:11px 10px 0 0px}
#page1 #content .col2 p{ margin:13px 52px 20px 0px}
#page1 #content .indent1{ padding:11px 40px 22px 41px}
#page1 #content .box_1, .box_2, .box_3, .box_4, .box_5{ text-align:center}

#page2 #content .col1 p{ margin:4px 15px 5px 0px}
#page2 #content .col1 .pic{ margin:0 0 20px 0px; display:block}
#page2 #content .col2 p{ margin:13px 70px 0 0px}
#page2 #content .col2 .text{ text-align:right; margin:0 57px 0 0px; color:#48626b}
#page2 #content .col2 span{ font-size:1.23em}
#page2 #content .height{ height:25px}

#page3 #content .col1 span{ font-size:1.23em}
#page3 #content .col1 p{ margin:0 15px 20px 0px}
#page3 #content .col2 p{ margin:12px 56px 24px 0px}
#page3 #content .col2 .p1{ margin:12px 56px 2px 0px}

#page4 #content .col1 p{ margin:20px 15px 1px 0px}
#page4 #content .col2 p{ margin:10px 60px 0 0px}
#page4 #content .col2 .div_pic{ margin:35px 0 35px 0px}
#page4 #content .height{ height:34px}

#page5 #content .col1 p{ margin:2px 20px 30px 0px}
#page5 #content .col1 .p1{ margin:2px 20px 0px 0px}
#page5 #content .col2 .title1{ margin:45px 0 0 0px; display:block}
#page5 #content .col2 p{ margin:0 166px 18px 0px}
#page5 #content .col2 span{ font-size:1em; color:#646464}
#page5 #content .col2 .text_div{ text-align:left; margin:25px 0 0 0px}
#page5 #content .col2 .p1{ margin:0px 145px 0 0px; float:left}

#page6 #content .col1 p{ margin:0px 20px 20px 0px}
#page6 #content .col2 p{ margin:0 40px 18px 0px}
/*============================================================================================================================FOOTER=======*/
#footer { color:#3b3b3b; font-size:0.6875em; padding:23px 0 25px 39px; text-align:left; background:url("../../images/bg_bot.gif") bottom left repeat-x}
#footer strong{ color:#547581}
#footer a {color:#547581; text-decoration:underline; font-weight:bold}  
#footer a:hover {  text-decoration:none}
/*============================================================================================================================FORM=======*/
.h_f{ height:25px;}
.h{ height:20px; width:205px; margin:0px; padding:0px}
.form{ margin:0 22px 0 139px}

input{
   background:#ffffff;
   border:1px solid #a09b96;
   font-family:Arial;
   color:#646464;
   font-size:1em
}
textarea{
   background:#ffffff;
   border:1px solid #a09b96;
   width:228px; height:147px;
   font-family:Arial;
   color:#646464;
   font-size:1em;
   margin:0 0 20px 0px;
   overflow:auto}

