body {
    background-color: #e9e9e9;
    font-family: Arial, SimHei, Helvetica;
    text-align: left;
    color: #525252;
}

	    table.data {
		margin: 10px;
		border:1px solid black;
		width: 650px;
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
	    }
	    table.data tr, table.data td{
		padding:5px;
	    }
	    table.data td{
		border:1px solid black;
	    }
	    table.data th{
		border:1px solid black;
		background: #dddddd;
	    }

#bg {
    width: 1000px;
    /*height: 768px;*/
    background: #ffffff url(../artwork/grad768.jpg) repeat-x top left;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border: 0px solid black;
}

#headerbar {
    border:1px dashed red;
    width: 100%;
    height: 22px;
    margin-left: 12px;
    margin-right: 0;
    padding: 0px;
    border: 0px solid green;
    background: #f1f1f1;
    font-size: 9pt;
    color: #595959;
    text-decoration: none;
    font-weight: bold;
    
    
    }

    #hd-menu{
	border:0px dashed green;
	vertical-align: middle;
	display:inline;
	padding:0;
	margin-top: 2px;
	margin-right: 25px;
	float:right;
}
/*
#hd-menu ul{
    display:inline;
   
   vertical-align: middle;
 text-align: left;
height:100%;

}*/
#hd-menu img{
    margin-right: 2px;
     vertical-align: middle;
    display:inline;
}
#hd-menu p{
    padding:0;
    margin-left:2px;
    margin-right:5px;
    vertical-align: middle;
    display:inline;

}
/*
#hd-menu li{
    border:1px dashed blue;
    width:500px;
    vertical-align: middle;
    display: inline;

}
*/
#hd-menu a,#hd-menu a:visited,#hd-menu a:link {
    color: #595959;
    text-decoration: none;
}

#hd-menu  a:hover {
    color: red;
    text-decoration: none;}
/*
#header a {
    color: #595959;
    text-decoration: none;
}

#header a:hover {
    color: red;
}

#cell1 {
    display: table-cell;
    float: right;
    margin: 0;
    padding: 0;
    border: 0px dashed green;
    line-height: 22px;
}

#cell2 {
    float:right;
    height: 22px;
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    margin: 0;
    padding: 0;
     border: 1px dashed green;

}

#cell3 {
    float:right;

    height: 22px;
    display: table-cell;
    vertical-align: middle;
    width: 75px;
    margin: 0;
    padding: 0;
    border: 1px dashed blue;

}
#cell4 {
    float:right;
    text-align: right;
    height: 22px;
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    margin: 0;
    padding: 0;
    border: 1px solid red;

}
*/

#containner {
    border: 0px black solid;
    width: 200px;
    /*height: 566px;*/
    background: #f1f1f1 url(../artwork/jinlogic2.png) no-repeat top center;
    margin: 0 auto;
    margin-left: 12px;
    padding: 0;
    padding-top: 135px;
    float: left;
    clear: left;

}
/*
table.header_table {
    float:right;
    margin: 0px auto;
    padding-right: 30px;
    height: 22px;
      font-size: 9pt;
    letter-spacing: 0px;
    text-align: left;
    color: #595959;
    text-decoration: none;
    font-weight: bold;
}

table.header_table a {
    color: #595959;
    text-decoration: none;
}

table.header_table a:hover {
    color: red;
}

table.header_table tr{
    vertical-align: middle;
}
td.cell1 {
  
    margin: 0;
    padding: 0;
    border: 0px dashed green;
    line-height: 22px;
}

td.cell2 {
    vertical-align: middle;
    width: 75px;
    margin: 0;
    padding: 0;
     border: 0px dashed green;
    line-height: 22px;
}

td.cell3 {
    vertical-align: middle;
    width: 75px;
    margin: 0;
    padding: 0;
    border: 0px dashed blue;
    line-height: 22px;
  
}

td.cell4 {
    vertical-align: middle;
    width: 150px;
    margin: 0;
    padding: 0;
  
    border: 0px solid red;
    line-height: 22px;
}
*/
#content {
    width: 776px;
    /*height: 706px;*/
    margin-left: 12px;
    padding: 0px;
    float: right;
    /*clear: right;*/
    border: 0px dashed red;
    /*overflow: hidden;*/
    /*background: url(../artwork/homepage01.jpg) no-repeat;
	background-position: left 12px;*/
}


#wording { /*width: 100%;*/
	   border: 0px black dashed;
	   margin-top: 300px;
	   padding-top: 10px;
	   padding-left: 30px;
	   padding-right: 30px;
	   font-size: 12px;
	   text-align: justify;
	   /*height: 230px;*/ /*text-align: justify;*/
}

#wording2 {
    min-height: 400px;
    border: 0px black solid;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    text-align: justify;
    /*text-align: justify;*/
}

