@charset "utf-8";
/* CSS Document for Peace */
/* Developed by: imicreation */
/* Global Stylesheet */


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## RESET ########################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

* {outline: none;}
body {margin:0; padding:0;	font-size: 62.5%;height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float: left;}
.right{float: right;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}


/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { clear:both; line-height:1px; heigth:1px; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## TYPOGRAPHY ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

h1 { font-size:2.4em; }
h2 { font-size:2.2em; }
h3 { font-size:2.0em; }
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:#003366;
	font-family:Arial, Helvetica, sans-serif;
}

#wrap { width:960px; margin:0px auto; padding:0px; }
#box { background:#fff; width:938px; height:auto; float:left; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; margin:20px 0 15px 0; padding:11px; }

#header { width:100%; height:128px; float:left; margin:0px; padding:18px 0 0 0; }
#header_left { width:640px; height:auto; float:left; margin:0px; padding:0 0 0 20px; }
#header_right { width:278px; height:auto; float:left; margin:0px; padding:0px; }
#navigation { width:100%; height:auto; float:left; margin:0 0 25px 0; padding:0px; }
#navigation ul {}
#navigation ul li { background:url(../images/divider.gif) no-repeat right center; display:block; float:left; font-size:11px; margin:0 5px 0 0; padding:0 5px 0 0; }
#navigation ul li.last { background:none; }
#navigation ul li a { color:#666; }
#navigation ul li a:hover, #navigation ul li a.active { color:#0093dd; }
#address_block { width:240px; height:auto; float:left; border-left:solid 1px #0093dd; font-size:10px; color:#0093dd; margin:0px; padding:0 0 0 8px; }
#address_block span { display:block; }
#address_block span a { color:#0093dd; }
#address_block span a:hover { color:#666; }

#showcase {background:url(../images/bg_bb.jpg) no-repeat;width:902px;height:170px;float:left;margin: 0 0 25px 0;padding: 28px 0 0 36px;}
#showcase .block { background:url(../images/point_1.jpg) no-repeat left top; width:144px; height:120px; float:left; margin:0 38px 0 0; padding:25px 0 0 40px; }
#showcase .block.change1 { background:url(../images/point_2.jpg) no-repeat left top; margin:0 48px 0 0; }
#showcase .block.change2 { background:url(../images/point_3.jpg) no-repeat left top; }
#showcase .block.change3 { background:url(../images/point_4.jpg) no-repeat left top; }
.block h1 { font-size:16px; color:#fff; font-weight:normal; margin:0px; padding:0 0 4px 0; }
.block h1 strong { font-size:18px; font-weight:bold; display:block; }
.block p { font-size:9px; color:#fff; margin:0px; padding:0px; }
.block p span { display:block; text-align:right; padding:10px 0 0 0; }
.block p span a { color:#fff; }
.block p span a:hover { color:#fff; }

#container { width:100%; height:auto; float:left; margin:0px; padding:0px; }

#leftcol { width:635px; height:auto; float:left; margin:0 20px 0 0; padding:0px; }
.content {background:url(../images/img_intro.gif) no-repeat left top;width:527px;height:370px;float:left;margin:0px;padding: 0 23px 0 85px;}
.content .content_left {float: left;width: 385px;margin-right: 28px; }
.content_right {display:block;float:left;margin: 0;width: 110px;}
.content_right img {float:right;display:block;margin: 0 0 40px 0;}
#leftcol p { font-size:11px; color:#666; line-height:12px; text-align:justify; margin:0px; padding:0 0 22px 0; }
#leftcol p span { font-size:12px; padding:0 0 12px 14px; }
#leftcol h1 { font-size:18px; font-weight:normal; color:#0093dd; margin:0px; padding:0px; }
#leftcol h2 { font-size:16px; font-weight:normal; color:#0093dd; margin:0px; padding:0px; }
#leftcol h3 { font-size:14px; font-weight:normal; color:#0093dd; margin:0px; padding:0px; }

#rightcol { width:283px; height:auto; float:left; margin:0px; padding:0px; }
#event_box { background:url(../images/img_ne.gif) no-repeat left top; width:240px; height:auto; float:left; margin:0 0 25px 0; padding:5px 17px 0 26px; }
#event_box .news { width:240px; height:auto; float:left; margin:0 0 25px 0; padding:0px; }
.news .col1 { width:22px; height:auto; float:left; text-align:left; margin:0px; padding:0px; }
.news .newtop { width:215px; height:auto; float:left; margin:0px; padding:0px; }
.news .newtop h1 { width:60%; float:left; font-size:12px; color:#000; text-align:left; margin:0px; padding:0px; }
.news .newtop h1 a { color:#000; }
.news .newtop h1 a:hover { color:#0093dd; }
.news .newtop span { width:40%; float:left; font-size:10px; color:#999; text-align:right; margin:0px; padding:0px; }
.news p { font-size:11px; color:#666; margin:0px; padding:0 0 0 22px; }
#social { background:url(../images/img_fu.gif) no-repeat left top; width:240px; height:95px; float:left; margin:0 0 10px 0; padding:0 0 0 43px; }
#social_top { width:100%; height:32px; float:left; margin:0 0 15px 0 ; padding:0px; }
#social_top ul {}
#social_top ul li { display:block; float:left; margin:0 10px 0 0; padding:0px; }
#social_bottom { width:100%; height:auto; float:left; font-size:11px; color:#666; margin:0px; padding:0px; }
#social_bottom .input { background:url(../images/bg_tf.gif) no-repeat; width:110px; height:17px; float:left; border:none; margin:0 7px 0 0; padding:3px 4px 3px 25px; }
#social_bottom .link { background:url(../images/bg_link.gif) no-repeat; width:59px; height:23px; float:left; cursor:pointer; border:none; margin:0px; padding:0px; }

/* footer */

#footer { width:910px; height:140px; float:left; margin:0px; padding:0 32px 0 18px; }
#footer_left { width:65%; height:auto; float:left; margin:0px; padding:0px; }
#footer_left ul {}
#footer_left ul li { background:url(../images/divider_footer.gif) no-repeat right center; display:block; float:left; font-size:11px; margin:0 3px 0 0; padding:0 3px 0 0; }
#footer_left ul li.last { background:none; }
#footer_left ul li a { color:#fff; }
#footer_left ul li a:hover { text-decoration:underline; }
#footer_right { width:35%; height:auto; float:left; font-size:11px; text-align:right; color:#fff; margin:0px; padding:0px; }