body {
        background: #3399FF url( bg0.jpg) 0 0 no-repeat;
}
#mainBox #mainBox_content{
	font-family: verdana, arial, helvetica;
	font-size: 12px;
        color: #777;
	padding: 0px;
}
#mainBox_contentBoxBg{
        background: #FFF;
}
.normaltitle {
        margin-top: 1px;
        margin-bottom: 0px;
        margin-left: 20px;
        margin-right: 20px;
        padding: 0px;
        border: 0px;
        font-family: verdana, arial, helvetica;
	font-size: 12px;
        color: #777;
}
.normaltitle a:link, .normaltitle a:visited
{
  COLOR: #7777bb; 
  TEXT-DECORATION: none;
}
.normaltitle a:hover, .normaltitle a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: underline;
}


/* navbar style define */
.navbar{
        position: relative;
        width: auto;
        height: 32px;
        margin: 0px;
        border: 0px;
        background: #33AAFF url( navbg.gif) 0 0 repeat-x;
}
.navlist{
        position: relative;
        left: 0px;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        margin: 0px;
}
.navbar li{
        float: left;
        display: inline;
        margin: 0px;
        padding: 0px;
}
.navbar li.current{
        background: #57B9E3 url( navtag.gif) 0 0 no-repeat;
}
.navbar a{
        display: block;
        position: relative;
        width: 100px;
        margin: 0px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
}
.navbar a:link, .navbar a:visited{
        color: #FFF;
}
.navbar a.current, .navbar a:hover, .navbar a:active{
        color: #77FFFF;
        background: #57B9E3 url( navtag.gif) 0 0 no-repeat;
}
.subnav{
        width: auto;
        height: 22px;
        margin: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: #0088cc 1px solid;
        line-height: 22px;
        background: #57B9E3;
}
.subnav span{
        display: block;
        padding: 0px;
}
.subnav a{
        display: inline;
        padding: 0px;
}
.subnav, .subnav a:link, .subnav a:visited{
        font-size: 12px;
        color: #FFF;
        text-decoration: none;
}
.subnav a:hover, .subnav a:active{
        color: #77FFFF;
        text-decoration: underline;
}
#subnav0, #subnav1, #subnav2, #subnav3, #subnav4, #subnav5, #subnav6{ position: relative; height: 18px; border: 0px; }
#subnav0{width: 0px;}
#subnav1{width: 600px;}
#subnav2{width: 210px;}
#subnav3{width: 210px;}
#subnav4{width: 210px;}
#subnav5{width: 300px;}
#subnav6{width: 210px;}
.disable{
        display: none;
}

/* toolbar style define */
.toolbar {
         width: 100%; 
         height: 20px;
         line-height: 12px;
         border: 0px; 
         padding: 0px; 
         margin: 0px; 
         background: #f0f0fa url(h_bg.gif) 0 bottom repeat-x;
         color: #07083f;
}
.toolbar p.left {
         width: auto;
         border: 0px;
         margin: 4px;
         padding: 0px;
         float: left;
         white-space: normal;
         font-family: Verdana;
         font-size: 12px;
}
.toolbar p.right {
         width: auto;
         border: 0px;
         padding: 0px;
         margin: 2px;
         float: right;
         white-space: nowrap;
         font-family: Verdana;
         font-size: 12px;
}
.toolbar a:link, .toolbar a:active, .toolbar a:visited 
{
         font-family: Verdana;
         font-size: 12px;
         text-decoration: none;
         color : #07083f;
}
.toolbar a:hover, .toolbar a:active
{
         font-family: Verdana;
         font-size: 12px;
         text-decoration: underline; 
         color : #0111cc;
}

/* site map style define */
#maproot {
 border: 1px #babacc solid;
 background: #fff;
 color: #999;
 font-size: 12px;
 font-family: Arial;
 margin: 0px;
 padding: 1px;
 width: 60px;
 height: 20px;
 line-height: 18px;
}

