@import url(reset.css);

html, body {
height:100%;
}

body {
background:#fff;
font-size:12px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
line-height:120%;
}

.wrap {
background:url(../images/wrap_bg.gif) 4px top repeat-y;
width:992px;
min-height:100%;
margin:0 auto;
padding:0 4px;
text-align:left;
overflow-x:hidden;
position:relative;
z-index:1;
zoom:1;
}

.wrap.second {
background:url(../images/wrap_second_bg.gif) 4px top repeat-y;
}

.wrap.second.home {
background:none;
}

	.headBox {
	border-top:25px solid #fff;
	}

		.head {
		background:#83a7d5 /*url(../images/head_bg.jpg) right top no-repeat*/;
		border:7px solid #83a7d5;
		height:136px;
		margin:0;
		padding:0 0 26px 0;
		position:relative;
		zoom:1;
		}
		
			.lang {
			position:absolute;
			left:100px;
			bottom:8px;
			font-size:11px;
			font-weight:bold;
			color:#fff;
			}
			
				.lang a, .lang span {
				margin:0 0 0 10px;
				}
				
				.lang a {
				color:#fff;
				text-decoration:underline;
				}
				
				.lang a:hover {
				color:#fff;
				text-decoration:none;
				}
			
			.logo {
			margin:20px 0 0 0;
			float:left;
			}
			
			.logoPic {
			margin:20px 0 0 10px;
			float:right;
			}
			
			.topNav {
			position:absolute;
			left:8px;
			bottom:8px;
			//bottom:4px;
			margin:0;
			padding:0;
			zoom:1;
			}
			
				.topNav li {
				background:none;
				margin:0 10px 0 0;
				padding:0;
				display:block;
				float:left;
				}
				
					.topNav a {
					display:block;
					width:11px;
					height:12px;
					text-indent:-10000px;
					}
					
					.topNav a.home {
					background:url(../images/ico_home.gif) left top no-repeat;
					}
					
					.topNav a.favorite {
					background:url(../images/ico_fav.gif) left top no-repeat;
					}
					
					.topNav a.mail {
					background:url(../images/ico_mail.gif) left top no-repeat;
					}
					
					.topNav a.map {
					background:url(../images/ico_map.gif) left top no-repeat;
					}
					
		.slogan {
		float:right;
		text-align:right;
		width:700px;
		color:#fff;
		font-size:20px;
		margin:30px 10px 0 10px;
		line-height:24px;
		}
		
			.slogan span {
			display:block;
			}
			
			.slogan .big {
			font-size:24px;
			font-weight:bold;
			margin:15px 0 0 0;
			}
					
	.topMenu {
	background:#f0f4ff;
	border-top:8px solid #fff;
	margin:0;
	padding:0;
	position:relative;
	zoom:1;
	}
	
		.topMenu li {
		background:none;
		display:block;
		float:left;
		margin:0;
		padding:0;
		}
		
			.topMenu a, .topMenu li.active span {
			display:block;
			float:left;
			margin:0 1px;
			padding:5px 20px;
			color:#667ab3;
			text-decoration:none;
			font-weight:bold;
			}
			
			.topMenu a:hover, .topMenu li.active a, .topMenu li.active span {
			background:#667ab3;
			color:#fff;
			text-decoration:none;
			}
					
	/* block */
	
	.block {
	border:8px solid #f0f4ff;
	margin:0 0 8px 0;
	padding:10px 18px;
	position:relative;
	zoom:1;
	}
			
	/* /block */
		
	/* left col */
	
	.leftCol {
	float:left;
	position:relative;
	overflow:hidden;
	width:270px;
	border-top:8px solid #fff;
	padding:0;
	}
	
		.leftCol .content {
		padding:0;
		position:relative;
		}
		
			.leftCol .block {
			padding:10px 16px;
			}
			
			/* sidebar menu */
			
			.sidebarMenu {
			margin:0;
			line-height:120%;
			}
			
				.sidebarMenu li {
				background:none;
				margin:0 0 5px 0;
				padding:0;
				}
				
					.sidebarMenu a {
					background:url(../images/bullit_sidebar_na.gif) left 5px no-repeat;
					display:block;
					padding:0 0 0 14px;
					color:#3a3a3a;
					}
					
					.sidebarMenu a:hover, .sidebarMenu li.active a {
					background:url(../images/bullit_sidebar_a.gif) left 5px no-repeat;
					color:#3a3a3a;
					}
					
					.sidebarMenu li.active span {
					background:url(../images/bullit_sidebar_a.gif) left 5px no-repeat;
					display:block;
					padding:0 0 0 14px;
					text-decoration:underline;
					color:#3a3a3a;
					}
					
					.sidebarMenu ul {
					margin:4px 0 10px 9px;
					}
					
						.sidebarMenu ul a, .sidebarMenu li.active ul a {
						background:url(../images/bullit_sidebar_level2_na.gif) left 5px no-repeat;
						padding:0 0 0 10px;
						color:#888;
						}
						
						.sidebarMenu ul a:hover, .sidebarMenu li.active ul a:hover {
						background:url(../images/bullit_sidebar_level2_a.gif) left 5px no-repeat;
						color:#888;
						}
						
						.sidebarMenu ul li.active span {
						background:url(../images/bullit_sidebar_level2_a.gif) left 5px no-repeat;
						display:block;
						padding:0 0 0 10px;
						text-decoration:underline;
						color:#888;
						}
			
			/* /sidebar menu */
			
			.search input.text {
			width:180px;
			float:left;
			margin:0 0 6px 0;
			color:#888;
			}
			
			.search p {
			color:#4876b1;
			font-size:15px;
			font-weight:bold;
			margin:0 0 5px 0;
			}
			
			.search a {
			background:#4876b1 url(../images/ico_search.gif) 5px 5px no-repeat;
			display:block;
			float:left;
			width:20px;
			height:20px;
			margin:0 0 0 10px;
			text-indent:-10000px;
			}
			
			.textBanner {
			background:#f0f4ff;
			position:relative;
			zoom:1;
			}
			
			.leftCol .textBanner {
			padding:10px 18px 10px 32px;
			}
			
				.textBanner .title {
				font-weight:bold;
				}
				
				.textBanner .pic {
				text-align:center;
				margin:0 0 6px 0;
				}
				
					.textBanner .pic img {
					margin:0 auto;
					max-width:220px;
					}
					
			.leftCol .block.picBanner img {
			max-width:244px;
			}
			
	/* /left col */
	
	/* center col */
	
	.centerCol {
	float:left;
	position:relative;
	overflow:hidden;
	width:472px;
	border-top:8px solid #fff;
	margin:0 8px;
	padding:0;
	}
	
	.wrap.second .centerCol {
	width:714px;
	margin:0 0 0 8px;
	}
	
		.centerCol .content {
		border-top:8px solid #f0f4ff;
		padding:10px 18px 28px 18px;
		position:relative;
		}
		
		.wrap.home .centerCol .content {
		border:none;
		padding:0 0 28px 0;
		}
		
			.printBtn {
			background:url(/images/ico_print.gif) left top no-repeat;
			position:absolute;
			right:10px;
			top:2px;
			-top:10px;
			width:15px;
			height:15px;
			text-indent:-10000px;
			cursor:pointer;
			}
			
			.centerCol img {
			max-width:436px;
			}
			
			.block.banner {
			margin:0 0 8px 0;
			position:relative;
			zoom:1;
			}
			
			.blockList {
			width:100%;
			margin:0 0 8px 0;
			padding:0;
			border-collapse:separate;
			table-layout:fixed;
			}
			
				.blockList td {
				border:8px solid #f0f4ff;
				padding:10px 16px 0 16px;
				}
				
				.blockList td.sep {
				border:none;
				padding:0;
				width:8px;
				}
			
			.list {
			margin:0;
			padding:0;
			position:relative;
			zoom:1;
			}
			
				.list li {
				background:none;
				margin:0 0 15px 0;
				padding:0;
				position:relative;
				zoom:1;
				}
				
					.list img {
					float:left;
					margin:2px 10px 2px 0;
					}
					
					.list .title, h2.title {
					padding:0 0 0 46px;
					position:relative;
					zoom:1;
					}
					
					h2.title {
					color:#4876b1;
					line-height:normal;
					margin:0 0 15px 0;
					}
					
						.list .title .date, h2.title .date {
						margin:0 6px 0 -46px;
						-margin:0 6px 0 -23px;
						width:44px;
						line-height:18px;
						display:block;
						float:left;
						position:relative;
						font-size:18px;
						text-align:right;
						color:#888;
						zoom:1;
						}
						
							.list .title .date .day, h2.title .date .day {
							float:left;
							position:relative;
							}
							
							.list .title .date .month, h2.title .date .month {
							font-size:11px;
							float:left;
							position:relative;
							}
							
							.list .title .date .year, h2.title .date .year {
							font-size:11px;
							margin:-3px 0 0 12px;
							float:left;
							clear:left;
							position:relative;
							}
							
			.way {
			margin:0 0 10px 0;
			font-size:11px;
			}
			
			.marked span {
			color:#ff000;
			}
			
			.pageNav {
			text-align:center;
			clear:both;
			margin:10px 0 0 0;
			}
			
				.pageNav a {
				margin:0 4px;
				}
				
				.pageNav span {
				margin:0 4px;
				font-weight:bold;
				color:#33b3e4;
				}
				
			ul.doc {
			margin:15px 0;
			}
			
				ul.doc li {
				background:none;
				padding:0 0 3px 27px;
				position:relative;
				font-size:11px;
				}
				
					ul.doc li img {
					position:absolute;
					left:0;
					top:0;
					}
					
			.galleryWrap {
			clear:both;
			position:relative;
			margin:0 0 10px 0;
			zoom:1;
			}
			
				.galleryWrap .box {
				float:left;
				margin:0 10px 6px 4px; 
				}
		
	/* /center col */
	
	/* right col */
	
	.rightCol {
	float:left;
	position:relative;
	width:234px;
	overflow:hidden;
	border-top:8px solid #fff;
	padding:0;
	}
	
		.rightCol .content {
		padding:0;
		position:relative;
		}
		
			.rightCol .block {
			padding:10px;
			}
			
			.block.picBanner {
			padding:5px;
			text-align:center;
			}
				
				.rightCol .block.picBanner img {
				max-width:208px;
				margin:0 auto;
				}
		
	/* /right col */
	
	.clearFooter {
	clear:both;
	height:110px;
	}
	
