/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.92em; text-align:center; background:url(images/bg.gif)}
html, input, textarea
	{	font-family:Arial; 
		color:#969ea4;
	}	


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

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

b{color:#018eb9;}

a{color:#364049; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#bdc3b2; font-weight:bold; text-decoration:none} 
.a1:hover{text-decoration: underline} 
.a2{color:#bdc3b2; text-decoration:none} 
.a2:hover{text-decoration: underline} 

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

/*header*/
#header .logo{ margin:90px 0 42px 583px }
#header .m{ margin:0px 0 0px 20px }

/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left}
#content .indent_main{padding:0px 18px 32px 20px}
#content .indent{padding:0px 0px 24px 0px}
#content .indent_col1{padding:3px 25px 24px 18px}
#content .indent_col2{padding:3px 0px 5px 26px}
#content .title{  margin-bottom:18px}
#content .pic_left{ float:left; margin:0px 10px 11px 0px}
#content .pic_left1{ float:left; margin:0px 8px 31px 0px}
#content .pic_left2{ float:left; margin:0px 8px 21px 0px}
#content .pic{ margin:0px 10px 0px 0px}
#content .pic1{ margin:0px 0px 12px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p1{ margin:11px 0px 7px 0px}
#content h4{ font-size:1em; color:#bdc3b2; margin:0px 0px 7px 0px}


/*block*/
.block{ width:100%; background:#e8e8da}
.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 }
.block .indent_block{ padding:27px 18px 34px 19px; color:#364049}
.block ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:20px; }
.block ul li a{color:#364049} 

#page3 #content .indent{padding:0px 0px 0px 0px}
#page3 #content .pic_left{ float:left; margin:0px 10px 0px 0px}
#page3 .block .indent_block{ padding:27px 18px 18px 19px; color:#364049}
#page3 .block .indent_block a{ font-weight:bold}
#page3 .block .indent_block span a{ font-weight: normal; text-decoration:none}
#page3 .block .indent_block span a:hover{ font-weight: normal; text-decoration: underline}

#page4 #content .indent_col2{padding:37px 20px 5px 0px}

#page5 #content .width1{ width:338px; float:right}
#page5 #content .width2{ width:338px; float:left}


/*footer*/
#footer { color:#969ea4; font-size:0.6875em; padding:31px 25px 20px 41px;}
#footer a {color:#bdc3b2; text-decoration:none; font-weight:bold}  
#footer a:hover {  text-decoration:underline}


input{
   	border:1px solid #e5e7dd; 
	background:#36424a;
	width:257px; height:22px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #e5e7dd; 
	background:#36424a;
	width:257px; height:152px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}