#map, #map ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background: url('map_elm/list.gif') repeat-y left top;
}
#map li {
 padding: 4px 0 0 18px;
 background: url('map_elm/item.gif') no-repeat left top;
}
#map li.last {
 background: #f0f0fa url('map_elm/last.gif') no-repeat left top;
}
#map li div {
 border: 1px #babacc solid;
 width: 130px;
 height: 20px;
 line-height: 18px;
 padding: 1px;
 margin: 0px;
 background: #fff;
 color: #999;
 font-size: 12px;
 font-family: Arial;
}
.map_container {
     width: 200px;
     height: auto;
     margin: 0px;
     padding: 0px;
     border: #babacc 1px solid;
     float: left;
     white-space: normal;
}
.map_title {
     width: auto;
     height: 22px;
     line-height: 22px;
     border-top: 0px; border-bottom: #babacc 1px solid; border-left: 0px; border-right: 0px;
     margin: 0px;
     padding: 0px;
     background: #faf8ff;
     text-align: center;
     color: #999;
     font-size: 12px;
     font-family: Arial;
     font-weight: bold;
}
.map_window {
     width: auto;
     height: 470px;
     margin: 0px;
     padding: 4px;
     border: 0px;
     background: #f0f0fa;
     overflow-x: auto;
     overflow-y: auto;
     scrollbar-face-color: #fff;
     scrollbar-track-color: #fff;
     scrollbar-hightlight-color: #babacc;
     scrollbar-shadow-color: #babacc;
     scrollbar-3dlight-color: #babacc;
     scrollbar-darkshadow-color: #fff;
     scrollbar-arrow-color: #babacc;
}
#maproot a:link, #maproot a:visited, #map li div a:link, #map li div a:visited
{
  COLOR: #9999bb; 
  TEXT-DECORATION: none;
}
#maproot a:hover, #maproot a:active, #map li div a:hover, #map li div a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: none;
}

/* logo block style define */
.logo_container {
     width: 700px;
     height: auto;
     margin: 0px;
     border: 0px;
     padding: 0px;
     float: right;
     text-align: center;

     font-family: Verdana;
     font-size: 12px;
}
.doc_container {
     width: 708px;
     height: auto;
     margin: 0px;
     border: 0px;
     padding: 0px;
     float: left;
     text-align: left;
     font-family: Verdana;
     font-size: 12px;
}
.title_image {
     margin: 0px;
     padding: 0px;
     border: 0px;
     width: auto;
     height: auto;
}
.smalltitle {
     margin: 0px;
     padding: 0px;
     height: 22px;
     line-height: 22px;
     background: #faf8ff;
     border-top: 1px #ccc solid;
     border-bottom: 1px #ccc solid;
     border-left: 0px;
     border-right: 0px;
     text-align: center;
     color: #999;
     font-size: 12px;
     font-family: Verdana;
     font-weight: bold;
}
.logo_container_inner {
     width: 620px;
     height: auto;
     margin-top: 30px;
     margin-bottom: 30px;
     margin-left: auto;
     margin-right: auto;
     border: 0px;
     padding: 0px;
     font-size: 12px;
     text-align: left;
}
.logo_container_texts {
     width: auto;
     height: auto;
     margin-top: 18px;
     margin-bottom: 18px;
     margin-left: 30px;
     margin-right: 30px;
     border: 0px;
     padding: 0px;
     text-align: left;
}
.logo_container_inner div.blockl {
     width: 430px;
     height: auto;
     margin: 0px;
     padding: 0px;
     border: 0px;
     text-align: left;
     float: left;
     white-space: normal;
}
.logo_container_inner div.blockr {
     width: 188px;
     height: 266px;
     margin: 0px;
     padding: 0px;
     border: 0px;
     float: right;
     white-space: nowrap;
}
.logo_container_inner div.logotext {
     width: auto;
     height: 60px;
     margin: 0px;
     padding: 0px;
     border: 0px;
     background: #fff url( logotext.gif ) 0 0 no-repeat;
}
.logo_container_inner div.tf {
     width: auto;
     height: 50px;
     margin: 10px;
     border: #ccc 1px solid;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 0px;
     padding-right: 0px;
     font-family: Verdana;
     font-size: 12px;
     color: #777;
     text-align: center;
}
.normaltexts{
        font-size: 12px; 
        font-family: Verdana; 
        color: #777; 
        padding: 0px;
        border: 0px;
        text-align: justify; 
        text-justify:  inter-ideograph;
        pagination: none; 
        margin: 1px;
}
.normaltexts a:link, .normaltexts a:visited
{
  COLOR: #9999bb; 
  TEXT-DECORATION: none;
}
.normaltexts a:hover, .normaltexts a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: underline;
}

