/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd, h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body,td,th {
	font-family: "Trebucht MS";
	font-size: 12px;
	color: #693c23;
	margin:0px;
}

html{
	height:100%;
	background-color: #c4d721;	
	}
body {
	height:100%;
	background-repeat: repeat-x;
	background-image: url(gfx/bg_body.jpg);
	background-color: #c4d721;
}
p {
	display: block;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	overflow: auto;
}
ol.decimal {
	list-style-type: decimal;
	margin-left: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
li {
	color: #53742d;
	list-style-position: outside;
}
h1 	{
	font-family: "Trebuchet MS";
	font-size: 30px;
	color: #193792;
	font-weight: normal;
	margin: 0px;
	 }
h2 	{
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #193792;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	 }
h3 	{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:  #193792;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	 }


h4	{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color:  #55742d;;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	 }

b,strong {
	font-family: "trebuchet MS";
	font-size: 12px;
	color: #53742d;
	font-weight: bolder;
	margin:0px;
	font-style: italic;
}

.userregt, .userregt td {

	font-family: "trebuchet MS";
	font-size: 12px;
	color: #53742d;
	font-weight: normal;
	margin:0px;
	font-style: italic;
	}



em {
	font-style: italic;
}

.l_np input {
	background-color: #e9ea97;
	width: 129px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 18px;
	padding-top: 2px;
	padding-left: 5px;
	color: #193792;
}

.btn_send input {
	height: 29px;
	width: 44px;
	background-image: url(gfx/bg_send_btn.gif);
	background-repeat: no-repeat;
	color: #53742d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
}

.pc_img img {
	border: 1px solid #FFFFFF;
}

.pdetailc_txt img {
	float: left;
	border: 1px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.pdetailc_img img {	
	border: 1px solid #FFFFFF;
	margin-right: 10px;
	margin-bottom: 5px;}

.ac_img img {border: 1px solid #FFFFFF;}


a {
	color: #193792;
	text-decoration: none;
	font-weight: normal;
	font-family: "Trebuchet MS";
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.contenthelpmenu a {
	color: #53742d;
}
.contenthelpmenu a:hover {
	color: #53742d;
	text-decoration: underline;
}

.btn a {
	display: block;
	height: 27px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(gfx/bg_btn.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #193792;
	text-decoration: none;
	text-align: center;
}
.btn a:hover {
	background-image: none;
	background-color: #afc003;
	text-decoration: none;
}

.btnon a {
	display: block;
	height: 27px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	/*background-image: url(gfx/bg_btn.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
	background-color: #afc003;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #193792;
	text-decoration: none;
	text-align: center;
}
.btnon a:hover {
	background-color: #afc003;
	text-decoration: none;
}

.subbtn a {
	background-image: url(gfx/subbtn_bgoff.gif);
	background-repeat: repeat-y;
	display: block;
	width: 133px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #193792;
}
.subbtn a:hover {
	background-image: url(gfx/subbtn_bgon.gif);
	text-decoration: none;
}

.subbtnon a {
	background-image: url(gfx/subbtn_bgon.gif);
	background-repeat: repeat-y;
	display: block;
	width: 133px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #193792;
}
.subbtnon a:hover {
	background-image: url(gfx/subbtn_bgon.gif);
	text-decoration: none;
}
	
.wrapper {
	background-image: url(gfx/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 434px;
	min-width:955px;
}

.topcontainer {
	width: 955px;
	margin: auto;
	text-align: left;
	position: relative;
	height: 434px;
}
.topanim {
	float: left;
	height: 434px;
	width: 955px;
	position: relative;
}
.logohome {
	height: 130px;
	width: 197px;
	position: absolute;
	left: 59px;
	top: 57px;
}
.butterfly {
	height: 100px;
	width: 100px;
	position: absolute;
	left: 564px;
	top: 116px;
}
.content-divider { clear: both;}

.contentcontainer {
	text-align: center;
	color: #898378;
	font-family: verdana;
	font-size: 90%;
	/*min-height: 900px;*/
	min-width: 955px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(gfx/bg_footer.gif);
	overflow: auto;
}

.maincc {
	width: 955px;
	margin: auto;
	text-align: left;
	overflow: hidden;
}
.menu_container {
	float: none;
	height: 37px;
	width: 906px;
	background-image: url(gfx/bg_menu.jpg);
	padding-right: 49px;
	overflow: hidden;
}
.btn {
	float: right;
	height: 37px;
	position: relative;
	width: 15%;
}

.btnon {
	float: right;
	height: 37px;
	position: relative;
	width: 15%;
}
.content {
	float: left;
	width: 915px;
	background-image: url(gfx/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-left: 40px;
}
.left_container {
	float: left;
	width: 183px;
	padding-top: 110px;
}
.login_container {
	height: 200px;
	width: 163px;
	float: left;
	background-image: url(gfx/bg_login.gif);
	padding-top: 10px;
	padding-left: 20px;
}
.l_head {
	width: 163px;
	font-family: "Trebuchet MS", Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #f0f3cd;
}
.l_np {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #53742D;
	float: left;
	width: 163px;
	line-height: 20px;
	padding-bottom: 5px;
	height: 120px;
}
.reg_btn {
	font-family: "Trebuchet MS";
	font-size: 10px;
	width: 138px;
	float: left;
	text-align: center;
	padding-top: 15px;
}
.middle_container {
	float: left;
	width: 264px;
	height: 320px;
	background-image: url(gfx/bg_news.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.n_head {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	color: #f0f3cd;
	float: left;
	width: 226px;
	padding-top: 15px;
}
.n_subhead {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #193792;
	float: left;
	width: 226px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 14px;
	overflow: hidden;
}
.n_img {
	width: 224px;
	height: 84px;
	display: block;
	border: 1px solid #FFFFFF;
	float: left;
}
.n_txt {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #53742d;
	float: left;
	width: 226px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 70px;
	overflow: hidden;
}
.n_more {
	float: left;
	width: 200px;
	font-size: 10px;
}
.right_container {
	float: left;
	width: 418px;
	height: 320px;
	background-image: url(gfx/bg_products.gif);
	background-repeat: no-repeat;
}
.p_top {
	float: left;
	height: 163px;
	width: 360px;
	padding-left: 20px;
	padding-right: 28px;
	padding-top: 1px;
}
.pt_head {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #193792;
	float: left;
	width: 222px;
	padding-top: 15px;
}
.pt_txt {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #53742d;
	float: left;
	width: 222px;
	padding-top: 10px;
	height: 75px;
	overflow: hidden;
}
.pt_img {
	float: right;
	height: 156px;
	width: 138px;
	display: block;
}
.p_bottom {
	float: left;
	height: 125px;
	width: 393px;
	padding-top: 17px;
	padding-left: 15px;
}
.pb_img {
	float: left;
	height: 100px;
	width: 76px;
	display: block;
}

.footer {
	height: 36px;
	width: 875px;
	float: left;
	background-image: url(gfx/bg_footermain.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #53742d;
	text-align: center;
	padding-top: 10px;
}
.drop {
	height: 193px;
	width: 108px;
	position: absolute;
	left: 12px;
	top: 227px;
}
.anim03 {
	height: 137px;
	width: 108px;
	position: absolute;
	left: 847px;
	top: 217px;
}

/*subpage*/
.headline {
	height: 84px;
	width: 712px;
	margin: auto;
	padding-left: 243px;
	padding-top: 45px;
}
.cleftcontainer {
	float: left;
	width: 183px;
	overflow: auto;
}
.crightcontainer {
	float: left;
	width: 732px;
	overflow: auto;
}
.submenucontainer {
	float: left;
	width: 183px;
	overflow: auto;
}
.submenutop {
	float: left;
	height: 35px;
	width: 183px;
	background-image: url(gfx/bg_submenu_top.gif);
	background-repeat: no-repeat;
}
.subbtnscontainer {
	float: left;
	width: 183px;
	overflow: auto;
	background-image: url(gfx/subbtnsc_bg.gif);
	background-repeat: repeat-y;
}

.subbtn {
	float: left;
	width: 173px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e994;
}
.subbtnon {
	float: left;
	width: 173px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e994;
}
.submenubottom {
	background-image: url(gfx/bg_submenu_bottom.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 183px;
}
.productcontainer {
	float: left;
	height: 271px;
	width: 214px;
	overflow: hidden;
	background-image: url(gfx/bg_product_container.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.pc_headline {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #193792;
	float: left;
	width: 184px;
	overflow: hidden;
	padding-bottom: 5px;
}
.pc_txt {
	float: left;
	height: 40px;
	width: 183px;
	overflow: hidden;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #53742d;
}
.pc_img {
	float: left;
	height: 172px;
	width: 204px;
	background-image: url(gfx/bg_pc_img.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.pc_btn {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #193792;
	width: 183px;
	float: left;
}
.pdetail_top {
	background-image: url(gfx/pdetail_top.gif);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 698px;
}
.pdetail_content {
	float: left;
	width: 698px;
	overflow: auto;
	background-image: url(gfx/pdetail_content.gif);
	background-repeat: repeat-y;
}
.pdetailc_txt {
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 20px;
	color: #53742d;
	width: 301px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: 10px;
	float: left;
}
.pdetailc_img {
	float: left;
	width: 321px;
	padding-left: 20px;
	background-image: url(gfx/bg_productimg.gif);
	background-repeat: no-repeat;
	background-position: 20px top;
}

.pdetailc_btn {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #193792;
	width: 183px;
	float: left;
	margin-top: 10px;
}


.pdetail_bottom {
	background-image: url(gfx/pdetail_bottom.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 698px;
}
.contenthelpmenu {
	background-image: url(gfx/bg_contenthelpmenu.gif);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 678px;
	background-position: left;
	padding-left: 20px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #53742d;
	padding-top: 20px;
}
.articlecontainer {
	background-image: url(gfx/bg_article.gif);
	background-repeat: no-repeat;
	float: left;
	height: 201px;
	width: 331px;
	padding-left: 20px;
	padding-top: 30px;
}
.ac_txt {
	float: left;
	width: 145px;
}
.ac_maintxt {
	float: left;
	height: 146px;
	width: 135px;
	overflow: hidden;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #55742d;
	padding-right: 10px;
}
.ac_btn {
	float: left;
	width: 145px;
	padding-top: 5px;
}
.ac_img {
	float: left;
	width: 176px;
	height: 168px;
	background-image: url(gfx/bg_articleimg.gif);
	background-repeat: no-repeat;
}
.tpage_top {
	float: left;
	height: 31px;
	width: 698px;
	background-image: url(gfx/ttop_bg.gif);
	background-repeat: no-repeat;
}
.tpage_main {
	float: left;
	width: 638px;
	overflow: auto;
	background-image: url(gfx/tmain_bg.gif);
	background-repeat: repeat-y;
	padding-right: 40px;
	padding-left: 20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 20px;
	color: #55742d;
}
.tpage_bottom {
	background-image: url(gfx/tbottom_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 698px;
}

.regform_err { background:#eec102; padding:5px; margin-bottom:20px; }
.regform_ok { background:#c4d821; padding:5px; margin-bottom:20px; }
.regform_header { background:#96ae18; color:#ffffff; font-weight:bold; padding:5px; }


.pdetailc_game {
                font-family: "Trebuchet MS";
                font-size: 12px;
                line-height: 20px;
                color: #53742d;
                width: 346px;
                float: left;
                height: 426px;
                margin-right: 5px;
}
.pdetail_game {
                float: left;
                width: 698px;
                overflow: auto;
}
.pdetailc_halloffame {
                float: left;
                width: 316px;
                background-image: url(gfx/bg_halloffame.gif);
                background-repeat: no-repeat;
                height: 396px;
				padding:15px;
}


.scoredesktop {
float: left;width: 388px;background-color:#c4d721;padding-left:0px;font-family:Tahoma;font-size:10px;color:#693c23;
}
.scoredata {
	background-image: url(gfx/bg_score.gif);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 311px;
}
.scorename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	width: 230px;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	overflow: hidden;
}
.score {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #193792;
	font-weight: bold;
	float: left;
	width: 60px;
	overflow: hidden;
	padding-top: 10px;
	text-align: right;
}