#main{ width:100%; float:left}
#header-iner{ width:100%; float:left; height:282px; background-image:url(images/inner-header-bg.jpg); background-repeat:repeat-x}

#header-inner-left{width:289px; float:left;}
#header-inner-middle{ width:547px; float:left; background-image:url(images/hop-images_02.jpg); background-repeat:no-repeat; height:282px}
#header-inner-right{ width:30px; float:right}
#title-div{ width:500px; float:left; margin-top:190px; margin-left:20px}


#middle-area{ width:100%; float:left; min-height:400px; background-color:#FFFFFF; background-image:url(images/middle-bg.jpg); background-repeat:repeat-y; background-position:left top}
#middle-area-right{ width:100%; float:left;}



#left-area{ width:22%; float:1eft; background-image:url(images/hop-images_11.jpg); background-repeat:no-repeat;}
#menu{ width:189px; float:left; height:400px}
.btn-class{ width:150px; float:left; text-align:right; padding-right:30px; color:#c9bf6a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:14px}
.btn-class:link{  color:#c9bf6a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:14px}
.btn-class:hover{ color:#ff0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:14px; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:right top}
.btn-class:active{ color:#c9bf6a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:14px}
.btn-class:visited{  color:#c9bf6a; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:14px}



#main-area{ width:68%; float:left;background-image:url(images/text-bg.jpg); background-repeat:no-repeat; background-position:center top; }
#main-area-content{ width:100%; float:left}
#main-area2{ width:68%; float:left;}



#right-area{ width:10%; float:right;}
#right-area-content{ widows:189px; float:right}

#blank-div{ width:20px; float:left}

.box{ width:100%; float:left; margin-top:20px}
.img-div{ width:34%; float:left}
.content-part{ width:66%; float:left;}
.content-title{ width:100%; float:left; color:#5f8708; font-size:16px; font-weight:bold; font-family:Arial,Geneva,Verdana}
.content-descip{ width:100%; float:left; margin-top:10px; font-size:12px; font-weight:normal; font-family:Arial,Geneva,Verdana; font-weight:bold}

#footer-blank{ width:100%; float:left; height:100px}


#footer{ width:100%; float:left; color:#000000; text-align:center; padding-top:5px;
background-color:#FF0000; height:20px}