@charset "utf-8";
/* CSS Document */

html {
	background:#002c55;
}

body {
	background:#002c55;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}

img {
	border:0px;
}

a.link, a.link:active, a.link:visited{
	color:#ffffff;
	text-decoration:none;
}

a.link:hover{
	color:#3399FF;
	text-decoration:none;
}

div#container {
	width:900px;
	margin:0px auto;
	background-color:#FFFFFF;
}

div#head {
	background:url(../design/head.jpg);
	height:153px;
}

div#head h1{
	display:none;
}


div#spacer {
	height:127px;
}


div#sponsorboxhead {
	padding:20px 0px 0px 30px;
	float:right;
	width:700px;
	height:107px;
}

div#sponsorboxhead a {
	float:right;
	padding:15px;
}

div#headnavi {
	height:30px;
}

a.headnavibutton, a.headnavibutton:active, a.headnavibutton:visited {
	
	height:20px;
	border:4px solid #ffffff;
	background-color:#ffffff;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding:4px 12px 6px 12px;
	color:#002c55;
	text-decoration:none;
	filter: Alpha(opacity=60);
	opacity: .60;
	-webkit-opacity: 0.60;
	-khtml-opacity: .60;
	-o-opacity: .60;
	-moz-opacity: 0.6;
	margin-right:3px;
	cursor:pointer;
}

a.headnavibutton:hover {
	
	height:20px;
	border:4px solid #ffffff;
	background-color:#FFFFFF;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	padding:4px 12px 6px 12px;
	color:#999999;
	text-decoration:none;
	filter: Alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-khtml-opacity: 1.0;
	-o-opacity: 1.0;
	-moz-opacity: 1.0;
	margin-right:3px;
	cursor:pointer;
}

div#outercontent {
	background:#ffffff;
	overflow:auto;
}

div#subnavi {
	height:30px;
}

div#subnavi ul#content0 {
	padding:6px 6px 6px 8px;
	margin:0px;
	display:none;
}

div#subnavi ul#content1 {
	padding:6px 6px 6px 148px;
	margin:0px;
	display:none;
}

div#subnavi ul#content2 {
	padding:6px 6px 6px 273px;
	margin:0px;
	display:none;
}

div#subnavi li {
	display:inline;
	padding:5px;
	margin:0px;
	list-style:none;
	color:#bfbfbf;
}

div#subnavi li span {
	color:#666666;
}

div#subnavi li strong span {
	color:#002c55;
}

div#subnavi li a, div#subnavi li a:active, div#subnavi li a:visited {
	text-decoration:none;
	color:#bfbfbf;
}

div#subnavi li a:hover {
	text-decoration:none;
	color:#3399FF;
	border-bottom:dotted #bfbfbf 1px;
}

div#login {
	float:right;
	height:24px;
	padding:6px 20px 0px 0px;
}

div#login form{
	margin-top:-4px;
}

div#window {
	height:217px;
	background-image:url(../design/windowBG.jpg);
}

div#latestnews {
	z-index:999;
	position:relative;
	width:250px;
	height:217px;
	background:#002c55;
	left: 12px;
	top: 0px;
}

div#latestarticle {
	z-index:999;
	position:relative;
	width:250px;
	height:217px;
	background:#002c55;
	left: 92px;
	top: 0px;
}

div#latestmatch {
	z-index:999;
	position:relative;
	width:250px;
	height:217px;
	background:#002c55;
	left: 205px;
	top: 0px;
}

div#user {
	z-index:999;
	position:relative;
	width:250px;
	height:217px;
	background:#002c55;
	left: 637px;
	top: 0px;
}

div.overlay {
	color:#ffffff;
	top: 0px;	filter: Alpha(opacity=70);
	opacity: .70;
	-webkit-opacity: 0.70;
	-khtml-opacity: .70;
	-o-opacity: .70;
	-moz-opacity: 0.7;
	display:none;
}

div.overlay a, div.overlay a:active, div.overlay a:visited {
	color:#ffffff;
	text-decoration:none;
}

div.overlay a:hover {
	color:#ffffff;
	text-decoration:none;
}

div.overlay ul {
	padding:0px;
	margin:0px;
	float:right;
	width:100%;
}

div.overlay ul#userlist {
	padding:0px;
	margin:0px;
	float:right;
	width:150px;
}


div.overlay a, div.overlay a:active, div.overlay a:visited {
	padding:6px 5px 0px 8px;
	margin:0px;
	height:18px;
	list-style:none;
	background-color:#000000;
	color:#ffffff !important;
	display:block;
}

div.overlay a:hover {
	padding:6px 5px 0px 8px;
	margin:0px;
	height:18px;
	list-style:none;
	background-color:#ffffff;
	color:#000000 !important;
	display:block;
}

div.overlay div#userlist a, div.overlay div#userlist a:active, div.overlay div#userlist a:visited {
	width:137px;
}

div.overlay div#userlist a:hover {
	width:137px;
}

div#avatar {
	float:left;
	width:100px;
	background:#ffffff;
	overflow:auto;
}



div#leaderboard {
	float:left;
	padding:9px 0px 3px 12px;
	width:728px !important;
	height:90px !important;
	overflow:visible;
}

div#skyscraper {
	float:right;
	width:140px;
	padding:7px 13px 20px 0px;
	overflow:visible;
}

div#innercontent {
	float:left;
	padding:5px 0px 5px 12px;
	width:728px;
	overflow:auto;
}

div#footer {
	background:url(../design/footer.jpg);
	padding-top:12px;
	height:19px;
	color:#8096aa;

}

div#footer div#footnavi{
	float:right;
}

div#footer div#footnavi a, div#footer div#footnavi a:visited, div#footer div#footnavi a:active {
	color:#8096aa;
	text-decoration:none;
}

div#footer div#footnavi a:hover {
	color:#ffffff;
	text-decoration:none;
}

/*Content*/

div.news {
	width:698px;
	height:139px;
	padding:15px;
}

div.newscontent {
	float:right;
	width:350px;
}

div.newsdate small {
	color:#bfbfbf;
}

div.newstext{
	color:#ffffff;
	padding-top:5px;
	padding-left:2px;
	height:108px;
	overflow:hidden;
	text-align:justify;
}

div.newstext a, div.newstext a:visited, div.newstext a:active {
	color:#ffffff;
	text-decoration:none;
}

div.newstext a:active {
	color:#ffffff;
	text-decoration:none;
}

td {
	padding:4px;
}