.footer {
background:#fff;
width:972px;
height:92px;
margin:-110px auto 0 auto;
padding:18px 10px 0 10px;
position:relative;
text-align:left;
font-size:11px;
line-height:110%;
color:#3a3a3a;
z-index:2;
}

	.colBgBottom {
	background:url(../images/bg_bottom.gif) left top no-repeat;
	width:992px;
	height:8px;
	position:absolute;
	left:0;
	top:-8px;
	}
	
	.second .colBgBottom {
	background:url(../images/bg_bottom_second.gif) left top no-repeat;
	}
	
	.bottomMenu {
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	}
	
		.bottomMenu li {
		background:none;
		display:inline;
		border-right:1px solid #3a3a3a;
		margin:0;
		padding:0 5px 0 4px;
		}
		
		.bottomMenu li.last {
		border:none;
		}
		
			.bottomMenu a, .bottomMenu a:hover {
			color:#3a3a3a;
			}
			
			.bottomMenu li.active span, .bottomMenu li.active a {
			color:#3a3a3a;
			text-decoration:underline;
			}
	
	.footer .copy {
	border-top:1px solid #ccc;
	padding:8px 0 0 0;
	zoom:1;
	}
	
	.footer p {
	margin:0 0 4px 0;
	}
	
	.footer p.left {
	float:left;
	}
	
	.footer p.right {
	background:url(../images/bee.gif) right 3px no-repeat;
	padding:0 22px 0 0;
	float:right;
	text-align:right;
	}

