body {
padding:0px;
margin:0px;
background:url(../images/body-back.jpg) repeat;
font:normal 12px arial;
color:#999999;
text-align:left;
text-decoration:none;
text-transform:none;
line-height:15px;
}

img, div, span, strong, ul, li, tr, td, form, h1, h2, h3, behavior, p {padding:0px; margin:0px;}

h2 {
	margin:0px;
	padding:0px;	
	font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	text-decoration:none;
	line-height:24px;
	}
	
	h4 {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
	
	}
	h3 {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-decoration:none;
	
	}

img{border:0;}

#main-div-area {width:961px; position:relative;}

#main-div-area-logo {width:211px; position:absolute; height:111px; background:url(../images/logo.png) left top no-repeat; z-index:100; top:-15px; left:60px;}
#icon1 {width:117px; position:absolute;  z-index:150; top:303px; left:45px;}
#icon2 {width:101px; position:absolute;  z-index:200; top:298px; left:350px;}
#icon3 {width:134px; position:absolute;  z-index:250; top:314px; left:660px;}

.main-back {background:url(../images/body-back2.jpg) left top repeat-x;}

.nav-back {background:url(../images/nav-back.jpg) left top no-repeat; height:38px;}

.nav {padding:0; margin:0; list-style-type:none;}
.nav li {display:block; float:left; font:normal 12px arial; color:#333; border-right:1px solid #e8e8e8; padding:12px 0px;}
.nav li a{font:normal 12px arial; color:#fff; padding:13px 22px; margin:0; text-decoration:none; height:38px; }
.nav li a:hover{font:normal 12px arial; color:#000 ; padding:13px 22px; margin:0; text-decoration:none; height:38px; background:url(../images/nav-h.jpg) left top repeat-x;}
.nav li a.active{font:normal 12px arial; color:#000 ; padding:13px 18px; margin:0; text-decoration:none; height:38px; background:url(../images/nav-h.jpg) left top repeat-x;}

.top-form-txt {font:normal 11px arial; color:#333; padding-left:4px;}

.top-form-txtarea {width:170px; font:normal 12px arial; color:#000;}

.top-form-submit {width:50px; height:20px; cursor:pointer; border:none; background:url(../images/submit.jpg) left top no-repeat;}

.online-link {font:normal 11px arial; color:#000; text-decoration:none;}
.online-link:hover {font:normal 11px arial; color:#000; text-decoration:underline;}

.main-contain-back {font:normal 11px arial; color:#999999; background:#fff url(../images/contain-main-back.jpg) left top repeat-x;}

.mid-back-top1 {background:url(../images/mid-top-back1.jpg) left top no-repeat; height:187px; font:normal 11px arial; color:#fff;}

.mid-back-top2 {background:url(../images/mid-top-back2.jpg) left top no-repeat; height:187px; font:normal 11px arial; color:#fff;}

.mid-back-top3 {background:url(../images/mid-top-back3.jpg) left top no-repeat; height:187px; font:normal 11px arial; color:#fff;}

.read-more1 {width:115px; height:18px; background:url(../images/read-more-back1.gif) left top no-repeat;}

.read-more1 a {font:normal 11px arial; color:#333; text-decoration:none; padding-left:24px;}
.read-more1 a:hover {font:normal 11px arial; color:#333; text-decoration:underline; padding-left:24px;}

.mid-loe-back1 {background:#e7e7e7 url(../images/mid-loe-back1.jpg) left top repeat-x; font:normal 12px arial; color:#999; padding:22px 0;}


.read-more2 {width:80px; height:21px; background:url(../images/read-more-back2.jpg) left top no-repeat;}

.read-more2 a {font:bold 11px arial; color:#fff; text-decoration:none;}
.read-more2 a:hover {font:bold 11px arial; color:#fff; text-decoration:underline;}


.read-more3 {width:80px; height:21px; background:url(../images/read-more-back3.jpg) left top no-repeat;}

.read-more3 a {font:bold 11px arial; color:#fff; text-decoration:none;}
.read-more3 a:hover {font:bold 11px arial; color:#fff; text-decoration:underline;}

.read-more4 {width:80px; height:21px; background:url(../images/read-more-back4.jpg) left top no-repeat;}

.read-more4 a {font:bold 11px arial; color:#fff; text-decoration:none;}
.read-more4 a:hover {font:bold 11px arial; color:#fff; text-decoration:underline;}

.loe-img-back {background:url(../images/mid-loe-back1.jpg) left top repeat-x; height:159px;}

.body-back-main {background:url(../images/body-back3.jpg) center 38px no-repeat;}
.copyright {margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; font-size:11px;}


/*******************/
a.sample_attach, a.sample_attach:visited
{
  display: block;
  width:   160px;

  border: none;
  padding: 5px 5px 5px 22px;

  

  text-decoration: none;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#FFFFFF;
  font-size:11px;
  line-height:14px;
  margin:0px;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             
{ border-bottom: none; 
background:url(../images/dropdown-bg.png) repeat-y left top;
z-index:100;
}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:234px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}