a.side {
	color: #fff;
	text-decoration: none;
}

a:hover.side {
	color: #fff;
	text-decoration: underline;
}

a.white, li.white a {
	color: #fff;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #fff;
	text-decoration: underline;
}

hr {
	height: 1px;
	border: 1px solid #eee;
}

hr.side-hr {
	height: 1px;
	border: 1px solid #eee;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.alt {
	color: #04688d;
}

.spacer {
	margin-bottom: 5px;
}

.admin-message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #555;
	background-color: #f6f6f6;
	border: 1px solid #e1e1e1;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Form element properties */

form {
	margin: 0px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #2a5175;
	border: 1px solid #0e2a44;
	margin-top: 2px;
	padding: 2px 5px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #f5f5f6;
	border: 1px solid #acacac;
	margin-top: 2px;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
}

/* Header and footer properties */

.main-body {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Side-Panel properties */


.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color: #777;
	background-color: #fff;
	padding: 10px 10px 10px 0;
	width: 175px;
}

.side-border-right {
	color: #777;
	background-color: #fff;
	padding: 10px 0 10px 10px;
	width: 175px;
}
.side-body {
	font-size: 10px;
	color: #555;
	background-color: #fff;
	background-image: url(images/gradient.gif);
  background-repeat: repeat-x;
	border: 1px solid #ddd;
	padding: 4px;
}

/* Center-Panel properties */

.news-category {
	border: 0;
	margin: 3px 5px 0 0;
	float: left;
}
/* General table properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 1px solid #e1e1e1;
}

.tbl {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl1 {
	font-size: 11px;
	color: #555;
	background-color: #fff;
	padding: 4px;
}

.tbl2 {
	font-size: 11px;
	color: #555;
	background-color: #f1f1f1;
	padding: 4px;
}

.forum-caption {
	font-size: 11px;
	font-weight: bold;
	color: #888;
	background-color: #f1f1f1;
	padding: 2px 4px 4px 4px;
}

.quote {
	font-size: 11px;
	color: #555;
	background-color: #f8f8f8;
	padding: 4px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #bbb;
}

.poll {
	height: 12px;
	border: 1px solid #bbb;
}

.comment-name {
	font-weight: bold;
	color: #04688d;
}

.shoutboxname {
	font-weight: bold;
	color: #04688d;
}

.shoutbox {
	color: #777;
}

.shoutboxdate {
	font-size: 10px;
	color: #888;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

.small2 {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-small {
	font-size: 10px;
	font-weight: normal;
	color: #555;
}

.side-label {
	color: #555;
	background-color: #f1f1f1;
	margin: 2px 0 2px 0;
	padding: 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #f1f1f1;
	margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #555;
	padding: 2px;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	background-color: #f6a504;
}

/* Page Navigation */

.pagenav {
	width: 100%;
	float: left;
	text-align: center;
	padding: 4px 0;
}

.pagenav span {
	color: #fff;
	background-color: #2a5175;
	border: 1px solid #0e2a44;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #fff;
	background-color: #456c90;
	border: 1px solid #0e2a44;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #fff;
	background-color: #2a5175;
	margin: 2px;
	text-decoration: none;
}









*{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	margin: 0;
	padding: 0;
}
body{
	background-color: #2a5175;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #ffffff;
	margin: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
img{
	border: 0;
}
ul{
	list-style-type: none;
}
#belt{
	height: 7px;
	width: 100%;
	background-color: #1c4162;
	float: left;
}
#top{
	width: 904px;
	height: 124px;
	background: url(images/top-background.gif) no-repeat 0 0;
	margin: 0 auto;
}
#logo{
	width: 224px;
	height: 38px;
	background: url(images/logo.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin: 50px 0 0 310px;
}
#login-panel{
	float: right;
	width: 310px;
	height: 60px;
	margin: 17px 19px 0 0;
	padding:  15px 0 0 15px;
}
#login-panel a{
	color: #fff;
}
#login-panel ul#form{
	float: left;
}
#login-panel ul#form li{
	float: left;
	display: inline;
	margin-right: 10px;
}
#login-panel ul#form li input{
	float: left;
	border: 0;
	font: normal 11px Tahoma;
	color: #0c2d4b;
}
#login-panel ul#form li input.text{
	width: 95px;
	height: 14px;
	padding: 3px 0 0 10px;
	background-color: #2a5175;
}
#login-panel ul#form li input#submit{
	padding: 0 0 0 12px;
	background: #1c4162 url(images/bullet-login.gif) no-repeat 0 50%;
	color: #ffffff;
	margin: 0;
}
#login-panel ul#list{
	float: left;
	margin-top: 5px;
}
#login-panel ul#list li{
	background: url(images/bullet-login-2.gif) no-repeat 0 50%;
	padding-left: 12px;
	margin-bottom: 3px;
}
#login-panel ul#list li a{
	text-decoration: underline;
}
#login-panel ul#list li a:hover{
	text-decoration: none;
}
.menu{
	width: 100%;
	height: 44px;
	background: url(images/menu-background.gif) repeat-x 0 0;
	float: left;
}
.menu-content{
	width: 904px;
	margin: 2px auto 0;
	height: 42px;
}
#counter{
	float: right;
	color: #fff;
	margin: 15px 5px 0 0;
}
#counter a{
	color: #fff;
}
.menu ul{
	float: left;
}
.menu ul li{
	height: 100%;
	float: left;
}
.menu ul li a{
	height: 29px;
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 13px 12px 0;
	color: #fff;
	font-weight: blod;
}
.menu ul li a:hover, .menu ul li a.selected{
	text-decoration: none;
	background-color: #183754;
}
.ddsubmenustyle, .ddsubmenustyle ul{ 
	margin: 0;
	padding: 0;
	position: absolute;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	background: url(images/submenu-background.png) repeat 0 0; 
	width: 155px;
}
.ddsubmenustyle li a{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 155px;
	background: url(images/submenu-bullet.png) no-repeat 9px 10px; 
	padding: 5px 0 5px 25px;
}
* html .ddsubmenustyle li{
	display: inline-block;
	width: 155px; 
}
.ddsubmenustyle li a:hover{
	background: url(images/submenu-bullet.png) no-repeat 16px 10px; 
	width: 145px;
}
.ddiframeshim{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}

