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

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1.0em; text-align: center; background:url(images/top.gif) repeat-x}
html, input, textarea
	{	font-family:Tahoma; 
		color:#7d7e7f;
	}	


.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:#ffa200; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#5c5e5f; font-weight:bold; background:url(images/arrow.gif) top left no-repeat; background-position:0 3px; margin:0px; padding-left:18px; font-size:0.9em} 
.a2{color:#7d7e7f;} 

ul{margin:5px 0 5px 0; padding:0; list-style:none;}
ul li{background:url(images/arrow1.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:14px; }
ul li a{color:#ffa200; text-decoration: underline; background:url(images/a.gif) repeat-x bottom;  line-height:1.6em} 
ul li a:hover { text-decoration:none; }

/*header*/
#header { font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:54px 144px 59px 49px; }
#header .icon{ margin:54px 15px 59px 0px; }
#header .icon1{ margin:54px 50px 59px 0px; }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:37px 43px 24px 49px}
#content .indent_col2{padding:6px 0px 0px 50px}
#content .indent{padding:6px 48px 21px 0px}
#content .indent1{padding:0px 30px 5px 0px}
#content .indent2{padding:0px 0px 5px 30px}
#content .ul { width:380px;}

#content .title{  margin-bottom:16px}
#content .title1{  margin:26px 0 16px 0}
#content .pic_left{ float:left; margin:0px 16px 16px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content .line{ margin:16px 0px 5px 0px; background:url(images/line.gif) repeat-x top}
#content .line1{ margin:16px 0px 10px 0px; background:url(images/bot.gif) repeat-x top}

#content p{ margin:0px 0px 7px 0px}
#content .p1{ margin:20px 0px 7px 0px}
#content .bg{ background:url(images/bg.gif) repeat-y right}
#content .bg3{ background:url(images/bg3.gif) repeat-x bottom left}

#content .row1{padding:0px 0px 16px 0px;}
#content .row2{padding:4px 0px 16px 0px;}

#content .txt{ color:#ffa200}
#content h3{ color:#5c5e5f; text-transform:uppercase; font-size:1.1em; margin-bottom:3px}
#content h4{ color:#7d7e7f; font-size:1em;}

/*block*/
.block{ width:100%}
.block .bg_top{ background: url(images/bg1.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg1.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg2.gif) repeat-y left }
.block .bg_right{ background: url(images/bg2.gif) repeat-y right}
.block .indent_block{ padding:21px 5px 29px 21px; font-size:0.9em; color:#959596 }
/*index-1.html*/
#page2 #content .pad{padding:0px 0px 0px 142px}


/*index-7.html*/
#page8 #content p{padding:0px 0px 9px 0px}

/*footer*/
#footer { color:#adaeaf; font-size:0.5625em; padding:28px 0px 42px 0px; text-align:center}
#footer a {color:#adaeaf; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer p a {color:#5c5e5f; font-weight:bold}
#footer p {padding:0px 0px 1px 0px; color:#5c5e5f; font-size:1.2em}

.form{ height:38px}
.input{
	width:130px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-right:5px;
	vertical-align:middle;
	margin-bottom:0px
}
input{
   	border:1px solid #e1e1e1; 
	background:#FFFFFF;
	width:180px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #e1e1e1; 
	background:#FFFFFF;
	width:180px; height:173px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}