@charset "utf-8";
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { background: #FFF; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px !important; }

.gray { background: #666; height: 7px; }

.container { width: 950px; margin: auto; position: relative; }

.header { background: url(../img/banner_bg.png) no-repeat; height: 90px; padding-top: 25px; }

.header .logo { width: 170px; height: 90px; float: left; }

.header .lang { float: right; }
.header .lang li { display: inline; }
.header .lang li a { border-right: 1px solid #999; padding: 0 4px; float: left; }

.menu { width: 760px; padding: 60px 20px 0 0; float: left; }
.menu .nav { float: right; }
.menu .nav li { display: inline; }
.menu .nav li a { padding: 5px 0; margin-left: 56px; float: left; }
.menu .nav li.active a { color: #2B71B8; }

.banner { width: 950px; height: 250px; padding-bottom: 20px; }

.content { min-height: 300px; height: auto !important; height: 300px; padding: 50px 0; }

.sidebar { width: 220px; float: left; }

.nav li {
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
.nav li > a {
	line-height: 20px;
}
.nav li > a > span {
	padding-right: 15px;
    float: left;
    font-size: 13px;
    font-weight: bolder;
}
.nav li.open > a, .nav-sub li.active a, .nav li > a:hover > span {
    color: #2B71B8;
}
.nav li > a > span:after {
    content: '\25B8';
}
.nav li.open > a > span:after {
    content: '\25BE';
}

.nav-sub { background: #EEE; padding: 10px 20px; margin-top: 5px; }
.nav-sub li { border: 0; padding: 5px 0; }

/*.side_nav { width: 200px; border-top: 1px dotted #999; margin-top: 3px; float: left; }
.side_nav li a { width: 175px; height: 15px; border-bottom: 1px dotted #999; padding: 16px 0 13px 25px; float: left; }*/

.main_content { width: 680px; float: right; }

.slide { width: 700px; height: 617px; }

#slider {
	position: relative;
	overflow: hidden;
}

#slideshow {
	width: 700px;
	position: relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.breadcrumb { font-size: 11px; padding-bottom: 25px; }
.breadcrumb a { color: #4178BF; }
.breadcrumb a:hover { color: #2B71B8; }

.list { min-height: 200px; height: auto !important; height: 200px; }
.list li { width: 205px; height: 230px; padding: 16px 14px 0; line-height: 16px; float: left; }
.list li .pimg { /*background: #CCC; width: 205px; height: 200px;*/ }
.list li .pname { text-align: center; padding-top: 8px; }

.c_desc { border-bottom: 1px solid #CCC; }
.c_desc .title { wdith: 520px; font-size: 18px; font-weight: bold; }
.c_desc .paragraph { width: 500px; word-wrap: break-word; padding: 10px; line-height: 150%; }
.c_desc .attachment { padding-bottom: 5px; }
.c_desc .pdf { padding-top: 5px; }
.c_desc .pdf li { background: url(../img/pdf.png) no-repeat; padding-left: 20px; margin: 5px 0; line-height: 16px; }
.c_desc .image li { overflow: hidden; }
.c_desc .cimg { width: 180px; overflow: hidden; float: left; }
.c_desc .cimg img { padding-bottom: 5px; float: right }

.c_list { padding: 15px 10px; line-height: 16px; }
.c_list ul { padding-left: 10px; }
.c_list li { list-style: disc; padding: 3px 0; }
.c_list a { color: #4178BF; }
.c_list a:hover { color: #2B71B8; }

.p_list { min-height: 200px; height: auto !important; height: 200px; line-height: 150%; }
.p_list .p_list_info { height: 200px; min-height: 200px; height: auto !important; height: 200px; border-bottom: 1px solid #CCC; padding: 15px 5px; }
.p_list .p_list_info .pinfo { width: 450px; padding: 5px 0 0 40px; float: left; }
.p_list .p_list_info .pname { font-size: 16px; font-weight: bold; line-height: 150%; }
.p_list .p_list_info .psubject { padding-top: 5px; }
.p_list .p_list_info .pdesc { word-wrap: break-word; padding: 3px 3px 7px; }
.p_list .p_list_info .attachment { padding-bottom: 5px; }
.p_list .p_list_info .pdf li { background: url(../img/pdf.png) no-repeat; padding-left: 20px; margin: 5px 0; line-height: 16px; }
.p_list .p_list_info .image li { overflow: hidden; }
.p_list .p_list_info .pimg { width: 180px; overflow: hidden; float: left; }
.p_list .p_list_info .pimg img { padding-top: 5px; float: left; }

.text_content { min-height: 300px; padding: 0 5px; line-height: 150%; }
.text_content .super-title { font-size: 20px; font-weight: bold; }
.text_content .title { font-size: 15px; font-weight: bold; }
.text_content .list_content { padding: 10px 10px 15px 20px; }
.text_content .list_content li { list-style: disc; padding-top: 12px; }
.text_content .main_text { padding: 0 10px 35px; }
.text_content .main_text p { padding-top: 20px; }
.text_content .mailto a { font-weight: bold; }
.text_content .contact { padding: 30px 10px 0; }
.text_content .contact .info { width: 620px; float: left; }
.text_content .contact h2 { font-size: 15px; }
.text_content .contact p { padding-top: 15px; }

.map { padding-top: 20px; }

.uc_content { padding-top: 120px; }
.uc { background: url(../img/uc_icon.png) no-repeat; width: 280px; height: 50px; color: #2B71B8; font-size: 28px; padding: 12px 0 0 60px; margin: auto; }

.contact_table { width: 410px; margin-top: 8px; }
.contact_table td { padding: 10px 0; }

.footer { color: #999; font-size: 11px; text-align: center; border-top: 1px solid #CCC; padding: 22px 0 38px; }

a { color: #666; }
a:hover { color: #2B71B8; }
a:link, a:visited, a:active { text-decoration: none; }

.last a { border: 0 !important; padding-right: 0 !important; }

.left { float: left; }

.clearfix {	display: inline-block; }
.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }