/* CSS Document */

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
body { background: #0075ae url(images/bg-body.gif) top repeat-x; margin: 0px 0px 20px 0px; padding: 0px; }
small { font-size: 10px; font-weight: bold; color: #999; }
p,h1,h2,h3,form,ul,ol { margin: 0px; padding: 0px; }

a { color: #0075ae; }
a.linkgreen { color: #90b900; }
a.linkwhite { color: #fff; }
a:hover { color: #666; text-decoration: none; }

#toprootbox { margin: auto; width: 940px; padding: 15px 10px 5px 10px; margin-bottom: 0px; color: #efefef; background: #333;
	border-bottom: 5px solid #fff; }
#toprootbox a { color: #0075ae; text-decoration: none; margin-right: 20px; margin-left: 20px; }
#toprootbox a:hover { color: #999; }

#root { background: #fff url(images/bg-root.gif) bottom no-repeat; margin: auto; width: 950px; padding: 5px; margin-bottom: 15px; }

#header { height: 60px; background: url(images/bg-header.gif) repeat-x; }
#header-left { float: left; width: 295px; height: 60px; background: url(images/bg-header-left.gif) no-repeat; }
#header-left h1 { font-size: 12px; overflow: hidden; text-indent: -35000px; }
#header-left a { display: block; width: 295px; height: 60px; }
#header-right { float: right; width: 600px; height: 50px; text-align: right; padding: 10px 10px 0px 0px; }
#header-right #toptitle { height: 25px; }
#header-right h2 { font-size: 12px; color: #ff6c00; display: block; }
#header-right ul { list-style: none; text-align: left; }
#header-right ul li { float: right; font-weight: bold; }
#header-right ul li a { display: block; width: 90px; height: 19px; color: #fff; text-decoration: none; background: url(images/bg-li-topnav.gif) top;
	margin-left: 2px; padding: 6px 0px 0px 10px; }
#header-right ul li a:hover { background-position: bottom; }

#topbar { height: 30px; background: url(images/bg-topbar.gif) no-repeat; margin-bottom: 4px; }
#topbar ul { list-style: none; }
#topbar ul li { float: left; font-weight: bold; }
#topbar ul li a { display: block; height: 22px; border-right: 1px solid #fff; padding: 8px 11px 0px 11px; text-decoration: none; color: #fff; }
#topbar ul li a.noborder { border: none; }
#topbar ul li a:hover { color: #00e4ff; }

#front-header { height: 250px; background: url(images/bg-front-header.gif) no-repeat; padding: 5px; margin-bottom: 5px; }
#front-header h2 { display: block; height: 17px; background: url(images/bg-h2-bar.gif); font-size: 11px; color: #006799; padding: 3px 0px 0px 5px;
	margin-bottom: 4px; }
#front-header-left { float: left; width: 625px; height: 250px; }
#front-header-right { float: right; width: 303px; height: 250px; }

.tribar { height: 78px; background: url(images/bg-tribar.gif) no-repeat; padding: 10px; color: #70d1ff; margin-bottom: 5px; }
.tribar a { color: #fff; text-decoration: none; }
.tribar a.linkwhite { color: #d4ee7b; }
.tribar a:hover { color: #b2e4fc; }
.tribar h3 { font-size: 11px; margin-bottom: 5px; border-bottom: 1px dotted #1f9bd7; padding-bottom: 2px; line-height: 12px; }
.tribar-left { float: left; width: 195px; margin-right: 10px; height: 73px; padding-top: 5px; }
.tribar-center { float: left; width: 195px; margin-right: 10px; height: 73px; padding-top: 5px; }
.tribar-right { float: left; width: 195px; height: 73px; padding-top: 5px; }
.tribar .thumb-box { float: left; width: 78px; }
.tribar .thumb-box a { border: 4px solid #fff; display: block; }
.tribar .thumb-box a:hover { border: 4px solid #d4ee7b; }
.tribar .data-box { float: right; width: 95px; padding-right: 10px; font-size: 10px; font-weight: bold; }

#root-content-left { float: left; width: 630px; }
#root-content-left h2.pagetitle { font-size: 18px; color: #0072aa; height: 26px; background: url(images/bg-h2.gif) no-repeat; margin-bottom: 4px;
	padding: 4px 0px 0px 10px; }
#root-content-right { float: right; width: 315px; }

#catbox { background: #d4ee7b url(images/bg-catbox.gif) bottom no-repeat; padding-bottom: 5px; margin-bottom: 5px; }
#catbox h2 { display: block; height: 14px; font-size: 11px; background: url(images/bg-h2-catbox.gif) no-repeat; padding: 4px 0px 0px 12px; color: #536b00;
	margin: 0px; }
#catboxin { margin: auto; width: 602px; background: url(images/bg-catboxin.gif) bottom no-repeat #a3d200; padding: 15px 10px 0px 8px; }
#catboxin ul { list-style: none; }
#catboxin ul li { float: left; width: 110px; margin: 0px 5px 2px 5px; border-bottom: 1px solid #97c300; }
#catboxin ul li a { display: block; color: #fff; text-decoration: none; padding: 2px 0px 2px 5px; }
#catboxin ul li a:hover { background: #97c300; font-weight: bold; }

#gamelist h2 { margin: auto; display: block; height: 20px; width: 303px; font-size: 11px; margin-bottom: 0px; margin-top: 0px; }
#gamelist h2 a { color: #0075ae; text-decoration: none; display: block; padding: 3px 0px 0px 7px; 
	background: url(images/bg-h2-gamelistbox.gif) top no-repeat; height: 17px; }
#gamelist h2 a:hover { color: #fff; background-position: bottom; }
#gamelist-left { float: left; width: 313px; }
#gamelist-right { float: right; width: 313px; }
.gamelistbox { background: #e1f3fc url(images/bg-gamelistbox.gif) top no-repeat; padding: 5px 0px 0px 0px; margin-bottom: 4px; }
.gamelistboxin { padding-bottom: 5px; background: #e1f3fc url(images/bg-gamelistboxin.gif) bottom no-repeat; }
.gamelistbox-list { margin: auto; width: 283px; background: #fff; padding: 10px 10px 5px 10px; }
.gamelistbox-listthumb { float: left; width: 78px; height: 104px; }
.gamelistbox-listthumb a.img-block { border: 4px solid #b2e4fc; display: block; }
.gamelistbox-listthumb a.img-block:hover { border: 4px solid #d4ee7b; display: block; }
.gamelistbox-listthumb a.txt-block { display: block; padding: 4px; font-weight: bold; }
.gamelistbox-listdata { float: right; width: 190px; }
.gamelistbox-listdata ul { list-style: none; margin-bottom: 10px; }
.gamelistbox-listdata ul li { border-bottom: 1px dotted #ccc; }
.gamelistbox-listdata ul li a { text-decoration: none; display: block; padding: 2px 0px 2px 20px; background: url(images/bg-arrow1.gif) top left no-repeat; }
.gamelistbox-listdata ul li a:hover { background-color: #b2e4fc; color: #fff; }

.gamebox { float: left; width: 303px; height: 105px; background: url(images/bg-gamebox.gif) no-repeat; padding: 5px; margin-bottom: 4px; }
.gameboxleft { margin-right: 4px; }
.gameboxin { padding: 9px; }
.gamebox-thumb { float: left; width: 78px; height: 68px; }
.gamebox-thumb a { border: 4px solid #b2e4fc; display: block; }
.gamebox-thumb a:hover { border: 4px solid #d4ee7b; display: block; }
.gamebox-data { float: right; width: 194px; }
.gamebox-data p { margin-bottom: 6px; }

.navbox { padding: 10px; }
.textbox { padding: 10px; }
.flashbox { background: url(images/bg-flashbox.gif) repeat-y; }
.flashbox .flashboxfile { padding: 0px 15px 0px 15px; text-align: center; }
.flashbox .flashboxtop { background: url(images/bg-flashboxtop.gif) top no-repeat; }
.flashbox .flashboxbot { background: url(images/bg-flashboxbot.gif) bottom no-repeat; }

.rightbox { background: #0075ae url(images/bg-rightbox.gif) bottom no-repeat; padding-bottom: 5px; color: #1089c3; margin-bottom: 10px; }
.rightbox h2 { display: block; height: 14px; font-size: 11px; background: url(images/bg-h2-rightbox.gif) no-repeat; padding: 4px 0px 0px 12px;
	color: #0075ae; }
.rightbox h3 { font-size: 11px; margin-bottom: 10px; border-bottom: 1px dotted #96c3d8; padding-bottom: 2px; }
.rightbox a { color: #00547d; text-decoration: none; }
.rightbox a:hover { color: #68b0d2; }
.rightboxin { padding: 0px 5px 0px 5px; }
.rightbox-spot { height: 67px; background: url(images/bg-rightbox-spot.gif) no-repeat; padding: 5px; margin-bottom: 1px; }
.rightbox-spot-thumb { float: left; width: 78px; }
.rightbox-spot-thumb a { border: 4px solid #fff; display: block; }
.rightbox-spot-thumb a:hover { border: 4px solid #d4ee7b; display: block; }
.rightbox-spot-data { float: right; width: 210px; padding-top: 3px; }
.rightboxin ul { list-style: none; }
.rightboxin ul li { margin-bottom: 1px; height: 23px; }
.rightboxin ul li a { display: block; height: 18px; color: #fff; font-weight: bold; background: url(images/bg-li-rightbar.gif) top no-repeat;
	padding: 5px 0px 0px 8px; }
.rightboxin ul li a span { font-size: 10px; color: #404040; }
.rightboxin ul li a:hover { background-position: bottom; color: #6a8900; }

.rightboxclean { margin-bottom: 15px; padding: 7px; background: url(images/bg-rightads.gif) no-repeat; }

.clearall { clear: both; }

#footer { background: #333 url(images/bg-footer.gif) top no-repeat; clear: both; }
#footerbox { background: url(images/bg-footerbox.gif) bottom no-repeat; padding: 10px; color: #ccc; }

#bannerbox { margin: auto; width: 950px; text-align: center; }