#page-content{
	width: 904px;
	margin: 0 auto;
}
#main-panels{
	width: 648px;
	float: left;
	margin: 10px 0;
}
.main-news, .main-panel{
	background: #fff url(images/main-news-background.gif) repeat-x 0 0; 
	width: 628px;
	float: left;
	padding: 10px;
	margin-bottom: 5px;
}
.main-news h2, .main-panel h2{
	float: left;
	font-size: 14px;
	color: #1c4162;
	margin-bottom: 10px;
	width: 100%;
	font-weight: normal;
}
.main-news img{
	float: left;
	border: 2px solid #a5b1bd;
}
.main-news .text{
	float: left;
	width: 365px;
	color: #2b2b2b;
	margin: 0 0 0 12px;
	line-height: 17px;
}
.main-panel .text{
	float: left;
	width: 100%;
	line-height: 17px;
	color: #2b2b2b;
}
.main-news ul.foot{
	color: #ababab;
	float: left;
	width: 500px;
	margin-top: 15px;
}
.main-news ul.foot li{
	display: inline;
	padding-left: 17px;
	margin-right: 10px;
}
.main-news ul.foot li a, .main-news ul.foot li span{
	color: #ababab;
	text-decoration: underline;
}
.main-news ul.foot li a:hover{
	text-decoration: none;
}
.main-news ul.foot li.added{
	background: #fff url(images/main-news-icon-added.gif) no-repeat 0 2px; 
}
.main-news ul.foot li.date{
	background: #fff url(images/main-news-icon-date.gif) no-repeat 0 2px; 
}
.main-news ul.foot li.comments{
	background: #fff url(images/main-news-icon-comments.gif) no-repeat 0 2px; 
}
.main-news a.more{
	float: right;
	text-decoration: underline;
	color: #000;
	margin-top: 15px;
}
#news-more{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.news-min{
	float: left;
	width: 165px;
	background-color: #1c4162;
	padding: 10px 25px 20px;
	margin: 1px 1px 0 0;
}
.news-min img{
	width: 170px;
}
.news-min h2{
	float: left;
	color: #eeb205;
	font-size: 11px;
	margin-bottom: 8px;
}
.news-min p{
	float: left;
	width: 100%;
	line-height: 17px;
	background: url(images/min-news-belt.gif) no-repeat 50% 10px; 
	padding-top: 15px;
}
.news-min .foot{
	float: left;
	margin: 10px 0 0 10px;
	color: #386085;
	width: 90%;
}
.news-min .foot a{
	color: #386085;
	text-decoration: underline;
}
.news-min .foot a:hover{
	text-decoration: none;
}

#side-panels{
	width: 250px;
	float: right;
	margin: 10px 0;
}
.side-panel{
	background: #1c4162 url(images/side-panel-headline.gif) no-repeat 0 0;
	width: 240px;
	float: right;
	padding: 5px;
	margin-bottom: 5px;
}
.side-panel .content{
	width: 100%;
	float: left;
}
.side-panel h2{
	float: left;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	width: 235px;
	padding: 5px 0 20px 10px;
}
.match{
	float: left;
	width: 100%;
}
.match .info{
	float: right;
	width: 140px;
	margin-top: 5px;
}
.match .team{
	float: left;
	width: 100px;
	text-align: center;
}
.match ul{
	float: left;
	width: 100%;
	margin: 5px 0 0 13px;
}
.match ul li{
	background: url(images/bullet-login-2.gif) no-repeat 0 60%;
	padding-left: 9px;
}
.match ul li a{
	text-decoration: underline;
	color: #fff;
}
.match ul li a:hover{
	text-decoration: none;
}
.match .date{
	float: left;
	margin: 15px 0 0 5px;
}

