body {
	background: url(i/bg.png) center top repeat-y #f4f4f4;
	margin: 30px 0 0 0;
        color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}



img {
	border: none;
}

#container {
	width: 996px;
    margin: 0 auto;
}

#top {
	background: url(i/top.png);
	width: 996px;
	height: 78px;
}

#top  a {
	width: 450px;
	height: 78px;
	display: block;
	float: left;
}

#top form {
	float: right;
	margin: 28px 52px 0px 0px;
	
	color: #636363;
}

#top form a {
	width: 75px;
	height: 27px;
	display: block;
	float: left;
}

#top2 {
	background: url(i/top.png) no-repeat;
	width: 996px;
	height: 78px;

}

#top2 a {
	color:#FFFFFF;
}

#top2 a.hover {
	color:#FFFFFF;
}
#top2 a.visited {
	color:#FFFFFF;
}



#top2 form {
	float: right;
	margin: 28px 26px 0 0;
	padding: 0;
	color: #636363;
}

#top2 form a {
	width: 75px;
	height: 27px;
	display: block;
	float: left;
}

#username {
	background: url(i/input.jpg);
	width: 112px;
	height: 22px;
	border: none;
	padding: 5px 5px 0 5px;
	float: left;
	margin: 0 6px 0 0;
	color: #636363;
}

#password {
	background: url(i/input.jpg);
	width: 112px;
	height: 22px;
	border: none;
	padding: 5px 5px 0 5px;
	float: left;
	margin: 0 6px 0 0;
	color: #636363;
}

#login {
	background: url(i/login.jpg);
	width: 64px;
	height: 27px;
	border: none;
	padding: 0;
	float: left;
	margin: 0 6px 0 0;
	cursor: pointer;
}

#register {
	background: url(i/register.jpg);
}

#banner {
	background: url(i/banner.jpg);
	width: 996px;
	height: 143px;
}

#ticker {
	background: url(i/tickerbg.png) no-repeat;
	margin:0 auto;
	padding-top:5px;
	width:930px;
	height:25px;
}

#site {
	background: #f1f1f1;
	width: 966px;
	padding: 10px;
    border-left: 5px solid #d1d1d1;
	border-right: 5px solid #d1d1d1;
}

#nav {
	background: url(i/nav_bg.jpg);
	width: 966px;
	height: 46px;
	color: #fff;
}

#nav ul {
	width: 650px;
	height: 46px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#nav ul li {
	float: left;
}


#nav ul li a {
	display: block;
	float: left;
	height: 46px;
	text-decoration: none;
}

#nav ul li a span {
	visibility: hidden;
}

#nav ul li a:hover span {
	visibility: visible;
}

#nav ul li a#nav_home {
	background: url(i/nav_home.jpg);
	width: 74px;
}

#nav ul li a#nav_ladders {
	background: url(i/nav_ladders.jpg);
	width: 93px;
}

#nav ul li a#nav_tournaments {
	background: url(i/nav_tournaments.jpg);
	width: 119px;
}

#nav ul li a#nav_forums {
	background: url(i/nav_forums.jpg);
	width: 88px;
}

#nav ul li a#nav_support {
	background: url(i/nav_support.jpg);
	width: 91px;
}

#nav ul li a#nav_staff {
	background: url(i/nav_staff.jpg);
	width: 75px;
}

#nav ul li a#nav_vid {
	background: url(i/nav_vid.jpg);
	width: 91px;
}

#nav ul li a#nav_contact_us {
	background: url(i/nav_contact_us.jpg);
	width: 109px;
}

#nav_right {
	float: right;
	width: 294px;
	height: 32px;
	text-align: right;
	padding: 14px 22px 0 0;
}

#nav_right strong {
	margin: 0 0 0 13px;
}

#left {
	width: 653px;
	float: left;
	padding: 9px 0 0 0;
}

#news_images {
	width: 654px;
	height: 287px;
	margin: 0 0 10px 0;
}

#news_images_left {
	width: 172px;
	height: 287px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#news_images_left a {
	background: url(i/news.jpg);
	width: 152px;
	height: 50px;
	text-decoration: none;
	display: block;
	padding: 10px;
	color: #494949;
	margin: 0 0 2px 0;
}

#news_images_left a:hover {
	background: url(i/news_roll.jpg);
	color: #fff;
}

#news_images_right {
	background: url(i/news_picture.jpg);
	width: 449px;
	height: 52px;
	float: right;
	padding: 225px 15px 10px 15px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}

#sub {
	margin: 6px 0 0 0;
}

#news_images_right strong {
	font-size: 14px;
}

#news_images_right .left {
	width: 343px;
	float: left;
}

#read_more {
	background: url(i/read_more.png);
	width: 88px;
	height: 45px;
	float: right;
	display: block;
}
	
#partners_head {
	background: url(i/our_partners.jpg);
	width: 653px;
	height: 45px;
}

#partners_box {
	background: url(i/partners_box.jpg) no-repeat;
	width: 653px;
	height: 80px;
	padding: 0 15px;
}

#latest_news {
	background: url(i/latest_news.jpg);
	width: 653px;
	height: 45px;
}

#news_box {
	background: url(i/news_box.jpg) no-repeat;
	width: 653px;
	height: 25px;
}

#news_box_body {
	background: url(i/news_box_body.jpg) repeat-y;
	width: 653px;
}

#news_box_bottom {
	background: url(i/news_box_bottom.jpg) no-repeat;
	width: 653px;
	height: 26px;
	padding: 0 15px;
}

#partners_box a img {
	float: left;
	margin: 0 9px;
}

