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

.clear { clear:both;}

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


.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:#cc0000; text-decoration:underline} 
a:hover{text-decoration:none}
.a2{color:#690000; background:url(images/arrow2.gif) top left no-repeat; background-position:0 3px; margin:0px; padding-left:10px; font-weight:bold; text-decoration:none} 
.a2:hover{text-decoration: underline}

ul{margin:0; padding:0; list-style:none;}
ul li{}
ul li a{color:#cc0000; text-decoration:underline;  line-height:1.7em; font-weight:bold} 
ul li a:hover { text-decoration:none; }


.ul li a{color:#fff; line-height:1.7em;  } 

ol{margin:0; font-weight:bold; list-style-position:inside}
ol li a{color:#cc0000; font-weight:bold; text-decoration:underline; line-height:1.7em} 
ol li a:hover { text-decoration:none; }


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg_main.gif)}
#content .indent{padding:0px 0px 7px 0px}
#content .indent1{padding:10px 0px 10px 12px}
#content .indent_col1{padding:0px 17px 3px 0px}
#content .title{  margin-bottom:12px}
#content .pic_left{ float:left; margin:0px 18px 16px 0px}
#content .pic{ margin:0px 0px 14px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p1{ margin:10px 0px 10px 0px}
#content .p2{ margin:0px 0px 10px 0px}

/*block*/
.block{ background:url(images/bg_block.gif) repeat-x top #3d0000; width:216px}
.block .bg_left{ background: url(images/bg_right.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.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 .indent_block{ padding:15px 7px 20px 11px}
#content .col_1 .block p{ margin:0px 0px 15px 0px}
/*block1*/
.block1{ background:url(images/bg_block1.gif) repeat-x top #2c0000; width:216px}
.block1 .bg_left{ background: url(images/bg_right.gif) repeat-y left }
.block1 .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block1 .bg_top{ background: url(images/bg_top1.gif) repeat-x top}
.block1 .bg_bottom{ background: url(images/bg_bottom1.gif) repeat-x bottom }
.block1 .indent_block{ padding:15px 0px 12px 11px}
#content .col_1 .block1 p{ margin:0px 0px 5px 0px}
/*block2*/
.block2{ background:url(images/bg_block2.gif) repeat-x top #2c0000; width:216px}
.block2 .bg_left{ background: url(images/bg_right.gif) repeat-y left }
.block2 .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block2 .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block2 .bg_bottom{ background: url(images/bg_bottom1.gif) repeat-x bottom }
.block2 .indent_block{ padding:15px 0px 12px 11px}
#content .col_1 .block1 p{ margin:0px 0px 5px 0px}

/*col_1*/
.col_1 .txt{color:#999999; font-size:0.8em }
.col_1 .a1{color:#999999;  font-weight:bold }
.col_1 a{color:#fff; }
.col_1 b{color:#999999; }
.col_1 p{ margin:0px 0px 15px 0px}

/*index-2.html*/
#page3 #content .width1{ width:146px; float:right}
#page3 #content .width2{ width:275px; float:left}

#page3 table{ background:url(images/page3_bg.gif); width:421px;  font-size:0.9em; font-family:Tahoma; color:#6c6c6c; vertical-align:middle}
#page3 table strong{color:#04497f;}
#page3 table a{color:#6c6c6c; text-decoration:none}
#page3 table a:hover{color:#04497f; text-decoration:none}
#page3 td{ background:#fff; height:20px}
#page3 .td_1{ width:122px}
#page3 .td_2{ width:83px}
#page3 .td_3{ width:125px}
#page3 .td_4{ width:87px}
#page3 .td_5{ width:122px; padding-left:17px}
#page3 .td_6{ width:83px; text-align:center}
#page3 .td_7{ width:125px; padding-left:20px}
#page3 .td_8{ width:87px; padding-left:31px}


#page4 #content .indent{padding:30px 0px 7px 0px}

/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bot.gif) no-repeat top right; padding:12px 54px 35px 32px;}
#footer a {color:#ffffff; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer span  { float:right; padding:16px 0px 0px 0px }
#footer span a { font-weight:bold}

.h{ height:22px}
.input{
   	border:1px solid #FFFFFF; 
	background:#FFFFFF;
	width:115px; height:18px;
	font-size:1em;
	padding-left:5px;
	margin:0px 5px 5px 0px
}input{
	width:215px; height:18px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
	width:215px; height:69px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
