* {margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 11px Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #fff url(images/header_bg.gif) repeat-x top;
	color: #000;
}

a:link, a:visited, a:active, a:hover {color: #3063cb; text-decoration: underline;}
a:hover { text-decoration: none;}

img {border: none;}
input, select {vertical-align: middle;}
ul li{list-style: none;}
.clear{clear: both;}

#wrapper {
	width: 950px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 95px;
	overflow: hidden;
}
.himg{ width: 105px; float: left; }
.hlogo{ width: 600px; float: left; }
.hlogo p{ line-height: 30px; }
.hbook{ width: 192px; float: right; }
.hbook img{ margin: 31px 0 0; }

/* Middle
-----------------------------------------------------------------------------*/
#content {
	padding: 10px 0 109px;
	overflow: hidden;
	width: 100%;
}
.bar{ padding: 0 38px; height: 30px; overflow: hidden; }
.bar2{ padding: 0 6px; height: 30px; overflow: hidden; }
.title{ line-height: 23px; height: 30px; overflow: hidden; float: left; background: url(images/title_bg.gif) repeat-x top; }
.title_left{ background: url(images/title_left.gif) no-repeat left top; }
.title_right{ background: url(images/title_right.gif) no-repeat right top; padding: 7px 40px 0 50px; }
.title h2{ font-size: 12px; color: #3063cb; }

.title2{ background: url(images/title_2.png) no-repeat center; text-align: center; line-height: 25px; overflow: hidden; height: 25px; }
.title2 h2{ font-size: 12px; color: #3063cb; }

.archives{ float: right; line-height: 23px; height: 23px; overflow: hidden; font-weight: 700; color: #434443; padding: 7px 0 0; }
.archives .arch_bg{ float: right; background: url(images/arch_bg.gif) repeat-x top; margin: 0 0 0 10px; color: #3063cb; }
.archives .arch_right{ background: url(images/arch_left.gif) no-repeat left top; padding: 0 10px 0 30px; }
.archives .fst{ float: right; font-size: 12px; }
.archives a:link, .archives a:visited, .archives a:active, .archives a:hover {color: #3063cb; text-decoration: none;}
.archives a:hover { text-decoration: underline;}

.thumbs{ text-align: center; margin: 0 0 10px; }
.thumbs li{ width: 172px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 2px 0; *margin: 2px; }
.thumbs li img{ display: block; background: #E9E3CE; margin: 0 auto 2px; }
.thumbs li a img{border: 1px solid #585457;}
.thumbs li a:hover img{border: 1px solid #8ABDCC;}

.thumbs2{ text-align: center; margin: 0 0 10px; }
.thumbs2 li{ width: 232px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 2px 0; *margin: 2px; }
.thumbs2 img{ display: block; }
.thumbs2 a img{border: 1px solid #585457;}
.thumbs2 a:hover img{border: 1px solid #8ABDCC;}

.trad{ text-align: center; padding: 10px 0; }
.trad li{ width: 277px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; margin: 2px 8px; *margin: 2px 10px; background: #E2F6FF url(images/trad_b.gif) repeat-x top; vertical-align: top; padding: 10px 0 0; }

.trad .bttn{ line-height: 31px; height: 31px; overflow: hidden; background: url(images/trad_b.gif) repeat-x; font-weight: 700; }
.trad .bttn div{ background: url(images/trad_lb.gif) no-repeat left top; }
.trad .bttn div div{ background: url(images/trad_rb.gif) no-repeat right top; }
.trad a:link, .trad a:visited, .trad a:active, .trad a:hover {color: #47689c; text-decoration: none; font-size: 12px; font-weight: 700;}
.trad a:hover { text-decoration: underline;}
.trad img{ margin: 12px auto 2px; display: block; }
.trad a img{ border: 1px solid #474747; }
.trad a:hover img{ border: 1px dotted #474747; }
.trad p{ padding: 5px 10px; }

.top_list { font-size: 12px; font-weight: 700; line-height: 18px; color: #000;  margin: 2px 4px 10px; border: 2px solid #70BDF8; }
.top_list .bord{ border: 2px solid #fff; background: #E2F6FF; padding: 10px; }
.top_list ul{ width: 24%; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;  *margin: 0 2px; }

.top_list2 { font-size: 12px; font-weight: 700; line-height: 18px; color: #000; border: 2px solid #70BDF8; margin: 2px 4px 10px; }
.top_list2 .bord{ border: 2px solid #fff; background: #E2F6FF;  padding: 10px; }
.top_list2 ul{ width: 24%; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;  *margin: 0 2px; }
.top_list2 ul li{ background: url(images/bullet.gif) no-repeat left 7px; padding: 0 0 0 10px; *padding: 0; }
.top_list2 ul li.fst{ background: transparent; font-size: 18px; padding: 5px 0; }

.top_list a:link, .top_list a:visited, .top_list a:active, .top_list a:hover {color: #2e69c2; text-decoration: underline;}
.top_list a:hover { text-decoration: none;}

.top_list2 a:link, .top_list2 a:visited, .top_list2 a:active, .top_list2 a:hover {color: #2e69c2; text-decoration: underline;}
.top_list2 a:hover { text-decoration: none;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: -109px auto 0;
	height: 109px;
	background: url(images/footer_bg.gif) repeat-x bottom;
	text-align: center;
	color: #302625;
}
#footer .fpadd{ width: 950px; margin: 0 auto; padding: 67px 0 0; background: url(images/fimg.gif) no-repeat center top; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color: #3063cb; text-decoration: underline;}
#footer a:hover { text-decoration: none;}
