@import url("../../../css/yui/reset.css");
@import url("../../../css/netil/framework.css");

html, body{
	background: #5e7a92 url(../images/bg/body.jpg) repeat-x;
	font-family: Tahoma;
	font-size: 11px;
	color: #1f4b80;
	height: 100%;
}

a:hover {
	text-decoration: none;
}

b, strong {
	font-weight: bold;
}

img{
	margin:0;
	padding:0;
	display: block;
}

.invalid {
	color: #ff0000;
}

div#site{
	width: 960px;
	margin: 0 auto;
	background: transparent;
}

div#top{
	width: 960px;
	height: 120px;
	background: transparent;
}

#top h1{
	float: left;
}

#top h1 a{
	display: block;
	width: 490px;
	height:90px;
	background: transparent url(../images/logo.jpg) no-repeat;
	text-indent: -5000em;
	margin-top: 20px;
}

#top ul{
	float: right;
	margin-top: 14px;
}

#top ul li{
	float: left;
}

#top ul li a{
	height: 18px;
	float: left;
	background: transparent url(../images/bowl.jpg) no-repeat;
	padding-top: 3px;
	padding-left: 25px;
	margin-right: 30px;
	color: #fff;
	text-decoration: none;
	display: block;
}

#top ul li a:hover{
	text-decoration: underline;
}

div#head{
	width: 960px;
	height:350px;
	background: #fff url(../images/bg/head.jpg) no-repeat;
}

ul#menu{
	width: 940px;
	height: 45px;
	display: block;
	float: left;
	margin-top: 9px;
	padding-left: 10px;
}

ul#menu li, ul#menu li a{
	float: left;
	height: 45px;
	display: block;
}

ul#menu li a{
	text-indent: -5000em;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul#menu li a:hover {
	background-position: 0 100%;
}

ul#menu li a.item1{
	background-image: url("../images/menu/btn_home.jpg");
	width: 125px;
}

ul#menu li a.item2{
	background-image: url("../images/menu/btn_leagues.jpg");
	width: 100px;
}

ul#menu li a.item3 {
	background-image: url("../images/menu/btn_scores.jpg");
	width: 83px;
}

ul#menu li a.item4 {
	background-image: url("../images/menu/btn_tournaments.jpg");
	width: 125px;
}

ul#menu li a.item5 {
	background-image: url("../images/menu/btn_news.jpg");
	width: 74px;
}

ul#menu li a.item6 {
	background-image: url("../images/menu/btn_proshop.jpg");
	width: 99px;
}

ul#menu li a.item7{
	background-image: url("../images/menu/btn_lounge.jpg");
	width: 92px;
}

ul#menu li a.item8{
	background-image: url("../images/menu/btn_events.jpg");
	width: 88px;
}

ul#menu li a.item9{
	background-image: url("../images/menu/btn_contact.jpg");
	width: 153px;
}


div#slogan{
	width: 940px;
	height: 296px;
	background: url("../images/slogan_bg.jpg") no-repeat;
	clear: both;
	margin-left: 10px;
}

#slogan p{
	color: #fff;
	width: 300px;
	line-height: 18px;
	float: right;
	display: block;
	margin-top: 70px;
	margin-right: 20px;
	text-align: right;
}

#slogan a{
	float: right;
	display: block;
	clear: right;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: transparent url("../images/arrow.gif") 100% 5px no-repeat;
	margin-right: 20px;
	margin-top: 10px;
	padding-right: 8px;
}

#slogan a:hover{
	text-decoration: underline;
}

div#content{
	width: 960px;
	float: left;
	background: #fff;
}

div#leftside{
	width: 235px;
	float: left;
	padding-left: 10px;
}

div.upcoming{
	width: 235px;
	background: #d5e2ee;
}

.upcoming h3 a{
	display: block;
	height: 36px;
	background: transparent url("../images/h2_upcoming.jpg") no-repeat;
	text-indent: -5000em;	
}

.upcoming dl{
	margin-left: 18px;
	margin-right: 11px;
}

.upcoming dl dt{
	font-size: 12px;
	font-weight: bold;
	color: #1f4c81;
	background: transparent url("../images/arrow2.gif") 0 5px no-repeat;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}


.upcoming dl dd a{
	color: #47525f;
	text-decoration: none;
	margin-left: 4px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url("../images/arrow3.gif") 0px 10px no-repeat;
	line-height: 15px;
	display: block;
	border-top: 1px solid #bbcbda;
}

