@charset "utf-8";
/* CSS Document */

html, body {height: 100%;}

body {
	background: #99ccff url(imgs/bg.jpg) top center fixed;  
	background-size: cover;
	margin:0; padding:0; font-family: 'Roboto', Trebuchet MS,  Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
p, th, td, tr, h1, h2, h3, ul, ol, li, div, span, form, img {margin:0; padding:0; border-spacing:0;}

table, tr, td {vertical-align: top;}

.clearfix {clear: both;}
.inner {width: 1200px; margin: 0 auto;}

h1 {
	font-size: 1.7em;
	color: #006633;
	margin-bottom: 24px;
	font-weight: normal;
}


h2 {
	font-size: 1.4em;
	color: #006633;
	margin-bottom: 24px;
	font-weight: normal;
}

.header {
	width: 1200px; 
	margin: 0 auto;
	background: url(imgs/head-bg.jpg) repeat-x;
	height: 149px;
	position: relative;
}
.header img {
	padding-right: 40px;
	float: left;
}
.header h1 {
	font-size: 1.7em;
	color: #000;
	padding-top: 40px;
	font-weight: normal;
	text-transform: uppercase;
}
.header a {
	text-decoration: none;
}

.header h1 span {
	font-size: 1.4em;
	color: #13446e;
}

.header .fontsize {position: absolute; left: 324px; top: 10px;}
.header .fontsize a {padding-left: 25px; height: 20px;}
.header .bigger {background: url(/imgs/lupe_larger.gif) top left no-repeat;}
.header .smaller {background: url(/imgs/lupe_smaller.gif) top left no-repeat;}
.header .reset {background: url(/imgs/lupe_reset.gif) top left no-repeat;}


.nav { 	
	width: 1200px; 
	margin: 0 auto;
	background: url(imgs/menu-bg.jpg) repeat-x;
	height: 40px;
}
.nav ul, .nav li {margin: 0; padding: 0;}
.nav ul li {float: left; position: relative; list-style: none none outside; height: 40px; text-align: center;}
.nav a {font-size: 1.38em; display: block; text-decoration: none; color: #fff; padding: 8px 15px 10px;}
.nav ul li:hover a, .nav ul li.active a {color: #ffd800; background: rgba(0, 0, 0, 0.2);}

.nav .search {
	float: right;
	margin: 8px 20px 0 0;
}
.nav .search .submit {
	background: url(imgs/search-bg.jpg) repeat-x;
	border: 1px solid #aecb57;
	color: #fff;
	padding: 2px 8px;

}
.nav .search .text {
	width: 240px;
}

.wrapper {
	width: 1200px; 
	margin: 0 auto;
	padding: 20px 0;
	background-color: #fff;
}
.left {
	float: left;
	width: 300px;
	background: #f4faff;
}
.left ul {
	margin: 0 0 30px 0;
}
.left ul li {
	list-style: none none outside;
}
.left ul li a {
	color: #1f5582;
	padding: 6px 6px 6px 20px;
	display: block;
	border-bottom: 1px solid #c1d3dd;
	text-decoration: none;
	font-size: 1.38em;
}
.left ul li a:hover,  .left ul li a.active {
	color: #fff;
	background: #f48400;
}
.left ul li ul li a:hover,  .left ul li ul li a.active {
	color: #1f5582;
	background: rgba(0, 0, 0, 0.08);
}

.left ul li ul {
	background: #e3f3ff;
	margin: 0 0 6px 0;
}

.left ul li ul li  a {
	padding-left: 40px;
	border-bottom: none;
	text-decoration: none;
	font-size: 1em;
}

.left .banners {
	text-align: center;
	margin-top: 20px;
}
.left .banners img {
	margin-bottom: 20px;
}

.content {
	padding: 0px 20px 30px 0px;
	margin-left: 320px;
}


.content table {border-collapse: collapse;} 
.content table td {padding: 7px; border: 1px #87c26e solid;}
.content table.mini td {padding: 3px;}
.content table thead {background: #e5fed4; font-weight: bold; color: #123306;} 

.content ul, .content ol { margin: 0 0 18px 9px; padding: 0 0 0 18px;}
.content ul li {line-height: 20px; list-style: none; background: url(imgs/list-blue.gif) 0 4px no-repeat;  margin-bottom: 9px;  padding-left: 9px;}
.content ol li {margin-bottom: 9px;}
.content ul li p, .middle .content ol li p {margin: 0; padding: 0;}

.content h3 {color: #a00; font-size: 1.14em; font-weight: normal;  margin-bottom: 12px;}
.content p {font-size: 1em; line-height: 20px; margin-bottom: 12px; color: #333}
.content a { color: #12416C }
.content a:hover { color: #c00 }

.content .news {
	margin: 30px 0;
	float:left;
}
.content .news .item {
	margin-bottom: 20px;
}
.content .news .item img {
	float:left; 
	margin: 0px 20px 20px 0px;	
}
.content .news .item h3 a {
	font-size: 1.14em;
	color: #13446e;
		
}

.content .news .item .date {
	font-size: 0.85em;
	color: #cc3333;
	margin-bottom: 2px;
}

.content .album { margin: 0 8px 12px 0; float: left; text-align: center; height: 250px; width: 250px;}
.content .album a img { border: 1px #C4D8A6 solid; padding: 6px;}                               
.content .photo { height: 172px; margin: 0 30px 30px 0; float: left; border: 1px #C4D8A6 solid;}
.content .photo a img { padding: 6px; border: 0;}                                               
.content .photo:hover { border: 1px #C4D8A6 solid; }                    


.footer {
	width: 1200px; 
	margin: 0 auto;
	background: #dfffac;
	text-align: center;
	color: #666;
	padding: 6px 0;
	font-size: 0.85em;
}
.footer a { color: #fff;}


@media screen and (max-width: 1200px) {
	.footer, .header,  .nav,  .wrapper  {
	width: 1000px; 
	}
}

.pagination {text-align: center; margin-top: 20px;}
.pagination a {color: #085210; text-decoration: none; background: #F4FAFF;}
.pagination a, .pagination .ditto_currentpage{border: 1px solid #C1D3DD; padding: 2px 5px; margin:2px;}
.pagination .ditto_currentpage {color: #D0DFEA;}
.pagination a:hover, .pagination .ditto_currentpage {background: #54A0F8; color: white;}