/* info & links style define */
.infobox {
        position: absolute;
        top: 540px;
        left: 488px;
        width: 600px;
        height: auto;
        border: 0px;
        padding: 0px;
        margin: 10px;
}
.infobox div.inflinks {
        width: auto;
        height: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
        border-left: 0px; border-right: 0px;
        border-top: 0px; border-bottom: #ccc 1px solid;
        font-family: Verdana;
        font-size: 12px;
        color: #777;
        text-align: center;
}
.infobox div.sitelinks {
        width: 600px;
        height: 70px;
        margin: 0px;
        padding: 0px;
        border: 0px; 
        text-align: center;
        font-family: Verdana;
        font-size: 12px;
        color: #777;
}
.infobox div.sitexp {
        width: auto;
        height: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
        border: 0px; 
        text-align: left;
}
.infobox div.linkscrol {
        width: 542px;
        height: auto;
        margin: 0px;
        padding: 0px;
        border: 0px; 


}
.infobox div.scrcont {
        width: auto;
        margin: 1px;
        float: left;
}
.infobox a.linklist {
        width: 88px;
        height: 31px;
        border: #fff 1px solid;
        margin: 0px;
        padding: 0px;
        text-align: center;
        TEXT-DECORATION: none;
        float: left;
}
.infobox a.linklist img {
        display: block;
        cursor: pointer;
        border: 0px;
        margin: 0px;
}
.infobox a.linklist:hover {
        background: #f0f0fa;
        border: #5566FF 1px solid;
        color: #5566FF;
        TEXT-DECORATION: none;
}
.infobox a:link, .infobox a:visited
{
  COLOR: #9999bb; 
  TEXT-DECORATION: none;
}
.infobox a:hover, .infobox a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: underline;
}

/* pop window style define */
.msgWindow
{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25px;
  margin-right: 25px;
  padding: 0px;
  border: 0px;
  display: block;
  overflow: hidden;
  font-family: Verdana;
  font-size: 12px;
  color: #777;
}
.msgWindowTop
{
  border-bottom: #0088cc 1px solid;
  margin: 0px; 
  padding: 0px; 
  height: 25px;
  line-height: 25px;
  color: #fff; 
  font-family: Verdana; 
  font-size: 12px; 
  font-weight: bold;
  text-align: center; 
  background: #33aaff url(bar_bg.gif) 0 top repeat-x;
}
.msgWindowBottom
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 25px;
  line-height: 25px;
  text-align: center; 
}
.msgWindowContent
{
  margin-top: 10px; 
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0px;
  border: 0px;
  text-align: left;
}
.msgWindowContent p
{
  margin-top: 4px; 
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  border: 0px;
}
.msgWindowContent a:link, .msgWindowContent a:visited
{
  COLOR: #9999bb; 
  TEXT-DECORATION: none;
}
.msgWindowContent a:hover, .msgWindowContent a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: underline;
}

/* dialog style define */
.dialogcontent {
         width: 230px;
         margin-top: 0px;
         margin-bottom: 0px;
         margin-left: 26px;
         margin-right: 26px;
         padding: 0px;
         border: 0px;
         display: block;
         overflow: hidden;
         font-family: Verdana;
         font-size: 12px;
         text-align: left;
         color: #777;
}
.dialogbottom
{
         border: 0px;
         margin: 0px;
         padding: 0px;
         height: 25px;
         line-height: 25px;
         text-align: center; 
}
.dialogcontent p
{
         margin-top: 4px; 
         margin-bottom: 4px;
         margin-left: 0px;
         margin-right: 0px;
         padding: 0px;
         border: 0px;
}
.dialogcontent a:link, .dialogcontent a:visited
{
  COLOR: #9999bb; 
  TEXT-DECORATION: none;
}
.dialogcontent a:hover, .dialogcontent a:active
{
  COLOR: #5566FF; 
  TEXT-DECORATION: underline;
}

/* form style define */
form { padding: 0px; margin: 0px; border: 0px; display: block;}
input.text_input {
        height: 18px;
        margin: 0px;
        line-height: 18px;
        padding: 1px;
        border: #777 1px solid;
        font-family: Verdana;
        font-size: 14px;
        text-align: left;
        color: #777;
        background: #f0f0fa;
}
input.buttons {
        height: 22px;
        margin: 0px;
        padding: 0px;
        border: #777 1px solid;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #777;
        background: #faf8ff;
        text-align: center;
}
.select1{ 
        width: 95px; 
        height: 18px; 
        overflow: hidden; 
        border: #777 1px solid; 
} 
.select2{ 
        height:18px; 
        width: 99px; 
        height: 22px; 
        margin: -2px 0 0 -2px;
        COLOR: #777; 
        background: #f0f0fa; 
}
.outputcontent {
        font-family: Verdana;
        font-size: 14px;
        color: #777;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

/* copy info style define */
#copy_info{
        position: absolute;
        top: 700px;
        left: 50%;
        width: 320px;
        height: auto;
        text-align: center;
        font-family: verdana, arial, helvetica;
	font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: -160px;
        margin-right: 5px;
        color: #FFF;
}
#copy_info A:link{
        color: #FFF;
        text-decoration: none;
}
#copy_info A:visited{
        color: #FFF;
        text-decoration: none;
}
#copy_info A:hover{
        color: #77FFFF;
        text-decoration: underline;
}