* {margin: 0; padding: 0;}
body {background: url(../images/bg.jpg) top repeat-x #570000; color: #000000; font: normal 12px Tahoma, Verdana, Arial, sans-serif;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
h1 {display: none;}
a:link, a:visited, a:active {color: #AA0000;}
a:hover {text-decoration: none; color: #FF9F00;}
/*center*/
.center {width: 1040px; margin: 0px auto;}
.center h2 {background: url(../images/h2.jpg) top right no-repeat; text-indent: -9000px; overflow: hidden;}
.center h2 span {display: block; height: 88px;}
.center h3 {color: #FFFFFF; text-align: center; font-size: 15px; padding: 10px 0;}
/*center*/

/*headers*/
.h201 span {background: url(../images/hall.jpg) top left no-repeat;}
.h202 span {background: url(../images/tod.jpg) top left no-repeat;}
.h203 span {background: url(../images/yes.jpg) top left no-repeat;}
.h204 span {background: url(../images/friend.jpg) top left no-repeat;}
.h205 span {background: url(../images/bonus.jpg) top left no-repeat;}
.h206 span {background: url(../images/archived.jpg) top left no-repeat;}
 /*headers*/

/*head*/
.head {background: url(../images/head.jpg) no-repeat; width: 696px; height: 152px; margin: 0px auto;}
.text-left {text-align: right; position: absolute; width: 135px; font-size: 9px; top: 12px;}
.text-right {position: absolute; margin-left: 533px; top: 38px; font-size: 10px; font-weight: bold;}
/*head*/

/*thumbs*/
.thumbs {width: 1040px; background: #c1b58f; clear: both;}
.thumbs a span {width: 240px; height: 20px; opacity: 0.25; position: absolute; margin: -25px 0 0 1px; background: #FF0000; cursor: pointer;  display: block;}
.thumbs a strong { display: block; text-align: center; position: absolute; font-size: 12px; margin: -23px 0 0 1px; color: #FFFFFF; width: 240px; height: 17px; text-decoration: none; cursor: pointer;}
.thumbs a:hover strong {text-decoration: none;} 
.thumbs a:hover img, .thumbs2 a:hover img { border: 1px #000 dashed;}
.thumbs a.topimg:hover img { border: 1px dashed #FFFFFF;}
.thumbs a.topimg {display: block; float: left; width: 242px; margin: 0 5px 5px 0;}

.thumbs .in {padding: 0 0 0 19px; width: 1020px; overflow: hidden;}
.thumbs .thumb {float: left; margin: 0 12px 5px 0;}
.thumbs .thumb img {width: 240px; height: 180px; border: 1px solid #000000;}
.thumbs p {padding: 3px 0 5px 0; text-align: center; font-size: 14px;}
div.br {clear: both; height: 1px;}
/*thumbs*/

/*thumbs2*/
.thumbs2 {width: 920px; background: #c1b58f; clear: both;}
.thumbs2 a span {width: 240px; height: 20px; opacity: 0.25; position: absolute; margin: -25px 0 0 1px; background: #FF0000; cursor: pointer;  display: block;}
.thumbs2 a strong { display: block; text-align: center; position: absolute; font-size: 12px; margin: -23px 0 0 1px; color: #FFFFFF; width: 240px; height: 17px; text-decoration: none; cursor: pointer;}
.thumbs2 a:hover strong {text-decoration: none;} 
.thumbs2 a:hover img, .thumbs2 a:hover img { border: 1px #000 dashed;}
.thumbs2 a.topimg:hover img { border: 1px dashed #FFFFFF;}
.thumbs2 a.topimg {display: block; float: left; width: 242px; margin: 0 5px 5px 0;}

.thumbs2 .in {padding: 0 0 0 20px;}
.thumbs2 p {text-align: center;}
.thumbs2 .thumb {float: left; margin: 0 10px 10px 0;}
.thumbs2 .thumb img {width: 190px; height: 145px; border: 1px solid #000000;}
div.br {clear: both; height: 1px;}
/*thumbs2*/

/*result*/
.result {background: #c1b58f; padding: 0 0 20px 8px; width: 875px; margin: 0px auto;}
.result p {text-align: center;}
/*result*/

/*search*/
.search {clear: both; padding: 5px 0 10px 0; text-align: center; font-size: 14px; background: #c1b58f;}
.f01 {width: 250px; height: 16px;}
.f02 {vertical-align: middle; padding: 0 1px;}
.search select {height: 20px; width: 80px; vertical-align: middle;}
/*search*/

/*bookmark*/
.bookmark {background: url(../images/bg_book.jpg) top repeat-x; text-indent: -90px; }
.bookmark a {background: url(../images/book.gif) no-repeat; display: block; width: 243px; height: 42px; margin: 0px auto;} 
/*bookmark*/

/*links*/
.links {width: 900px; margin: 0px auto; padding: 10px 0 10px 20px;}
.links {font-size: 16px;}
.links a {color: #FEF1C7; font-weight: bold;}
.links ul {width: 180px; float: left;}
.links li {line-height: 22px;}
/*links*/

/*top2*/
.top2 {width: 900px; margin: 0px auto; padding: 10px 0 10px 22px; color: #BC4B00;}
.top2 {font-size: 15px;}
.top2 a {color: #FEF1C7; font-weight: bold;}
.top2 ul {width: 180px; float: left;}
.top2 li {line-height: 12px; margin-bottom: 3px;}
/*top2*/

/*pages*/
.pages {font-size: 18px; color: #fff; line-height: 16px; text-align: center; padding: 20px 0;}
.pages a {text-align: left;	font-weight: bold; text-decoration: none; border: 1px solid #000; background: #FFD869; padding: 2px 4px; font-size: 16px; color: #000000;}
.pages a:hover {border: 1px solid #990066; background: #fff; text-decoration: underline;}
/*pages*/

/*top*/
.top {background: #c1b58f; font-weight: bold; padding: 0 0 15px 90px;}
.top ul {width: 300px; float: left; font-size: 18px;}
.top ul.x2 {width: 451px; float: left; font-size: 25px; margin-bottom: 15px;}
/*top*/

/*footer*/
.footer {background: url(../images/footer.jpg) no-repeat; width: 730px; margin: 25px auto 0px auto; height: 129px;}
.footer a {font-weight: bold;}
.bookmarks {width: 435px; float: left; text-indent: -9000px; overflow: hidden;}
.bookmarks a {height: 129px; display: block;}
.footer p {width: 250px; float: left; margin: 16px 25px 0 20px; text-align: center; font-size: 10px;}
/*footer*/