@charset "iso-8859-1";
/* CSS Document */

* {
font-family: Arial;
font-size: 12px;
font-weight: normal;
}

body {
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
background-color: #F5F2E9;
}

table {
border: 0px solid;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

td {
margin: 0px;
padding: 0px;
}

h1 {
font-size: 18px;
}

h2 {
font-weight: bold;
color: #0000FF;
}

h3 {
font-weight: bold;
font-style: italic;
}

h4 {
font-style: italic;
color: #0000FF;
}

img {
border: 0px none;
}

/********** header **********/
.header {
background-color: #F5F2E9;
}

.header img {
border: 0px;
}

.header td {
padding-top: 5px;
padding-bottom: 5px;
}

table.header {
border: 0px solid;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}



/********** footer **********/

.footer {
height: 40px;
}

.footer p {
font-size: 11px;
text-align: center;
color: #4F130D;
}



/********** my class **********/
.spacer {
height: 1px;
background-color: #004380;
}

.issue {
text-align: left;
}

.issue img{
border: 1px #4F130D solid;
}

.issue_headline {
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
color: #4F130D;
}

.issue_caption {
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
font-size: 10px;
color: #4F130D;
}

.in1 {
margin-left: 20px;
margin-top: 0px;
font-style: italic;
}

.in2 {
margin-left: 20px;
margin-top: 5px;
font-style: normal;
color: #4F130D;
}

.in3 {
margin-left: 20px;
margin-top: 5px;
font-style: italic;
color: #4F130D;
}

.list1 li{
list-style: square;
margin-left: 20px;
}

.list2 li{
list-style: circle;
margin-left: 20px;
}

.caption1 {
font-size: 11px;
font-weight: bold;
text-align: center;
padding-top: 0px;
margin-top: 3px;
}

.highlight {
font-size: 14px;
font-weight: bold;
color: #0062BB;
}

.content_headline{
font-size: 15px;
font-weight: bold;
font-style: normal;
line-height: normal;
}

.content_highlight{
font-size: 14px;
font-weight: bold;
font-style: normal;
text-decoration: none;
line-height: normal;
}

.article_des{
font-size: 10px;
}

a.director {
color: #004380;
text-decoration: none;
}

a.director:hover {
color: #4F130D;
text-decoration: underline;
}



/********** navigation bar **********/
.nav {
background-color: #F5F2E9;
}

table.nav {
border: 0px solid;
border-collapse: collapse;
padding: 0px;
margin: 0px;
}

td.over {
padding-bottom: 10px;
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
font-size: 13px;
font-weight: bold;
text-align: center;
vertical-align: middle;
color: #F5F2E9;
background-color: #004380;
}

td.out {
padding-bottom: 10px;
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
font-size: 13px;
font-weight: bold;
text-align: center;
vertical-align: middle;
color: #004380;
background-color: #F5F2E9;
}

td.on {
padding-bottom: 10px;
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
font-size: 13px;
font-weight: bold;
text-align: center;
vertical-align: middle;
color: #004380;
background-color: #F5F2E9;
}



/********** navigation bar **********/
.nav_footer {
background-color: #EAE4D0;
}

td.over2 {
padding-bottom: 0px;
padding-left: 18px;
padding-right: 18px;
padding-top: 0px;
font-size: 11px;
text-align: center;
color: #004380;
background-color: #EAE4D0;
}

td.out2 {
padding-bottom: 0px;
padding-left: 18px;
padding-right: 18px;
padding-top: 0px;
font-size: 11px;
text-align: center;
color: #4F130D;
background-color: #EAE4D0;
}

td.on2 {
padding-bottom: 0px;
padding-left: 18px;
padding-right: 18px;
padding-top: 0px;
font-size: 11px;
text-align: center;
color: #4F130D;
background-color: #EAE4D0;
}

td.over3 {
padding-bottom: 6px;
padding-left: 18px;
padding-right: 18px;
padding-top: 6px;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #004380;
background-color: #EAE4D0;
}

td.out3 {
padding-bottom: 6px;
padding-left: 18px;
padding-right: 18px;
padding-top: 6px;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #004380;
background-color: #FFFFFF;
}

td.on3 {
padding-bottom: 6px;
padding-left: 18px;
padding-right: 18px;
padding-top: 6px;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #004380;
background-color: #FFFFFF;
}



/********** navigation bar (left) **********/

#nav_left {
width: 100%;
padding: 0px 0px 0px 0px;
}

