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

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1.05em; background:url(images/bg.gif) repeat-x top #e7e8e8}
html, input, textarea, select
	{	font-family:Trebuchet MS; 
		color:#383d3c;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}

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

/**b{color:#018eb9;}**/

a{color:#383d3c; text-decoration:underline} 
a:hover{text-decoration:none}
b a{color:#FFFFFF; text-decoration:underline}
b a:hover{text-decoration:none}
.a1{color:#FFFFFF;} 
.a2{color:#6BBF40; font-weight:bold;} 
.a3{color:#6BBF40; font-size:18px;} 


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


#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{background:url(images/arrow4.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:23px; }
#content .ul li a{color:#FFFFFF; text-decoration: underline;  line-height:1.9em; font-size:1em} 
#content .ul li a:hover { text-decoration:none; }


#content .ul1 li{background:url(images/arrow5.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:23px; }
**/

/*header*/
#header { height:126px }
.menu { height:338px}
.flash { position:absolute}

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_1.gif)}
#content .col2 b{  color:#383d3c}
#content .indent{padding:0px 60px 0px 0px}
#content .indent1{padding:46px 0px 0px 28px}
#content .indent2{padding:0px 0px 0px 16px}
#content .indent3{padding:15px 0px 20px 0px}
#content .indent4{padding:0px 0px 0px 203px}
#content .indent_col1{padding:30px 36px 66px 32px}
#content .indent_col2{padding:0px 32px 59px 0px}
#content .indent_col3{padding:0px 36px 66px 32px}
#content .indent_col3a{padding:360px 36px 66px 32px; vertical-align:top;}
#content .indent_col4{padding:0px 32px 20px 0px}
#content .indent_col5{padding:0px 24px 0px 24px}
#content .indent_col6{padding:10px 32px 0px 0px}
#content .indent_col7{padding:360px 36px 66px 32px; vertical-align:top;}
#content .title{  margin-bottom:20px}
#content .title1{  margin:20px 0 20px 0}
#content .title2{  margin-bottom:15px}
#content .title3{  margin:35px 0 10px 0}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic_left1{ float:left; margin:0px 20px 0px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 27px 0px}
#content .p1{ margin:21px 0px 13px 0px}
#content .arrow{  margin:0px 6px 0px -21px}
#content .block{ background:url(images/bg_block.gif) no-repeat top left #383d3c; padding:28px 24px 20px 48px; color:#9c9e9e; font-size:1em; line-height:1.2em}

/*index-4.html*/
#page4 #content .col3{ width:257px; float:right; }
#page4 #content .col4{ width:257px; float:left; }

/*index-5.html*/
#page5 #content .col2 p{ margin:0px 0px 13px 0px}
/*index-6.html*/
#page6 #content .col2 p{ margin:0px 10px 13px 0px}




/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bot.gif) repeat-x top; padding:39px 0px 37px 39px;}
#footer a {color:#ffffff; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.form{ height:28px}
.input[type="text"]{
   	border:1px solid #ffffff; 
	background:#ffffff;
	width:260px; height:23px;
	font-size:1em;
	padding-left:5px;
	margin:14px 0 4px 0px
}
.input[type="text"]{
   	border:1px solid #000000; 
	background:#FFFFFF;
	width:260px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0px
}

textarea{
   	border:1px solid #000000; 
	background:#FFFFFF;
	width:260px; height:105px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
select{
   	border:1px solid #000000; 
	background:#FFFFFF;
	width:260px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0px}