html body 
{
	margin: 0;
	padding: 0;
	font-family: STZhongsong, STFangsong, SimSun, Arial Unicode MS, Helvetica, sans-serif, Arial;
	text-align: center;
}

/* the main container*/
#container {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #ffffff;
}

/*---- the banner ----*/
#banner {
	position: relative;
	width: 100%;
	height: 72px;
	padding: 6px 2px;
	text-align: left;
	background-color: #ffcc66;
}

/* navigtion and rulers  */
#navcontainer {
	position: relative;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #006699;
	background-image: url(../images/blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#topnav 
{
	position: relative;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0 0;
	text-align: center;
	background-color: #006699;
	background-image: url(../images/blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#botnav 
{
	clear:both;
	position: relative;
	width: 100%;
	height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #006699;
	background-image: url(../images/blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#botnav a,
#botnav a:link,
#botnav a:visited,
#botnav a:active
{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#botnav a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #f1c600;
}

/*----- text formating - default font size = 14px----*/
#contents
{
	margin: 0 10px 0 14px;
}

#contents box
{
position:relative;
width:auto; 
margin-left: 250px;
margin-top: 2em;
margin-right: 4em;
margin-bottom: 0;
padding-left:3em;
}


#menu
{
float: left;
width: 165px;
margin-top:10px;
margin-left:0;
padding-left:0;
padding-right:1em;
border-right:#006699 2px solid;
}

#menu ul
{
list-style-type: none;
margin-left:0.5em;
padding-left:0;
}

#menu li
{
margin-left:0.5em;
padding-left:0;

}

#menu h3
{
margin-top: 10px;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #000000;
}

#contentrgiht
{
	position:relative;
	width:auto;
	line-height: 165%;
}

#contentright p

{
	margin-top: 2em;
	margin-left: 200px;
	margin-right: 1em;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

#contentright h4

{
	margin-top: 2em;
	margin-left: 200px;
	margin-right: 1em;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

#contentcenter
{
	position:relative;
	width:auto;
	line-height: 165%;
}

#contentcenter p

{
	margin-top: 2em;
	margin-left: 5em;
	margin-right: 5em;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}
#navlist { list-style-image: url(../images/li.gif); }

p 
{
	margin-top: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

h5 {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

h6 
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}


/*----- link -----*/

a:link 
{
	font-weight: bold;
	text-decoration: none;
	color: #006699;
}
a:visited 
{
	font-weight: bold;
	text-decoration: none;
	color: #006699;
}
a:hover 
{
	font-weight: bold;
	text-decoration: underline;
	color: #f16c30;
}
a:active 
{
	font-weight: normal;
	text-decoration: none;
	color: #3366cc;
}

a.box:link 
{
	font-weight: bold;
	text-decoration: none;
	color: #0066bb;
}
a.box:visited 
{
	font-weight: bold;
	text-decoration: none;
	color: #0066bb;
}
a.box:hover 
{
	font-weight: bold;
	text-decoration: underline;
	color: #f16c33;
}

a.box:active 
{
	font-weight: normal;
	text-decoration: none;
	color: #3366cc;
}


/* panel */


#floatbox
{
float: none;
width:80%; 
margin-left: 2em;
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
background-color:#ddd; 
padding:8px 8px; 
border:solid thin; 
color: #006699;
font-size: 16px;
font-weight: normal;
text-align: left;
}

#floatboxul
{
float: none;
width:80%; 
margin-left: 1em;
margin-top: 1em;
margin-right:2em;
margin-bottom:0em;
padding-top: 0;
}

#panelleft
{
float: left;
width: 40%;
margin-left: 2em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#panelright
{
float: left;
width: auto;
margin-left: 2em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#csbox
{
position: relative;
width:440px;
margin-left: 1em;
margin-top: 1em;
margin-right: 2em;
margin-bottom: 1em;
text-align:center;
}

#csbox h1
{
font-size: 20px;
font-weight: bold;
color: #000000;
}


.floatright
{
float: right;
margin: 0 5px 10px 10px;
}

.floatleft
{
float: left;
margin: 0 10px 10px 0;	
}


/* unordered list */

ul
{
list-style-type:square;
padding: 0;
margin-top:0;
margin-left: 2em;
margin-right:0;
font-size: 18px;
font-weight: bold;
color: #000000;
text-align:left;
}

li
{
font-size: 16px;
font-weight: normal;
color: #000000;
}


/* -----  image relative setting ----- */
IMG {
	border-width: 0px;
}

#menuC
{
float: left;
width: 185px;
margin-top:10px;
margin-left:0;
padding-left:0;
padding-right:1em;
border-right:#006699 2px solid;
}

#menuC ul
{
list-style-type: none;
margin-left:0.5em;
padding-left:0;
}

#menuC li
{
margin-top:1.5em;
margin-left:0.5em;
padding-left:0;

}

#menuC h3
{
margin-top: 10px;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #000000;
}

.ulmargincp
{
	margin-left:220px;
}

#menu2
{
float: left;
width: 165px;
margin-top:10px;
margin-left:0;
padding-left:0;
padding-right:1em;
border-right:#006699 2px solid;
}

#menu2 ul
{
list-style-type: none;
margin-left:1em;
padding-left:0;
}

#menu2 li
{
margin-top:1.5em;
margin-left:1em;
padding-left:0;

}

#menu2 h3
{
margin-top: 10px;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #000000;
}