body, td, th, div, p, h1, h2, h3, input, select, textarea, ul, li {
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
body {
	MIN-WIDTH: 1024px; 
	PADDING: 0px; MARGIN: 0px; 
	BACKGROUND: #ffffff;
	overflow-y: scroll;
}
body, td {
	FONT-SIZE: 11px;
}
P {
	MARGIN: 15px auto 10px;
}
input {
	LINE-HEIGHT: 130%; 
	BACKGROUND: #f5f7f7; 
	HEIGHT: 18px;
}
input.radio {
	BORDER: medium none; 
	MARGIN: 2px 5px -3px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	HEIGHT: auto;
}
textarea, input, select {
	BORDER: #cccccc 1px solid; 
	MARGIN: 2px 5px; 
	FONT-SIZE: 8pt;
}
a:link, a:visited, a:hover
{
	TEXT-DECORATION: none;
}
a:link {
	COLOR: #0000ff; 
}
a:visited {
	COLOR: #800080; 
}
a:hover {
	COLOR: #003399; 
}
A IMG, ul, li, lo {
	BORDER: 0px;
}
.top {
	MIN-WIDTH: 1024px; 
	MARGIN: 0px; 
	HEIGHT: 80px;
	background-color: #cee3f4;
}

.logo {
	font-size: 28px;
	margin-left: 50px;
	FONT-FAMILY: "Helvetica", "Arial", "sans-serif";
	padding: 10px;
}
.logo a, .logo a:link, .logo a:visited, .logo a:hover {
	COLOR: #000000; 
}
.logo_info
{
	font-size: 13px;
	margin-left: 50px;
	margin-bottom: 10px;
	FONT-FAMILY: "Helvetica", "Arial", "sans-serif";
}
.menu {
	PADDING: 0px; 
	WIDTH: auto; 
	HEIGHT: 20px;
}


#nav UL, #nav LI {
	BORDER: 0px; 
	PADDING: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px;
	z-index: 999;
}
#nav {
	BORDER-LEFT: #666600 1px solid; 
	PADDING: 0px; 
	MARGIN: 0px 0px 0px 0px; 
	HEIGHT: 19px; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	WIDTH: auto;
}
#nav A {
	TEXT-ALIGN: center; 
	WIDTH: 95px;  
	DISPLAY: block; 
	PADDING: 3px 0px 3px 0px;
}
#nav A:link, #nav A:visited {
	COLOR: #333333; 
}
#nav A:hover {
	COLOR: #ffffff; 
}
#nav LI {
	WIDTH: auto; 
	FLOAT: left; 
	BORDER-RIGHT: #666600 1px solid;
}
#nav, #nav LI A:hover, #nav LI {
	BACKGROUND: #a2c5ed;
}
#nav LI UL {
	BORDER-BOTTOM: 0px; 
	POSITION: absolute; 
	TEXT-ALIGN: left; 
	BORDER-LEFT: 0px; 
	LIST-STYLE-TYPE: none; 
	WIDTH: 150px; 
	BACKGROUND: #cfcaa5; 
	BORDER-TOP: #edeada 1px solid; 
	FONT-WEIGHT: normal; 
	BORDER-RIGHT: 0px; 
	LEFT: -999em;
}
#nav LI UL.sev {
	WIDTH: 170px;
}
#nav LI UL LI {
	BORDER: 0px; 
	WIDTH: auto; 
	BACKGROUND: #cee3f4; 
	FLOAT: left; 
}
#nav LI UL A {
	BORDER-BOTTOM: #649cc7 1px solid; 
	TEXT-ALIGN: left; 
	LINE-HEIGHT: 100%; 
	WIDTH: 150px; 
	DISPLAY: block; 
	FONT-SIZE: 10px; 
	PADDING: 4px 5px 4px 5px;
}
#nav LI UL.sev A {
	WIDTH: 170px;
}
#nav LI UL A:link, #nav LI UL A:visited {
	COLOR: #000000; 
}
#nav LI UL A:hover {
	BACKGROUND: #649cc7; 
	COLOR: #f3f3f3; 
	FONT-WEIGHT: normal; 
}
#nav LI:hover UL, #nav LI.sfhover UL {
	LEFT: auto
}


.div_c	{
	width: auto; 
	margin:5px 15px 2px 15px; 
	float: inherit; 
	text-align:left;
}
.div_c p	{
	font-size:11px; 
	line-height:170%; 
	margin:10px 20px 5px 15px;
}

.banner {
	BORDER-BOTTOM: #AAAAAA 1px solid;
	MARGIN: 0px;
	BORDER-TOP: #e0e0e0 5px solid;
	height: 100px;
}
.slogan
{
	position: absolute; 
	left: 260px; 
	top: 150px; 
	height: 50px; 
	backgound-color: transparent; 
	color: #244a62;
	font-size: 12pt;
	font-weight: bold;
}


