@charset "utf-8";

/* --------------------
		Reset Styles
-------------------- */

* {	border: 0; outline: none; padding: 0; margin: 0; list-style: none; }
html, body,
div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, a,
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer { display: block; }


/* --------------------
		Main Styles
-------------------- */

body, html {
	background: #f8f8f8;
	font-family: Arial !important;
	color: #5B5B5B;
	font-size: 14px;
}
a {	color: #03A5BD;	text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
p { padding: 0 0 10px 0; line-height: 20px; }
ul { padding: 0 0 10px 0; }
input, textarea { color: #727272; font-family: Arial; font-size: 20px; }
h1 { padding-bottom: 10px; }
.left { float: left; }
.clear { clear: both; }
h2 { color:#266782; font-size: 20px; }

.header { width: 100%; background: #e0e4cc; height: 125px; }
.header .logo { background: url('../images/header_logo.png') no-repeat; width: 355px; height: 75px; float: left; margin-top: 14px; cursor: pointer; }
.header .header-logo { cursor: pointer; float: left; padding: 25px 0 0 0; }
.header .header_pic { background: url('../images/header_pic.png') no-repeat; width: 466px; height: 68px; float: right;
             padding: 10px 0 0 0; margin-top: 7px;  }
.header-content { width: 960px; margin: 0 auto; }
.header-content h1 { font-size: 36px; color: #266782; padding: 0 0 0 0; }
.header-content .menu { padding-top: 4px; }
.header-content ul { list-style:none; margin:0; padding:0; float:right; }
.header-content ul li { float: left; display: block; padding: 0; margin: 0 0 0 4px; }
.header-content ul li a { display: block; text-decoration: none; padding:10px 4px; color:#266782;
                          font-size:15px; }
.header-content ul li .active {  background-color: #69d2e7; color: white; }
.header-content ul li a:hover { background-color: #69d2e7; color: white; }

.preview-pages { width: 100%; background: #69d2e7; height: 100px; }
.preview { width: 100%; background: #69d2e7; height: 300px; }
.preview-content { width: 960px; margin: 0 auto; color: #fefefe; padding-top: 20px; }
.preview-left { float:left; width: 450px; font-size: 18px; }
.preview-left-pages { float:left; font-size: 22px; padding-top: 20px; }
.preview-left .preview-left-head { font-size: 20px; }
.preview-left span.logo-text { color: #266782; }
.preview-right { float:right; padding-right: 40px; }

.content .content-pages-left {  float:left; }
.content .content-pages-right { float:left; color:#266782; padding-top: 7px; padding-left: 20px; width: 600px; }
.content .content-pages-news { float:left; color:#266782; padding-top: 7px; padding-left: 20px; width: 1000px; }

.content { width: 960px; margin: 0 auto; color: #fefefe; padding-top: 20px; }
.box { float:left; }
.box .box-up { background: url('../images/box_up.gif') no-repeat; width: 310px; height: 28px; }
.box .box-down { background: url('../images/box_down.gif') no-repeat; width: 310px; height: 28px; }
.box .box-mid { background: url('../images/box_mid.gif') repeat-y; width: 310px; padding: 0 0 10px 10px; height: 170px; }
.box .box-title a { font-size: 18px; color: #266782; padding: 0 25px 0 10px; }
.box .box-text { padding: 10px 25px 0 10px; color: #f8f8f8; }
.box .box-more { padding: 20px 0 0 180px; color: #f8f8f8; }
.box .box-more a { color: #f8f8f8; }

.box-pages { float:left; }
.box-pages .box-up { background: url('../images/box_up.gif') no-repeat; width: 310px; height: 28px; }
.box-pages .box-down { background: url('../images/box_down.gif') no-repeat; width: 310px; height: 28px; }
.box-pages .box-mid { background: url('../images/box_mid.gif') repeat-y; width: 310px; padding: 0 0 10px 10px; }
.box-pages .box-title a { font-size: 18px; color: #266782; padding: 0 25px 0 10px; }
.box-pages .box-text { padding: 10px 25px 0 10px; color: #f8f8f8; }
.box-pages .box-more { padding: 20px 0 0 180px; color: #f8f8f8; }
.box-pages .box-more a { color: #f8f8f8; }
.box-pages .separator { border-top: 1px dotted #f8f8f8; width: 270px; margin-left: 9px; margin-top: 15px; margin-bottom: 15px; }

.footer { width: 100%; background: #69d2e7; height: 35px; margin: 20px 0 0 0; }
.footer-content { width: 960px; margin: 0 auto; color: #fefefe; line-height: 35px; }
.footer-content .footer-left { float:left; }
.footer-content .footer-right { float: right; }

.box-title-cat { font-size: 18px; padding: 0 25px 0 10px; text-align: left; }
.box-title-cat a { color: #266782;}

.content .content-pages-news .separator { border-top: 1px dotted #e0e4cc; width: 1000px; margin-top: 15px; margin-bottom: 15px; }