#left_arrow {
	background: url(i/left_arrow.jpg);
	width: 30px;
	height: 30px;
	display: block;
	margin: 48px 0 0 0;
	float: left;
}

#right_arrow {
	background: url(i/right_arrow.jpg);
	width: 30px;
	height: 30px;
	display: block;
	margin: 48px 0 0 0;
	float: right;
}

.news {
	margin: 10px 0 0 0;
        color: #000000;
	clear: both;
}
.news a:link, a:hover, a:visited, a:active  { 
	color:red;
}
.news a:visited  { 
	color:red;
}

#news_bg  { 
	background: url(i/news_bg.jpg) no-repeat;
}

.news img {
	max-width:653px;
	background:#292929;
}
.news h1 {
	background: url(i/news_title.jpg) no-repeat right;
	width: 613px;
	height: 37px;
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

.news h1 .left {
	float: left;
	margin: 11px 0 0 0;
}

.news h1 .right {
	float: right;
	font-size: 10px;
	margin: 12px 0 0 0;
}

.user {
	font-weight: normal;
}

.news p {
	color: #3e3e3e;
	font-size: 10px;
	padding: 0 20px;
	margin: 10px 0 0 0;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.button {
	background: url(i/button.jpg);
	width: 88px;
	height: 32px;
	float: right;
	display: block;
	margin: 0 0 0 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px 0 0 0;
}

a.button2 {
	background: url(i/button_blue.jpg);
	width: 64px;
	height: 20px;
	float: right;
	display: block;
	margin: 0 0 0 6px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px 0 0 0;
}

#right {
	width: 303px;
	float: right;
	padding: 9px 0 0 0;
}

.right_head {
	background: url(i/right_head.jpg);
	width: 263px;
	height: 58px;
	color: #fff;
	font-family: "Arial Narrow";
	line-height: 58px;
	padding: 0 20px;
}

.right_head2 {
	background: url(i/right_head2.jpg);
	width: 263px;
	height: 58px;
	color: #fff;
	font-family: "Arial Narrow";
	line-height: 58px;
	padding: 0 20px;
}

#recent_forum_posts {
	background: url(i/recent_forum_posts.jpg);
	width: 303px;
	height: 58px;
}

#top_ladder_teams {
	background: url(i/top_ladder_teams.jpg);
	width: 303px;
	height: 58px;
}



ul#forum_posts {
	list-style: none;
	margin: 0 0 0 11px;
	padding: 0;
	width: 276px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3e3e3e;
	font-weight: bold;
}

ul#forum_posts li {
	background: url(i/right_ul_li.jpg);
	width: 259px;
	height: 37px;
	padding: 6px 0 0 20px;
	line-height: 12px;
}

ul#forum_posts li .left {
	width: 178px;
	height: 37px;
	float: left;
	margin: 2px 0 0 0;
}

.small {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #797979;
}

ul#forum_posts li a.view {
	background: url(i/viewnow.jpg);
	width: 64px;
	height: 27px;
	margin: 3px 0 0 0;
	display: block;
	float: right;
}

#clip_of_the_week {
	background: url(i/clip_of_the_week.jpg);
	width: 303px;
	height: 58px;
}


#matchfinder {
	background: url(i/matchfinder.jpg);
	width: 303px;
	height: 58px;
}

#blankblock {
	background: url(i/right_head.jpg) no-repeat;
	width: 303px;
	height: 58px;
	padding-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:bold;
}

#latestmatches {
	background: url(i/latestmatches.jpg);
	width: 303px;
	height: 58px;
}

#community_poll {
	background: url(i/community_poll.jpg);
	width: 303px;
	height: 58px;
}

#main_sponsor {
	background: url(i/main_sponsor.jpg);
	width: 303px;
	height: 58px;
	margin: 0 0 10px 0;
}

.right_content {
	background: url(i/right_content_bg.jpg);
	width: 303px;
}

.right_foot {
	background: url(i/right_content_foot.jpg);
	width: 303px;
	height: 16px;
	margin: 0 0 10px 0;
}

.clear {
	clear: both;
}

#footer {
	background: url(i/footer.png) bottom no-repeat;
	width: 996px;
	height: 29px;
}

#sub_footer {
	font-size:14px;
	color:#FFFFFF;
	width: 996px;
	height: 75px;
	padding-top:10px;
}

#sub_footer a:link  { 
	color:#f4f4f4;
	text-decoration:underline;
}

#sub_footer a:hover  { 
	color:#f4f4f4;
}

#sub_footer a:visited { 
	color:#f4f4f4;
}

#sub_footer a:active { 
	color:#f4f4f4;
}
#stefan {
	float: left;
	background: url(i/stefan.jpg);
	width: 164px;
	height: 56px;
	display: block;
	margin: 10px 0 0 30px;
}

#links_top {
	width:303px;
	padding-bottom: 10px;
	height:25px;
}

#matchfinder_link {
	background: url(i/matchfinder_link.jpg);
	width:150px;
	height:25px;
	float: left;
}
	
#challenge_link {
	background: url(i/challenge_link.jpg);
	width:150px;
	height:25px;
	float: right;
}
#report_link {
	background: url(i/report_link.jpg);
	width:150px;
	height:25px;
	float: left;
}
#search_link {
	background: url(i/search_link.jpg);
	width:150px;
	height:25px;
	float: right;
}
#featured{ 
	width:370px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
	float:left;
	z-index:50;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:370px; 
	list-style:none; 
	padding:0; margin:0; 
	width:240px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('./images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:370px; 
	height:250px; 
	background:#999; 
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	width:370px; 
	background: url('./images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}