* {margin: 0; padding: 0;}

html {height: 100%}
body {
	font: 12px Verdana, sans-serif;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #697060;
	background: #BBC9AA url(images/bg.png) center;
}

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

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

#wrapper {
	width: 882px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: url(images/cont_bg.gif) repeat-y;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 188px;
	background: url(images/hta.png) no-repeat right top;
}
#header .himg{ width: 491px; height: 188px; overflow: hidden; float: left; }
#header .hta{ width: 391px; height: 188px; overflow: hidden; float: right; }
#header .hta ul{ float: left; padding: 11px 0 0 16px; }
#header .hta ul li{ padding: 2px; }
#header .hta ul li .lett{ font-size: 14px; font-weight: 700; color: #f1d57f; border: 1px solid #F3FFCF; text-transform: uppercase; padding: 1px 0; width: 18px; height: 16px; float: left; text-align: center; margin: 0 7px 0 0; }
#header .hta ul a:link, #header .hta ul a:visited, #header .hta ul a:active, #header .hta ul a:hover {color: #f4ffd1; text-decoration: none; line-height: 20px;}
#header .hta ul a:hover {text-decoration: underline; }
#header .hbook{ width: 130px; float: right; padding: 0 46px 0 0; text-align: center; font-size: 14px; font-weight: 700; line-height: 28px; }
#header .hbook a:link, #header .hbook a:visited, #header .hbook a:active, #header .hbook a:hover {color: #697060; text-decoration: underline;}
#header .hbook a:hover {text-decoration: none; color: red; }
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 94px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 8px 56px 0 217px;
}


#content .title{ width: 100%; line-height: 39px; background: url(images/title_bullet.gif) no-repeat 10px center; padding: 0 0 0 50px; }
#content .title h1{ font-size: 14px; }

.tb_t{ width: 100%; background: #BAC9A9 url(images/tb_t.gif) repeat-x top; overflow: hidden; }
.tb_lt{ width: 100%; background: url(images/tb_lt.gif) no-repeat left top; }
.tb_rt{ width: 609px; background: url(images/tb_rt.png) no-repeat 589px top; }
.tb_lb{ width: 100%; background: url(images/tb_lb.gif) no-repeat left bottom; }
.tb_rb{ padding: 0 10px 10px; background: url(images/tb_rb.gif) no-repeat 589px bottom; }

.post{ width: 100%; padding: 10px 0 0; }
.post img{ float: left; margin: 0 10px 0 0; border: 1px solid #697060; }
.post span{ padding: 2px 3px; background: #697060; color: #f2d680; }
.post p{ padding: .4em 0; }

.post a:link, .post a:visited, .post a:active, .post a:hover { background: #697060; padding: 2px 3px;}
.post a:hover {text-decoration: underline; }

.links{ width: 100%; padding: 10px 0; color: #f1d57f; }
.links .llinks{ width: 49%; float: left; }
.links .rlinks{ width: 49%; float: right; }
.links ul li{ margin: 4px 0;}
.links ul li .lett{ font-size: 14px; font-weight: 700; color: #f1d57f; background: #697060; text-transform: uppercase; padding: 1px 0; width: 18px; height: 16px; float: left; text-align: center; margin: 0 7px 0 0; }
.links ul li a:link, .links ul li a:visited, .links ul li a:active, .links ul li a:hover {color: #f1d57f; text-decoration: none; background: #697060; padding: 1px 3px 3px; line-height: 16px; }
.links ul li a:hover {text-decoration: underline; }

.thumbs{ text-align: center; margin: 0 0 10px; }
.thumbs img{ margin: 5px 10px; }
.thumbs a img{ border: 1px solid #697060; background: #B9CAAA; }
.thumbs a:hover img{ border: 1px solid red; background: #B9CAAA; }

.tblink{ text-align: right; padding: 0 24px 0 0; line-height: 20px; }
.tblink a:link, .tblink a:visited, .tblink a:active, .tblink a:hover { background: #697060; padding: 2px 3px;}
.tblink a:hover {text-decoration: underline; }



/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 206px;
	margin-left: -100%;
	position: relative;
}
.sl .sbpadd{ padding: 0 0 0 36px; }
.sl .title{ background: #697060; border-bottom: 1px solid #727A68; line-height: 21px; height: 21px; overflow: hidden; }
.sl .title h1{ font-size: 14px; color: #f3ffce; padding: 0 10px; }
.sl .pics_block{ padding: 10px 9px; }
.sl .pics_block img{ border: 1px solid #697060; background: #B9CAAA; }
.sl .pics_block span{ display: block; margin: 0 0 20px; }
.sl .pics_block a:link span, .sl .pics_block a:visited span, .sl .pics_block a:active span, .sl .pics_block a:hover span{color: #f2d680; text-decoration: none; background: #697060; padding: 2px 5px;}
.sl .pics_block a:hover span{text-decoration: underline; }
.sl ul{ padding: 0 9px 10px; }
.sl ul li{ padding: 100%; padding: 2px 0; margin: 3px 0; }
.sl ul li a:link, .sl ul li a:visited, .sl ul li a:active, .sl ul li a:hover {color: #f2d680; text-decoration: none; background: #697060; padding: 2px 5px;}
.sl ul li a:hover {text-decoration: underline; }
.sl p{ padding: .4em 9px; }
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 882px;
	margin: -94px auto 0;
	height: 94px;
	background: url(images/footer_bg.png) no-repeat;
	color: #f3ffd0;
}
#footer .fpadd{ padding: 0 45px 0 36px; }
#footer p{ padding: 20px 0 0 ; }