.table{
	border: 0;
	width: 250px;
	float: left;
	border-spacing: 0;
	margin: 0 0 0 -5px;
}
.table tr td{
	padding: 10px 7px;
}
.table tr td.team{
	width: 140px;
	padding-left: 10px;
}
.table tr.dark td{
	background-color: #1a3b59;
}

.photo-week{
	width: 100%;
	float: left;
	text-align: center;
}
.photo-week p{
	width: 100%;
	float: left;
	padding: 5px 0;
}

#news-archive{
	width: 395px;
	background-color: #1c4162;
	float: left;
	padding: 12px 10px 12px 20px;
}
#news-archive h3{
	float: left;
	width: 50%;
	font-size: 12px;
	font-weight: normal;
}
#news-archive a.more{
	float: right;
	font-size: 10px;
	background: url(images/bullet-login.gif) no-repeat 0 60%;
	padding-left: 7px;
	text-decoration: underline;
	color: #fff;
}
#news-archive a.more:hover{
	text-decoration: none;
}
#news-archive ul{
	width: 100%;
	float: left;
}
#news-archive ul li{
	width: 100%;
	float: left;
	margin-top: 15px;
}
#news-archive ul li h2{
	font-size: 11px;
	width: 320px;
	padding-top: 5px;
}
#news-archive ul li a{
	float: left;
	color: #fff;
}
#news-archive ul li span{
	float: left;
}
#news-archive ul li img{
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 45px;
}

#notice{
	width: 445px;
	background-color: #1c4162;
	float: right;
	padding: 12px 10px 12px 20px;
}
#notice h3{
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}
#notice p{
	float: left;
	width: 100%;
	margin: 10px 0;
	line-height: 17px;
}
#notice ul{
	float: left;
	width: 100%;
}
#notice ul li{
	margin-bottom: 3px;
}
#notice ul li img{
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
#notice ul li img.gg{
	width: 12px;
}
#notice ul li a{
	color: #fff;
	text-decoration: underline;
}
#notice ul li a:hover{
	text-decoration: none;
}

#poll{
	width: 445px;
	background-color: #1c4162;
	float: right;
	padding: 12px 10px 12px 20px;
	margin-top: 1px;
}
#poll h3{
	float: left;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}
#poll .question{
	font-weight: bold;
	margin: 10px 0 0;
	float: left;
	width: 100%;
}
#poll ul{
	width: 100%;
	float: left;
}
#poll ul li{
	width: 100%;
	float: left;
	margin-top: 15px;
}
#poll ul li div.belt{
	width: 200px;
	height: 7px;
	background-color: #1a3b59;
	float: left;
	margin-top: 4px;
}
#poll ul li div.belt div.progres{
	height: 5px;
	background-color: #eeb205;
	float: left;
	margin-top: 1px;
}
#poll ul li span{
	background: url(images/bullet-3.gif) no-repeat 0 60%;
	float: left;
	padding-left: 10px;
	margin-left: 10px;
}

#foot{
	width: 874px;
	height: 30px;
	background-color: #1c4162;
	float: left;
	padding: 10px 15px 0;
	margin-top: 5px;
}
#foot a{
	text-decoration: underline;
	color: #fff;
}
#foot a:hover{
	text-decoration: none;
}
#foot #copy{
	float: left;
}
#foot #developer{
	float: right;
}
#banners{
	width: 100%;
	float: left;
	background: url(images/foot-background-top.gif) repeat-x 0 0;
	margin-top: 5px;
}
#banners-background{
	width: 100%;
	height:100%;
	float: left;
	background: url(images/foot-background-bottom.gif) no-repeat 0 100%;
	padding: 10px 0 20px ;
}
#links{
	width: 100%;
	height: 42px;
	float: left;
	background: url(images/foot-background-right.gif) no-repeat 100% 0;
	margin-top: -10px;
	margin-bottom: 10px;
}
#banners div.headline{
	float: left;
	margin: 10px 0 0 15px;
}
#links div.headline{
	float: left;
	margin: 5px 0 0 15px;
}
#links div.content{
	float: left;
	margin: 20px 0 0 40px;
	width: 750px;
}
#banners div.content{
	float: left;
	margin: 10px 0 0 40px;
	width: 750px;
}
#banners div.content img{
	margin: 0 10px;
}
#links div.content a{
	font-weight: bold;
	color: #fff;
}
#banners div.headline h3, #links div.headline h3{
	font-size: 12px;
	font-weight: normal;
}
#banners div.headline a, #links div.headline a{
	text-decoration: underline;
	color: #fff;
}
#banners div.headline a:hover, #links div.headline a:hover{
	text-decoration: none;
}
#info-panel{
	width: 100%;
	float: left;
}