body { background: url(images/index_01.gif) repeat-x top #e7caf6; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; text-align: center; font-size: 12px; }
#head { width: 1080px; margin: auto; }
#head img { float: left; }
a { color: #000; }
a:hover {}
#head .intro { background: url(images/index_03.gif) no-repeat; width: 367px; height: 143px; float:left; }
#head h1 { font-size: 16px; margin: 5px 18px; border-bottom: 1px solid #000; padding-bottom: 3px; }
#head p { margin: 0 30px; font-size: 12px; }
#head .top a { float:left; width: 120px; text-align: left; margin-left: 6px; text-decoration: none; padding: 2px }
#head .top a:hover { text-decoration: underline; background: #f2f2f2; }
#head .top { width: 371px; height: 143px; background: url(images/index_04.gif) no-repeat; float:left; }
a.bookmark { clear:left; border: 0px solid #c10b0e; padding: 3px; display: block; margin: 0 10px; text-transform: uppercase; color: #000; font-size: 11px; font-weight: bold; }
a.bookmark:hover { text-decoration: none; }

.tbl { width: 1043px; margin: auto; border: 1px solid #fff; margin-top: 10px; padding: 0 0 0 4px; background:#fff; }
.tbl img { border-color: #000; }
.tbl img.thumb { margin: 3px 3px 0 3px; }
.tbl a.thumb { float:left; text-decoration: none; margin-bottom: 3px; }
.tbl h1 { background: #c10b0e; color: #fff; margin: 3px 7px 3px 3px; padding: 3px; font-size: 16px; }
.tbl a.bookmark { margin: 10px 7px 3px 3px; }
.tbl .thumb-text { float:left; margin-bottom: 3px; }
.tbl .thumb-text img { display: block; margin: 3px; }
.tbl .thumb-text a:hover { text-decoration: none; }
.tbl a.toplist { width: 225px; float:left; padding: 3px; margin: 3px; text-align: left; }
.tbl a.toplist:hover { background: #fff; }


.footer { text-align: center; border-top: 1px solid #000; background: #e7e7e7; margin-top: 20px; padding: 10px; font-size: 11px; }


.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.buttons { width: 1026px; margin: auto; border: 1px solid #ccc; text-align: center; padding: 10px; margin-top: 20px; background: #8D01D4;  }
.buttons a { padding: 6px 7px; background: #FDFDFD; color: #C20B0F; font-weight: bold; }
.buttons a:hover { background: #C20B0F; color: #FDFDFD; }

.button { width: 934px; margin: auto; border: 1px solid #ccc; text-align: center; padding: 10px; margin-top: 10px; background: #5F626C;  }
.button a { padding: 6px 7px; background: #FF0000; color: #fff; font-weight: bold; }
.button a:hover { background: #FF0000; color: #000; }

.style96 {color: #000000}

.style97 { text-decoration:none; color: #000000}
	
.style98 { text-decoration:none; color: #FFFFFF}

.style99 {color: #FFFFFF}

.style101 {font-size: 14px}

.style102 {font-size: 16px }

.style103 {font-size: 18px}

.style104 {color: #fff}

.style89 { color: #fff; font-size: 11px}

.style203 {font-size: 14px; color: #CCCCCC}

.style204 {color: #5F626C}