#location a,#location a:visited,#location a:link {
    color: #666666;
    text-decoration: none;
}

.linking,.linking a:visited,.linking a:link {
    color: #525252;
    text-decoration: none;
}

.linking:hover {
    color: red;
}

#location a:hover {
    color: red;
}

#wording3 {
    height: 430px;
    border: 0px black solid;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    text-align: justify;
    /*text-align: justify;*/
}

#wording h1,#wording2 h1, #wording3 h1, #wording4 h1 {
    font-size: 20px;
    text-transform: capitalize;
}
#wording h3,#wording2 h3, #wording3 h3, #wording4 h3 {
    text-transform: capitalize;
}
#wording h4, #wording2 h4, #wording3 h4, #wording4 h4 {
    font-size: 13px;
    text-transform: capitalize;
}

#footer {
    margin: 0px auto;
    border-top: 2px solid #c6c6c6;
    color: #666666;
    background: #FFFFFF;
    width: 100%;
    /*height: 60px;*/
    padding: 0px;
    clear: both;
    text-align: left;
    line-height: 8px;     /*overflow: hidden;*/
}


#footer ul {
    margin: 0px auto;
    padding: 5px 5px 5px 22px;
}

#footer li {
    font-size: 12px;
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
}

#footer a,#footer a:visited,#footer a:link {
    color: #666666;
    text-decoration: none;
}

#footer  a:hover {
    color: red;
    text-decoration: none;
}

#footer ul.keyword li {
    padding: 0;
     margin: 0;
    font-size:10px;
}


.jin {
    color: red;
}

#login {
    border: 0px solid yellow;
    font-size: 14px;
    text-align: left;
    color: #595959;
    width: 170px;
    height: 338px;
    margin-top: 5px;
    padding: 6px 15px 6px 15px;
    float: left;
    clear: left;
}

#username,#code,#password,#submit {
    clear: left;
    float: left;
    position: relative;
    margin: 3px 0px 3px 0px;
    width: 60px;
}
/*
#codePic {
    margin: 5px 5px 5px 5px;
    position: relative;
    float: right;
    width: 60px;
    height: 20px;
}*/

label.overlabel {
    color: #666666;
}

label.overlabel-apply {
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 1;
    color: #666666;
}

#username-field {
    border-top: 2px solid #9c9c9c;
    border-right: 2px solid #9c9c9c;
    border-left: 1px solid #575757;
    border-bottom: 1px solid #575757;
    width: 160px;
}

#password-field {
    border-top: 2px solid #9c9c9c;
    border-right: 2px solid #9c9c9c;
    border-left: 1px solid #575757;
    border-bottom: 1px solid #575757;
    width: 160px;
}
/*
#code-field {
    width: 80px;
}*/

input.btn {
    padding: 0;
    width: 80px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #595959;
    background-color: #f1f1f1;
    background: url(../artwork/Arrow52.gif) no-repeat right;
    float: left;
    clear: both;
    border: 0px solid #bb0000;
    cursor: pointer;
    margin-left: 0px;
}

input.btn:hover {
    color: red;
    background: url(../artwork/ArrowRed.gif) no-repeat right
}

#button { /*border: 1px solid black;*/
	  background: url(../artwork/ArrowA1.gif) no-repeat;
	  background-position: 160px;
}

#button2 { /*border: 1px solid black;*/
	   background: url(../artwork/ArrowA1.gif) no-repeat;
	   background-position: 190px;
}

#button3 { /*border: 1px solid black;*/
	   background: url(../artwork/ArrowA1.gif) no-repeat;
	   background-position: 160px;
}

#button3 a {
    cursor: default;
}

/*#button input {
	font-weight: bold;
	cursor:pointer;
}*/
#button:hover,#button3:hover {
    background: url(../artwork/ArrowRed.gif) no-repeat;
    background-position: 160px;
    /*border-top:1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;*/
}

#button2:hover {
    background: url(../artwork/ArrowRed.gif) no-repeat;
    background-position: 190px;
    /*border-top:1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;*/
}

/*#button a:hover {
	color: red;
}*/

#staffbox {

    width: 600px;
    height: 100px;
    border: 0px dashed #565656;
    padding-right: 25px;
    line-height: 150%;
    text-align: justify;
}

#staffphotoleft {
    margin-left: 10px;
    margin-right: 10px;
    width: 90px;
    height: 90px;
    float: left;
}

#staffphotoright {
    margin-left: 10px;
    margin-right: 10px;
    width: 90px;
    height: 90px;
    float: right;
}

* html #containner {
    margin-left: 6px;
}
* html #wording {
    margin-top: 322px;
}

* html #wording { /*width: 100%;*/
	   padding-left: 15px;
}

* html #content {
    margin: 0 auto;
}