/* After */

.wrap:after, .topNav:after, .blockBox .blockCont:after, .content:after, form:after, .list:after, .list li:after, .list .title:after, .footer .copy:after, .galleryWrap:after, .topMenu:after, .textBanner:after, .block.banner:after {
content:'';
clear:both;
display:block;
overflow:hidden;
height:0;
}

/* /After */

/* Global */

p { margin-bottom:6px; }

img { vertical-align:top; }

h1, h2, h3, h4, h5, h6 {
color:#3a3a3a;
margin:0 0 10px 0;
font-weight:normal;
clear:both;
line-height:100%;
}

h1 { font-size:22px; margin:0 0 15px 0; }

h2 { font-size:20px; }

h3 { font-size:16px; font-weight:bold; }

h4 { font-size:14px; font-weight:bold; }

h5, h6 { font-size:12px; font-weight:bold; }

ul {
margin:10px 0 15px 0px;
}

ul ul {
margin:7px 0 7px 14px;
//margin:7px 0 7px 19px;
}

ul li, ol ul li {
background:url(../images/ul_li_bg.gif) left 6px no-repeat;
margin-bottom:3px;
padding-left:10px;
zoom:1;
}

ul ul li, ol ul ul li {
background:url(../images/ul_ul_li_bg.gif) left 6px no-repeat;
}