#nav_left ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align:left;
}

#nav_left li {
margin: 0 px;
list-style: none;
list-style-image: none;
text-align: left;
}

#nav_left li a {
display: block;
padding: 3px 0px 3px 0px;
background-color: #F5F2E9;
text-decoration:none;
width: 100%;
letter-spacing: 0px;
}

#nav_left span{
font-size: 10px;
font-weight: normal;
font-style: normal;
letter-spacing: -1px;
color: #004380;
margin-left: 0px;
}

#nav_left li a.menu_01 {
background-image: url(/images/bgimage_1.jpg);
background-repeat: repeat-y;
color: #004380;
padding-left: 3px;
cursor: default;
font-size: 12px;
font-weight: bold;
}

#nav_left li a:hover.menu_01 {
color: #004380;
cursor: default;
}

#nav_left li a.menu_02{
background-color: #F5F2E9;
color: #004380;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
}

#nav_left li a:hover.menu_02{
background-color: #F5F2E9;
color: #4F130D;
padding-left: 10px;
}

html>body #nav_left li a {
width: auto;
}



/********** left nav top-right corner bgimage 1 **********/
.bg1_nav{
background-image: url(images/corner_2_1.jpg);
background-position: top right;
background-repeat: no-repeat;
}



/********** left nav bottom-right corner bgimage 2 **********/
.bg2_nav{
background-image: url(images/corner_2_2.jpg);
background-position: top right;
background-repeat: no-repeat;
}



/**********index content **********/
.content_index {
background-color: #F5F2E9;
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
vertical-align: top;
}



/********** content **********/
.content {
background-color: #F5F2E9;
padding-left: 20px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 60px;
vertical-align: top;
}

.content table {
width: 100%;
color: #004380;
}

.content td {
vertical-align: middle;
}

.content b {
font-weight: bold;
}

.content h1 {
font-size: 14px;
font-weight: bold;
color: #0062BB;
}

.content ul {
list-style: none;
margin: 0;
padding: 0;
}

.content ul li {
margin-bottom: 5px;
}

.content a {
color: #004380;
text-decoration: underline;
}

.content a:hover {
color: #4F130D;
text-decoration: underline;
}



/**********inner table 1 **********/
.inner_table1 img {
border: solid 0px;
}

.inner_table1 table{
width: 100%;
border: #4F130D solid 1px;
}

.inner_table1 tr {
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}

