/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:#d4dadb}
html, input, textarea	{	font-family:Arial; 
		color:#353535;	}	

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

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

b{color:#018eb9;}

a{color:#588f9d; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#006781; font-weight:bold; background:url(images/arrow.gif) top left no-repeat; background-position:0 2px; margin:0px; padding-left:13px; } 
.a2{color:#000000; font-weight:bold; margin-bottom:11px; display:block; background:url(images/icon.gif) top left no-repeat; background-position:0 2px; padding-left:17px; text-decoration:none } 
.a2:hover{ text-decoration:underline}
.a3{color:#000000; font-weight:bold; margin-bottom:11px; display:block; background:url(images/icon1.gif) top left no-repeat; background-position:0 3px; padding-left:23px; text-decoration:none; font-size:1.1em } 
.a3:hover{ text-decoration:underline}
.a4{color:#006781; text-decoration:none; margin-bottom:5px; font-weight:bold; display:block} 
.a4:hover{text-decoration:underline}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:15px; }
#content ul li a{color:#353535; text-decoration:none ; line-height:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{ background:none; padding:0px; margin:0px; clear:both }
#content .ul li a{color:#006781; text-decoration:none; line-height:1.7em; font-weight:bold; padding-left:2px;} 
#content .ul li a:hover { text-decoration:none; color:#000000; }

#content .ul li span{background:url(images/arrow1.gif) top left no-repeat; padding-left:30px; float:right; display:inline} 



/*header*/
#header {font-size:0.75em; color:#ffffff }
#header .logo{ margin:15px 0 0px 0px }
#header .logo1{ margin:78px 0 98px 0px }
#header .more{ margin:14px 0 0px 59px }
#header .set{ margin:216px 0 0px 518px; position:absolute }
#header .width1{ width:212px }
#header .width2{ width:242px }
#header .width3{ width:242px }
#header .bann2{ margin:361px 0 0px 260px; position:absolute;}
#header .bann1{ margin:361px 0 0px 0px; position:absolute; background:url(images/bann1.jpg) no-repeat top }
#header .bann3{ margin:361px 0 0px 493px; position:absolute; background:url(images/bann3.jpg) no-repeat top }
#header a{color:#ffffff; text-decoration:underline; font-size:1.1em} 
#header a:hover{text-decoration:none}
#header .indent{padding:16px 0px 12px 88px}
#header .indent1{padding:16px 0px 12px 105px}

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0px; display:inline}
#header ul li a{color:#51757a; text-decoration:none; margin:0px; width:122px; text-align:center; display:block; float:left ; padding:17px 0px 23px 0px} 
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; text-align:center; }

#header ul li span a{ background:url(images/bg_menu.gif) top left no-repeat;}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:30px 0px 23px 0px}
#content .indent{padding:0px 0px 0px 0px}
#content .pic_left{ float:left; margin:0px 20px 0px 0px}
#content .pic_left1{ float:left; margin:0px 20px 15px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p{ margin:0px 0px 11px 0px}
#content .pad{ margin:4px 0px 0px 0px}
#content .txt{ float:right; color:#006781; font-weight:bold; margin-top:-9px}

#page1 #content .title{  margin-right:124px}
#page1 #content .title1{  margin-right:188px}
#page2 #content .title{  margin-right:269px}
#page3 #content .title{  margin-right:143px}
#page4 #content .title{  margin-right:275px}
#page5 #content .title{  margin-right:154px}
#page6 #content .title{  margin-right:382px}

/*block*/
.block{ background:#fff; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right; width:100% }
.block .indent_block{ padding:20px 24px 24px 22px; }

/*block1*/
.block1{ background:#d0e8ec; width:100%; font-size:.9em; color:#30484b}
.block1 .bg_top_left{ background: url(images/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(images/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(images/bg_bottom_left1.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(images/bg_bottom_right1.gif) no-repeat bottom right; width:100% }
.block1 .indent_block{ padding:20px 24px 18px 22px; }

/*footer*/
#footer { color:#404040; font-size:0.75em; padding:17px 2px 48px 2px;}
#footer span { float:right}  
#footer a {color:#017790; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.block_contact span{ float:right; margin-right:10px}
.input{
	margin-bottom:3px
}input{
   	border:1px solid #dcdcdc; 
	background:#FFFFFF;
	width:185px; height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:12px
}
textarea{
   	border:1px solid #dcdcdc; 
	background:#FFFFFF;
	width:190px; height:65px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}