/*************Whole Site in Gray(IE Only)************/
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/



* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #fff;
	background: url(images/grass.jpg) repeat top left; 
	height: 100%;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #9fea00; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;
    
}


.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 983px; }

#header {background: #000000;}
#header .shell { background: url(images/header.jpg);height: 94px; width:983px;}

h1#logo {padding-left: 250px; float: left; padding-top: 21px;}
h1#logo a {display: block; background: url(images/logo.gif) no-repeat 0 0; width: 299px; height: 39px;}

#navigation {background: url(images/nav.gif) repeat-x 0 0; height: 50px;width:983px;}
#navigation ul {float: right; list-style-type: none; }
#navigation ul li {background: url(images/nav-divider.gif) no-repeat right 0; float: left; display: inline; }
#navigation ul li a {color: #676767; font-family: tahoma, sans-serif; font-size: 15px; font-weight: bold;text-transform: uppercase; padding-top: 16px; display: block; height: 34px; padding-left:16px;  padding-right:16px;  }

#navigation ul li a:hover{
 text-decoration: none;
 background-color: #666666;
     color: #fff;
	}
#navigation .nactive{background-color: #FFFF66;
     color: #333333;}

#heading {height: 340px; background: url(images/heading.jpg) repeat-x 0 0;}
#heading .shell {width: 983px; position: relative;}
#heading-cnt { background:url(images/heading-cnt2.png) no-repeat; float: right;  padding-left:25px;}

#side-nav{ height: 340px; width;300px;  }

#side-nav ul {list-style-type: none; width: 205px; padding-top: 9px; padding-left: 10px; }
#side-nav ul li {float: left;  width: 205px; padding-bottom:5px; }
#side-nav ul li a {width: 195px; height: 18px; display: block; padding-left: 10px; padding-top: 4px; text-transform: uppercase; color: #636363; font-size: 14px; font-weight: bold;}
#side-nav ul li .link {background: url(images/side-nav.png) no-repeat 0 0; width: 205px; height: 30px; margin-left: -15px; }
#side-nav ul li.active a {color: #77912b;}
#side-nav ul li.active a:hover {text-decoration: none;}