.inner_table1 td {
background-color: #E2DBC0;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

.inner_table1 a {
color: #004380;
text-decoration: none;
}

.inner_table1 a:hover {
color: #004380;
text-decoration: underline;
}

.inner_table1 span {
font-size: 10px;
}



/**********inner table 2 **********/
.inner_table2 img {
border: solid 0px;
}

.inner_table2 table{
width: 100%;
border: #4F130D solid 1px;
margin-bottom: 10px;
}

.inner_table2 tr {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.inner_table2 td {
background-color: #E2DBC0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.inner_table2 a {
color: #004380;
text-decoration: none;
}

.inner_table2 a:hover {
color: #004380;
text-decoration: underline;
}

.inner_table2 span {
font-size: 10px;
}



/********** normal table **********/
.normal_table1 table{
width: 100%;
border: solid 0px;
}

.normal_table1 tr {
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}

.normal_table1 td {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

.normal_table1 a {
color: #004380;
font-weight: bold;
text-decoration: none;
}

.normal_table1 a:hover {
color: #004380;
font-weight: bold;
text-decoration: underline;
}

.normal_table2 table{
width: auto;
border: solid 0px;
}

.normal_table2 tr {
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}

.normal_table2 td {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}

.normal_table2 a {
color: #004380;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.normal_table2 a:hover {
color: #004380;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
}

.normal_table3 table{
width: auto;
border: solid 0px;
}

.normal_table3 tr {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.normal_table3 td {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.normal_table3 a {
color: #004380;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.normal_table3 a:hover {
color: #004380;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}



/********** news list **********/
.news_list {
vertical-align: top;
padding-bottom: 20px;
}

.news_list table {
width: 100%;
}

.news_list h1 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 5px;
padding-left: 2px;
color: #0062BB;
}

.news_list ul {
margin-bottom: 5px;
margin-left: -23px !important;
margin-left: 14px;
margin-right: 5px;
margin-top: 5px;
}

.news_list li {
list-style-image: url(/images/bullet_01.jpg);
margin-bottom: 3px;
}

.news_list li a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #004380;
}

.news_list li a:hover {
text-decoration: underline;
}

.news_list p {
width: 100%;
text-align: right;
margin-top: 5px;
padding-bottom: 20px !important;
padding-bottom: 15px;
}

a.right {
text-align: right;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #004380;
}

a.right:hover  {
text-decoration: underline;
}



/********** welcome **********/
.welcome {
padding-left: 10px;
padding-bottom: 0px;
vertical-align: top;
}

.welcome table {
background-color: #004380;
color: #EAE4D0;
width: 100%;
}

#inner_welcome {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#inner_welcome p {
font-size: 11px;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 15px;
margin-top: 10px;
}

#inner_welcome img {
margin-left: 6px;
margin-bottom: 6px;
}

#inner_welcome a {
font-size: 11px;
color: #D0C497;
text-decoration: none;
}

#inner_welcome a:hover {
color: #D0C497;
text-decoration: underline;
}

/*
.welcome2 {
padding-left: 0px;
padding-bottom: 10px;
vertical-align: top;
}

.welcome2 table {
background-color: #EAE4D0;
color: #EAE4D0;
width: 100%;
}

.inner_welcome2 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: #EAE4D0;
}

.inner_welcome2 p {
color: #004380;
font-size: 11px;
}

.inner_welcome2 a {
font-size: 11px;
color: #4F130D;
text-decoration: none;
}

.inner_welcome2 a:hover {
color: #D0C497;
text-decoration: underline;
}
*/


/********** banner **********/
.banner p {
text-align: left;
}

.banner a {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.banner a:hover {
text-decoration: underline;
}

.banner table {
width: auto;
}



/********** image **********/
.image table {
width: auto;
border: #4F130D solid 1px;
}

.image td {
background-color: #E2DBC0;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}



/********** pop tips **********/
div#tipDiv {
  position: absolute;
  visibility: hidden;
  left: 0;
  top: 0;
  z-index: 10000;
  background-color: #EAE4D0;
  border: 1px solid #4F130D; 
  width: 250px;
  padding: 10px;
  color: #4F130D;
  font-size: 11px;
  line-height: 1.3;
}



/********** form **********/
table.form{
padding: 0px;
margin: 0px;
border: 0px;
border-collapse: collapse;
width: auto;
}

table.form th{
font-size: 11px;
font-weight: bold;
padding-top: 4px;
text-align: left;
vertical-align: text-top;
}

table.form td{
vertical-align: middle;
padding: 2px;
}

table.form span{
font-size: 10px;
font-weight: bold;
color: #CC0000;
}

table.form input{
font-size: 11px;
width: 320px;
}

table.form input.btn{
font-size: 11px;
width: auto;
padding-left: 5px;
padding-right: 5px;
}

table.form textarea{
font-size: 11px;
width: 320px;
height: 150px;
}

table.form2{
padding: 0px;
margin: 0px;
border: 0px;
border-collapse: collapse;
width: auto;
}

table.form2 th{
font-size: 11px;
font-weight: bold;
padding-top: 4px;
text-align: left;
vertical-align: text-top;
}

table.form2 td{
vertical-align: middle;
}