ol {
margin:10px 0 15px 28px;
//margin-left:32px;
}

ol ol, ul ol {
margin:8px 0 0 20px;
}

ol li, ul ol li {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 7px 0;
}

ul ol li, ul ul ol li, ul ul ul ol li {
background:none;
padding:0;
}

a {
color:#4876b1;
text-decoration:none;
}

a:hover {
color:#33b3e4;
text-decoration:underline;
}

a.more {
background:url(../images/arrow_more.gif) right 6px no-repeat;
padding:0 8px 0 0;
float:right;
}

a.button {
background:#f4f4f4;
border:1px solid #909090;
display:block;
float:left;
margin:0 0 5px 0;
padding:2px 15px 2px 15px;
line-height:15px;
color:#333;
font-weight:bold;
}

a.button:hover {
border:1px solid #545454;
text-decoration:none;
color:#333;
}

.floatLeft {
float:left;
margin:0 10px 3px 0;
}

.floatRight {
float:right;
margin:0 0 3px 10px;
}

.clear {
clear:both;
height:1px;
line-height:1px;
overflow:hidden;
margin-top:-1px;
}

table {
margin:10px 0;
border-collapse:collapse;
}

th {
background:none;
border:1px solid #dcdcdc;
font-weight:bold;
color:#000;
text-align:left;
padding:4px;
font-size:12px;
}

td {
background:none;
vertical-align:top;
text-align:left;
color:#000;
padding:4px;
border:1px solid #dcdcdc;
font-size:12px;
}

blockquote {
background:#f4f4f4 url(../images/blockquote_bg.gif) 20px 50% no-repeat;
margin:0 0 10px 0;
padding:8px 40px 10px 40px;
font-size:12px;
font-weight:normal;
font-style:italic;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

form {
clear:both;
position:relative;
margin:0 0 10px 0;
zoom:1;
}

label {
display:block;
color:#333;
font-weight:bold;
}

	label span {
	color:#ff0000;
	}
	
label.check {
display:inline;
font-weight:normal;
}

input, select {
vertical-align:middle;
}

select {
border-left:2px ridge;
border-top:2px ridge;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
margin:5px 0 10px 0;
width:430px;
}

input.check {
vertical-align:middle;
margin:3px 6px 5px 0;
}

input.text, textarea {
background:#fff;
border-left:2px ridge #929292;
border-top:2px ridge #929292;
border-right:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:2px 3px 3px 3px;
margin:5px 0 10px 0;
font-size:11px;
color:#333;
width:420px;
}

textarea {
height:100px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.DEV_MOD {
border:1px solid red;
}

/* /Global */

@media print {

.leftCol, .printBtn, .colBgBottom {
display:none;
}

.centerCol, .wrap.second .centerCol {
width:100%;
margin:0;
}

.centerCol .content {
border:8px solid #F0F4FF;
}

.wrap.second, .wrap, .footer {
background:none;
width:98%;
}

.slogan {
width:60%;
margin-top:10px;
}

}