.main {
	MIN-WIDTH: 1024px; 
	HEIGHT: 500px; 
	BORDER-TOP: #61C6E1 15px solid;
}
.m_left {
	width: 185px;
	BACKGROUND: #fdfeff; 
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: top; 
	BORDER-RIGHT: #aaaaaa 1px solid;
}

.m_left DIV {
	BORDER-BOTTOM: #aaaaaa 1px solid; 
	TEXT-ALIGN: left;
	BACKGROUND: #f5f6f7; 
	HEIGHT: auto; 
	COLOR: #003399; 
	FONT-WEIGHT: bold;
	margin-left: 0px;
}

.m_left DIV LI {
	TEXT-ALIGN: left; 
	LINE-HEIGHT: 25px; 
	LIST-STYLE-TYPE: none; 
	COLOR: #000000; 
	FONT-WEIGHT: normal;
	margin-left: 10px;
}
.m_left DIV LI A:link, .m_left DIV LI A:visited {
	COLOR: #333333; 
}
.m_left DIV LI A:hover {
	COLOR: #ff6600; 
}
.m_left DIV P {
	MARGIN: 8px 0px 5px 0px; 
	PADDING-LEFT: 30px; 
	HEIGHT: 20px;
}


.div_c {
	TEXT-ALIGN: left; 
	MARGIN: 5px 15px 2px 15px; 
	WIDTH: auto;
}
.div_c P {
	LINE-HEIGHT: 170%; 
	MARGIN: 10px 20px 5px 15px; 
	FONT-SIZE: 11px;
}

#news {
	WIDTH: 29%; 
	BACKGROUND: #f9fafb; 
	VERTICAL-ALIGN: top;
}
#news div
{
	margin: 5 0 0 0; 
	padding: 5 0 0 0;
}
#news P {
	LINE-HEIGHT: 175%; 
	MARGIN: 5px 20px 5px 25px;
}
#news H1 {
	BORDER-BOTTOM: #ccc 1px dashed; 
	LINE-HEIGHT: 16px; 
	MARGIN: 10px 10px 5px 10px; 
	COLOR: #06c; 
	FONT-SIZE: 14px;
}
#news TD {
	COLOR: #000000; 
	FONT-SIZE: 10px;
}
#news TD A {
	LINE-HEIGHT: 170%;
}
#news H2 {
	LINE-HEIGHT: 130%; 
	MARGIN: 10px 10px 5px 10px; 
	PADDING-LEFT: 10px; 
	COLOR: #999999; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
}
#news H2 A {
	LINE-HEIGHT: 15px; 
	PADDING-LEFT: 0px;
}
#news H2 A:link, #news H2 A:visited {
	COLOR: #000000; 
}
#news H2 A:hover {
	COLOR: #003399; 
}


.bottom {
	TEXT-ALIGN: center; 
	LINE-HEIGHT: 25px; 
	HEIGHT: 50px;
}
.bottom DIV {
	HEIGHT: 25px; 
}
.bottom DIV, .bottom DIV A:link, .bottom DIV A:visited, .bottom DIV A:hover {
	COLOR: #ffffff;
}
.bottom DIV, .bottom DIV A:hover {
	BACKGROUND: #73a6cc; 
}
.bottom H5 {
	MARGIN: 0px auto; 
	WIDTH: 800px; 
	FONT-SIZE: 10px; 
	FONT-WEIGHT: normal;
}



.textblock {
	COLOR: #2695df; 
	FONT-SIZE: 11px;
	PADDING-LEFT: 6px; 
	PADDING-RIGHT: 0px !important; 
	WHITE-SPACE: normal; 
}
.textblock A:link, .textblock A:visited {
	COLOR: #2695df; 
}
.textblock A:hover {
	COLOR: #003399; 
}


/* for articles */
div.content
{
	padding: 0 15px 15px 15px;
}

div.content h1
{
	FONT-SIZE: 12px;
	color: #2695DF;
	MARGIN: 0;	
	padding: 20px; 
	line-height: 0px;
}
div.content h2
{
	MARGIN: 0px;
	padding: 0px; 
	color: #444444;
	FONT-SIZE: 11px;
}
div.content h3
{
	MARGIN: 0px;
	padding: 0px; 
	color: #444444;
	FONT-SIZE: 11px;
}

div.content strong{
}
div.content a{
	color: #f77b21;
	text-decoration: none;
}
div.content a:hover{
	text-decoration: underline;
}
div.content  p{
	padding-top: 5px;
	margin: 5px auto 10px;
}
div.content  code{
	color: #5f6093;
	margin-top: 50px;
}	
pre {
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

code {
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}	

div.content a {
	color: #003399;
}

div.code {
	padding-bottom: 20px;
}