#heading-box {
	float:left;
	top: 8px;
	left: 16px;
	width: 713px;
	height: 330px;
	padding-top: 10px;
	padding-left: 16px;
	


}
#heading-box-cnt {background: url(images/heading-box.png) no-repeat 0 0; width: 709px; height: 316px; padding-top: 5px; padding-left: 4px;}
.featured-main {position: relative; width: 440px; float: left;}
.featured-main img {border: 1px solid #000;}
.featured-main-details {position: absolute; left: 0; top: 260px;}
.featured-main-details-cnt { background: url(images/featured-main-details.png) repeat 0 0; width: 425px; height: 44px; padding-left: 10px; padding-top: 7px; padding-right: 5px;}
.featured-main-details h4, .featured-main-details h4 a {font-size: 12px; color: #9fea00;}
.featured-main-details p {color: #c9c9c9; font-size: 10px;}

.featured-side {width: 260px; padding-left: 6px; float: left;}
.featured-side-item {padding-right: 5px; padding-bottom: 10px;}
.featured-side-item img {border: 1px solid #000; margin-right: 3px;}
.featured-side-item h4, .featured-side-item h4 a {font-size: 12px; color: #9fea00;padding-top: 4px;}
.featured-side-item p {color: #c9c9c9; font-size: 10px;}

#hmain {background: url(images/main-bg.gif) repeat-x 0 0; padding-top: 0px; padding-bottom: 45px; width: 983px; }
#hmain h2 {color: #fff; font-size: 16px; text-transform: uppercase; padding-bottom: 2px;}

#right{float:left; width:233px; padding-left:15px;}

#sidebar {padding-top: 14px; width: 197px; padding-left: 17px;  float:left;} 
#sidebar ul {list-style-type: none; padding-bottom: 7px;}
#sidebar ul li {background: url(images/news-divider.gif) repeat-x 0 bottom; padding-bottom: 5px; padding-top: 5px;}
#sidebar ul li small.date { font-size: 9px;} 

a.archives {color: #909090; font-size: 11px; text-decoration: underline; display: block;}
a.archives:hover {text-decoration: none;}

#content {width: 713px; float: left; margin-left:16px;}
#content2 {width: 640px; float: left; margin-left:16px;}
#box { padding-top:16px;}

#box .shell {background: url(images/news-divider.gif) repeat-x 0 0; padding-top: 10px; width:auto; height: auto;}
#box img {background: #fff; border: 1px solid #cfcfcf; padding: 1px; margin-bottom: 6px; width:180px; height:150px;}
.content-box {width: 693px;  background: url(images/content-box-middle.gif) repeat-y scroll top right;float:left; padding-left: 10px; padding-top: 17px; padding-right: 10px; }

.content-box h1{color:#666666; font-size:20px; font-weight:bold;}

.content-box-top{width: 713px; background: url(images/content-box-top.gif) ; height:5px; float:left;}
.content-box-bottom{width: 713px; background:  url(images/content-box-bottom.gif) ; height:11px; float:left;}

#newsheader{  width:480px;padding-left: 8px; padding-bottom:8px; padding-top:5px; font-size:16px; font-weight: bold;  color:#666666; }
#newscontent{ width:480px;padding-left: 8px; padding-top:8px;}

#bbsheader {width:400px; padding:8px; color:#666666 ; font-size:14px; font-weight:bold;}
#bbscontent{ width:500px;padding-left: 30px; padding-top:8px;padding-bottom:8px;}
.newsheader {background: url(images/newsheader.png) no-repeat 0 0; width:714px; height:30px; float:left; padding-top: 0px; padding-bottom:5px; }
.newsheader h1 {font-size:16px; color:#666666; padding: 5px 0px 10px 15px;}
.grey-box {background: url(images/grey-box.gif) no-repeat 0 0; width: 209px; height: 228px; float: left; padding: 10px 26px 17px 8px;}
.last {padding-right: 10px !important;}
.grey-box h3, .grey-box h3 a {font-size: 13px; color: #303235; text-transform: uppercase; padding-bottom: 8px;}
.grey-box img {background: #fff; border: 1px solid #cfcfcf; padding: 1px; margin-bottom: 6px; width:205px; height:101px;}
.grey-box p {color: #1f1f1f; width: 205px;}
.grey-box p span {padding-bottom: 6px; display: block;}


.right-box-top {background: url(images/right-box-top.gif) no-repeat; float:left; height:8px; width:230px; }
.right-box{background: url(images/right-box.gif) no-repeat;float:left; height:300px; width:230px; color: #333333;}
.right-box-bottom{background: url(images/right-box-bottom.gif) no-repeat;float:left;height:9px; width:230px;}

#article-list {
	height: 265px;
	border: 1px solid #CCCCCC;
	padding: 15px;
	overflow: auto;
	width: 180px;

}
#article-list h1{color:#333333; font-size:16px; }

.article-entry {
	
	height: 50px;
	width:180px;
	color: #666666;
	padding-bottom: 5px;
	

}

#article-list  .article-entry a{

color:#0066CC
}

#article-list  .article-entry a:hover{
color:#33CC33

}

.articlecontent{ width: 450px; float:left; padding-top:10px;
padding-left:15px; padding-right:15px; font-size:13px; 
}
.articlepic{200px; float:left; padding-top:15px;}



a.button {background: url(images/button.png) no-repeat 0 0; float: right; width: 81px;height: 16px; display: block; color: #373737; font-size: 10px; padding-top: 3px; text-align: center; text-transform: uppercase;}
.video {width: 620px; height: 400px; background: url(images/video.png) no-repeat 0 0; padding-left: 10px; padding-top: 16px; }
.video-box {width: 690px; height: 191px; background: url(images/video-box.gif) no-repeat 0 0; padding-left: 10px; padding-top: 17px; padding-right: 13px;}
.video-box h2 {padding-bottom: 10px !important;}
.video-item-box {background: url(images/video-item-box.gif) no-repeat 0 0; width: 332px; height: 60px; float: left; padding-top: 8px; padding-left: 6px; padding-right: 17px; padding-bottom: 15px;}
.video-item-box img {border: 3px solid #333; margin-right: 7px; width:85px; height:47px;}
.video-item-box p {color: #f9f9f9;}
.second {padding-right: 5px !important; background: url(images/second.gif) no-repeat 0 0; width: 324px; }
a.watch-now {text-decoration: underline; text-transform: uppercase;}
a.watch-now:hover {text-decoration: none;}

#bottom {
height: 250px; background: #333333;
 border-top: 1px dashed #666666;
 border-bottom: 1px dashed #666666;

}

#bottom a{ font-size: 15px; 
}

#bottom li{
padding: 5px; border-bottom: 1px dashed #999999; width: 220px;
}

#footer {height:30px ; width: 983px; margin: 0 auto; font-size: 12px; background: #333333;}
#footer .shell {background: url(images/news-divider.gif) repeat-x 0 0; padding-top: 10px; }
#footer a {color: #fff; margin-right: 10px; text-decoration: underline; }
#footer a:hover {text-decoration: none;}


#cup {width:950px; height:500px; background: url(SportProgame/SpotProgram01.jpg) no-repeat; float:left;}
#cup1 {width:950px; height:500px; background: url(SportProgame/SpotProgram02.jpg) no-repeat;float:left;}
#cup2 {width:950px; height:500px; background: url(SportProgame/SpotProgram03.jpg) no-repeat;float:left;}
#cup3 {width:950px; height:500px; background: url(SportProgame/SpotProgram04.jpg) no-repeat;float:left;}
#cup4 {width:950px; height:500px; background: url(SportProgame/SpotProgram05.jpg) no-repeat;float:left;}
#cup5 {width:950px; height:500px; background: url(SportProgame/SpotProgram06.jpg) no-repeat;float:left;}
#cup6 {width:950px; height:500px; background: url(SportProgame/SpotProgram07.jpg) no-repeat;float:left;}
#cup7{width:950px; height:500px; background: url(SportProgame/SpotProgram08.jpg) no-repeat;float:left;}
#cup10{width:950px; height:500px; background: url(SportProgame/SpotProgram10.jpg) no-repeat;float:left;}
#cup11{width:950px; height:500px; background: url(SportProgame/SpotProgram11.jpg) no-repeat;float:left;}
#cup12{width:950px; height:500px; background: url(SportProgame/SpotProgram12.jpg) no-repeat;float:left;}
#cup13{width:950px; height:500px; background: url(SportProgame/SpotProgram13.jpg) no-repeat;float:left;}
#cup14{width:950px; height:500px; background: url(SportProgame/SpotProgram14.jpg) no-repeat;float:left;}
#cup15{width:950px; height:500px; background: url(SportProgame/SpotProgram15.jpg) no-repeat;float:left;}
#cupheader{font-size:14px; float:right; font-weight:bold; padding:5px;}
.cup{color: #000000; font-weight:bold;}
.cup a{color: #006600;}
.cup1{color: #CCCCCC;font-weight:bold;}
.cup1 a{color:#FFFFFF;}
.cup2{color: #333333;font-weight:bold;}
.cup2 a{color: #6600FF;}
.cup3{color: #333333;font-weight:bold;}
.cup3 a{color: #0066FF;}
.cup4{color: #333333;font-weight:bold;}
.cup4 a{color: #FF66FF;}
.cup5{color: #333333;font-weight:bold;}
.cup5 a{color: #330066;}
.cup6{color: #FFF;font-weight:bold;}
.cup6 a{color: #999999;}
.cup7{color: #FFF;font-weight:bold;}
.cup7 a{color: #6666FF;}
.cup10{color: #FFF;font-weight:bold;}
.cup10 a{color: ##FFFF66;}
.cup11{color: #000;font-weight:bold;}
.cup11 a{color: #9933FF;}
.cup12{color: #fff;font-weight:bold;}
.cup12 a{color: #fff;}
.cup13{color: #fff;font-weight:bold;}
.cup13 a{color: #fff;}
.cup14{color: #6600FF;font-weight:bold;}
.cup14 a{color: #6600FF;}
.cup15{color: #fff;font-weight:bold;}
.cup15 a{color: #fff;}


.oldcupheader {background: url(images/oldcupheader.png) no-repeat 0 0; width:605px; height:30px; float:left; padding-top: 0px; padding-bottom:5px; }
.oldcupheader h1 {font-size:16px; color:#666666; padding: 5px 0px 10px 0px;}

/*****contact us form*************/
#contact_form {
	position:absolute;
	opacity: 0.9;
filter:alpha(opacity=90);

	background:#003333;
	height: 220px;
	width: 400px;
	border: 1px solid #006600;
	
	display: none;
	margin-left: 800px;
	margin-top:-10px;
	
	}

#contact_header{
font-size: 16px; 
color:#FFFF99;
font-weight:bold;
background-color:#009900;
}

#contact_title{
    font-size: 14px;
	color: #00CC00;
	text-decoration: none;
	text-align:right;
}
#contact_btn, #btn_up {
	text-align: center;
	height:23px;
	width: 50px;
	background-color: #FFFFCC;
	font-size: 12px;
	color: #006600;

}
#contact_btns{
vertical-align:top;
}
/***end contact us***/

/*****contact us form*************/
#contact_form2 {
	position: absolute;
	opacity: 0.9;
filter:alpha(opacity=90);

	background: #333333;
	height: 220px;
	width: 380px;
	border: 1px solid #006600;
	
	display: none;
	
	margin-left:580px;
	
	
	}

#contact_header2{
font-size: 16px; 
color:#FFFF99;
font-weight:bold;
background-color:#009900;
}

#contact_title2{
    font-size: 14px;
	color: #00CC00;
	text-decoration: none;
	text-align:right;
}
#contact_btn2, #btn_up2 {
	text-align: center;
	height:23px;
	width: 50px;
	background-color: #FFFFCC;
	font-size: 12px;
	color: #006600;

}
#contact_btns2{
vertical-align:top;
}
/***end contact us***/