.upcoming dl dd a:hover{
	text-decoration: underline;
}

div.upcoming-bot{
	width: 235px;
	height: 25px;
	background: #d5e2ee url("../images/upcoming_bg.jpg") 0 100% no-repeat;
	float: left;
}

.upcoming-bot span{
	display: block;
	width: 107px;
	height: 23px;	
	background: url("../images/see_all.jpg") no-repeat;
	float: right;
}

.upcoming-bot span a{
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #204f84;
	text-decoration: none;	
	background: url("../images/arrow4.gif") 100% 4px no-repeat;
	padding-right: 7px;
	margin-top: 6px;
	margin-right: 15px;
	text-align: right;
}

.upcoming-bot span a:hover{
	text-decoration: underline;
}

.upcoming dl.index * {
	background: none!important;
}

.upcoming dl.index dd a {
	border-top-style: dashed;
}

.upcoming dl.index {
	width: 550px;
}

.nobg {
	background: none!important;
}

div.newsletter{
	width: 235px;
	height: 105px;
	background: url("../images/newsletter_bg.jpg") no-repeat;
	float: left;
	margin-top: 7px;
}

.newsletter p{
	color: #fff;
	line-height: 14px;
	margin-top: 33px;
	margin-left: 15px;
	margin-right: 15px;
}

.newsletter form{
	width: 211px;
	height: 23px;
	background: url("../images/input_bg.jpg") no-repeat;
	margin-left: 13px;
	margin-top: 10px;
}

.newsletter form input{
	border: none;
	background: transparent;
	font-family: Tahoma;
	font-size: 10px;
	color: #a9a9a9;
	display: block;
	float: left;
	margin-top: 5px;
	padding-left: 10px;
	width: 100px;
}

.newsletter form button{
	display: block;
	float: right;
	width: 83px;
	height: 18px;
	background: url("../images/subscribe.jpg") no-repeat;
	border: none;
	margin-top: 3px;
	margin-right: 2px;
	color: #fff;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
}


div#main{
	float: right;
	padding-right: 15px;
	width: 680px;
}

div.chapter{
	float: left;
	margin-bottom: 10px;
	width: 680px;
}

div.chapter h2{
	font-size: 12px;
	color: #1f4b80;
	font-weight: bold;
	background: url("../images/h2_bg2.jpg") 0% 100% repeat-x;
	margin-top: 10px;
	margin-bottom: 7px;
}

div.chapter h2 span{
	display: block;
	width: 680px;
	background: url("../images/h2_bg.jpg") 0% 100% no-repeat;
	height: 21px;
}

div.chapter img{
	border: 3px solid #35649a;
	margin-right: 8px;
}

div.chapter p{
	line-height: 15px;
}

div.news{
	width: 196px;
	float: left;
	margin-right: 40px;
}



div.news img{
	border: 3px solid #585958;
	margin-bottom: 5px;
	margin-right: 0px;
}

div.news p{
	line-height: 15px;
}

div.news a{
	display: block;
	float: right;
	background: url("../images/arrow5.gif") 100% 4px no-repeat;
	color: #1f4b80;
	font-size: 10px;
	font-weight: bold;
	padding-right: 5px;
	text-decoration: none;
}

div.news a:hover{
	text-decoration: underline;
}


div#footer{
	clear: both;
	width: 960px;
	height: 60px;
	background: url("../images/footer_bg.jpg") no-repeat;
	padding-top: 40px;
	font-size: 10px;
	color: #fff;
}

span.copy{
	float: left;
	padding-left: 15px;
}

span.copy a{
	color: #fff;
}

span.copy a:hover{
	text-decoration: none;
}

span.info{
	float: right;
	padding-right: 15px;
}

span.info a{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

span.info a:hover{
	text-decoration: underline;
}

.noborder{
	border: none !important;
}

.nomargin{
	margin:0 !important;
}

.fl{
	float: left;
}

fieldset {
	border: 1px #7ba1c4 solid;
	padding: 20px;
	margin: 20px;
}

legend {
	color: #102439;
	padding: 0 5px;
	font-weight: bold;
}

form {
}

form .row {
	clear: both;
	width: 100px;
	padding-bottom: 4px;
}

form input {
	padding: 2px;
}

form .ok {
	cursor: pointer;
	font-weight: bold;
}