@charset "UTF-8";
html, body {margin:0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(/img/site/bg.gif) -100px -100px; font-size: 12px;}
#doc {height: 600px; margin: 0 auto; width:950px; background:#FFFFFF;}
#hd {height: 198px; background: #FFF url(/img/site/header.png) no-repeat; padding:0; margin-bottom:20px;}
#hd .logo {float:right; width:220px; height:198px; }

#hd .menu{padding-top:155px;}

#menu, #menu ul { padding: 0; margin: -1px 0 0 0; list-style: none; line-height: 1; }
#menu a { display: block; height: 36px; text-decoration: none; }
#menu li a { height:20px; color:#FFF; padding:20px 0 5px;}
#menu li a:hover {color:#29ABE2;}
#menu li { float: left; width: 95px; font-size:12px; }
#menu li.wider {width:135px;}
#menu li.separator {float: left; font-size:20px; padding:15px 0; color:#FFFFFF; font-weight:100; width:2px;}
#menu li ul { position: absolute; background: #e4e8ed; width: 200px; left: -999em; }

#menu li ul.submenu li {width: 200px; border-bottom: 1px solid #fff;}
#menu li ul.submenu li a {height: auto; padding: 8px 15px; color: #324f6d;}
#menu li ul.submenu li a:hover, #menu li ul.submenu li.sfhover a   {background: #b2bbce; color:#000033;}
#menu li ul.submenu li ul { background: #d4d8dd; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
#menu li ul.submenu li ul li { border-bottom: 1px solid #999; }
#menu li ul.submenu li ul li a { padding: 8px 15px; color: #333366;}
#menu li ul.submenu li ul li a:hover, #menu li ul.submenu li.sfhover ul li.sfhover a {background: #d2dbee; color:#000033;}

#menu li ul ul { margin: -28px 0 0 200px; }
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto; }

span.center {text-align:center; display:block;}

#bd {min-height: 360px; padding:10px 5px; clear: left; background:#FFFFFF;}
#bd .normal-column { float:left; width:310px; display:inline-block; }
#bd .wide-column {float:left; width:620px; display:inline-block; }
bd .border-left { border-left:1px solid #999; }
bd .border-right { border-right:1px solid #999; }

#sidebar {padding-top: 5px;}
#content {padding: 0 0 22px 20px}
#content h1 {border-bottom: 1px solid #cccccc;}

#ft {padding: 115px 20px 0; background: #FFF url(/img/site/footer.png) no-repeat bottom; height:23px; font-size:11px;}
#ft .powered {float:left; width:250px; text-align:left; color:#FFF; display:inline-block;}
#ft .powered a {color:#FFF; }
#ft .center {float:left; width:400px; text-align:center; color:#FFB300; display:inline:block;}
#ft .design {float:left; width:250px; text-align:right; color:#FFF; display:inline-block;}
#ft .design a {color:#FFF;}
#ft .powered a:hover, #ft .design a:hover {color:#00CCFF; text-decoration:none;}

/* STYLES */
h2.title {
	background: url(/img/site/ball.jpg) no-repeat; 
	margin: 0 20px 15px;
	padding: 0 0 5px 40px; 
	border-bottom: 2px solid #CCC; 	
	display:block;
	font-size:20px;
	clear:both;
}
h3.title, h3.title a{
	color:#000033;
	text-decoration:none;
}
h3.title a:hover{
	color:#000066;
	text-decoration:underline;
}

.carousel h3.title, .carousel h3.title a{
	margin: 0 0 10px 0;
}

div.title a, div.shadow-title a{
	color:#000099;
	font-size:12px;
	text-decoration:none;
	padding: 5px 0;
	border-bottom:#CCC 1px solid;
	display:block;
}
div.title a:hover, div.shadow-title a:hover{ color:#0000CC; text-decoration:underline; }

div.shadow-title a{ background:#CCC; color:#006; padding:5px; }
div.shadow-title a:hover { background:#BBB; }

div.box-light,div.box-dark {	margin: 10px 20px; }

div.box-dark a{
	color:#DDD;
	background:#444;
	font-size:12px;
	text-decoration:none;
	padding: 5px 0;
	border-bottom:#CCC 1px solid;
	display:block;
}
div.box-dark a:hover{ color:#FFF; text-decoration:underline; background:#333; }

div.box-light a{
	color:#666;
	background:#EEE;
	font-size:12px;
	text-decoration:none;
	padding: 10px;
	display:block;
}
div.box-light:hover a{ color:#333; background:#CCC; }

.center { text-align:center; }

.justify { text-align:justify; }

img{ border:none;}

.clear{	clear:both;}

.content {	margin: 10px 30px;}

.articles-carousel {background: #CCC; margin:10px; padding:5px; min-height:300px; _height:300px;}
.carousel {background:#EEE; padding:10px 10px 5px; min-height:230px;}

a.text { color:#666; text-decoration:none;}
a.text:hover { color:#333; text-decoration:underline; }

.article-thn { width: 130px; height: 130px; padding:15px 10px 10px 0;  display:inline-block; vertical-align:baseline; float:left;}
.article-img { /*width: 300px;*/ padding:0 20px 10px 0;  display:block; float:left;}
.article { display:inline-block; padding:5px 0; }
.article-abstract { display:inline-block; width:400px;}
.created{ color:#999; font-size:10px;}

/* Pagination */
.pagination {padding: 3px; margin: 10px 3px 3px 3px; font-size: 10px; text-align:center; clear:both;}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; color: #666666;}
.pagination a:hover, .pagination a:active {color: #444; font-weight: bold;  background-color: #B2CEFF;}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px;	font-weight: bold; background-color: #3B5998; color: #FFF;}
.pagination span.currentlink a {padding: 2px 5px 2px 5px; margin: 2px; font-weight: bold; border: 1px solid #AAAADD; text-decoration: none; color: #FFF; background:#3B5998;}
.pagination div.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; display:inline; }

/* GALLERIES */

.thumbnails{
	width:560px;
	margin: 20px 0;
	display:inline-block;
}

.thumbnails .gallery{  
	display:inline-block;
	margin: 5px;
	width:250px;
	float:left;
	text-align:center;
	background:#EEE;
	padding:10px 10px 20px;
}

.thumbnails .gallery:hover{ background:#CCC; }

.thumbnails .gallery img{
	border:none;	
	padding: 0;
	display:block;
} 

.thumbnails .gallery a{
	color:#666;
	font-size:12px;
	text-decoration:none;
	display:block;
}
.thumbnails .gallery:hover a{ color:#333;  }

.thumbnails .image{  
	display:inline-block;
	margin: 0px;
	width:140px;
	height:140px;
	float:left;
	text-align:center;
}

.thumbnails .image img{
	background:#EEE;
	border:none;	
	padding:5px;
} 

.thumbnails .image a:hover img{
	background:#CCC;
}

.centered{
	margin: 30px 80px;
	font-size:14px;
}

/* CONTACT */

.content .text input{
	width:380px;
	border:#333 1px solid;
	background:#EEE;
	height: 16px;
	padding:2px;
}

.content .error-message{
	width:454px;
	border:#000033 1px solid;
	background:#EEFFFF;
	margin:4px 0;
	padding: 2px 0;
	text-align:center;
	color:#CC0000;
	font-size: 10px;
	font-weight:bold;
}

.content .textarea .error-message{
	width:454px;
}

.content .text label, .content .textarea label {
	margin: 20px 10px 0 0;
	width: 60px;
	display:inline-block;
	font-size:13px;
	color:#333;
}

.content .textarea label { vertical-align:top;}


.content .textarea textarea{
	width: 380px;
	border:#333 1px solid;
	height: 150px;
	padding:2px;
	background:#EEE;
	margin-top:20px;
}

.content .message{
	color:#993300;
	text-align:center;
	font-size: 16px;
	margin-bottom:10px;
}

.content .submit{
	text-align:right;
	padding: 10px 0;
}

.content .submit input{
	width: 80px;
	height: 25px;
	text-align:center;
	color: #FFF;
	vertical-align:middle;
	border: none;
	font-size:14px;
	background:#000033;
}

.content .submit input:hover{
	background: #003399;
}

/* TEAMS */
h3.players{
	border-bottom:#333333 1px solid;
	padding:8px 4px;
	clear:both;
}

.team {
	border:#CCC 1px solid;
	width:560px;
	float:left;
	background: #EEE;
	display:inline-block;
	padding-bottom: 17px;
}

.team-box {
	border:none;
	width:280px;
	padding:0px 0px 0px 15px ;
	float:left;
	background: none;
	display:inline-block;
}

.team .staff a {
	text-decoration:none;
	font-size:10px;
	color:#000099;
	display:inline-block;
	margin: 12px;
	width:140px;
	padding: 10px;
	background:#DDC;
	border:#999 1px solid;
	float:left;
	text-align:center;
}

.team .staff a:hover {
	color:#000033;
	background:#BBA;
}

.team .staff .name {
	font-weight:bold;
}

.player-info img{
	background:#CCCCCC none repeat scroll 0 0;
	border:1px solid #999999;
	float:left;
	margin-right:15px;
	padding:4px;
}

.content .label{
	background: #999;
	border: 1px solid #999;
	color:#FFFFFF;
	margin: 5px 0;
	width:150px;
	text-align:right;
	padding:7px;
	float:left;
	display:inline-block;
}

.content .small-label{
	background: #999;
	border: 1px solid #999;
	color:#FFFFFF;
	margin: 5px 0;
	width:100px;
	text-align:right;
	padding:7px;
	float:left;
	display:inline-block;
}

.content .desc{
	background: #FFF9FF;
	padding:7px 15px;
	width:360px;
	margin: 5px 0;
	vertical-align:top;
	display:inline-block;
	float:left;
	border: 1px solid #999;
}

.content .small-desc{
	background: #FFF9FF;
	padding:7px 15px;
	width:196px;
	margin: 5px 0;
	float:left;
	vertical-align:top;
	display:inline-block;
	border: 1px solid #999;
}

hr{
	clear:both;
	padding:5px 0;
	border: none;
	border-bottom:1px solid #333333;
}

.team .player, .team-box .player {
	display:inline-block;
	margin: 14px;
	width:220px;
	padding: 10px;
	background:#DDC;
	border:#999 1px solid;
	float:left;
	text-align:center;
	height: 145px;
}

.team .player:hover, .team-box .player:hover {
	background:#BBA;
}

.team .player a, .team-box .player a  {
	text-decoration:none;
	font-size:10px;
	color:#000099;
}

.team .player .name, .team-box .player .name {
	font-weight:bold;
}

.team .player:hover .name, .team-box .player:hover .name  {
	color:#000033;
}

.team .player .position a, .team-box .player .position a  {
	text-decoration:none;
	font-size:10px;
	color:#333;
}

.team .player .number, .team-box .player .number {
	font-size:20px;
	color:#000000;
	font-weight:bold;
}

.team .player .position, .team-box .player .position {
	display:inline-block;
	width:120px;
	float:right;
	text-align:left;
}

/* TOURNAMENT TABLE */
.tournament table{
	width: 100%;
}

.tournament table tr.element{
	background:#FFFFCC;
}

.tournament table tr.element.non{
	background:#6699FF;
}

.tournament table tr.element:hover{
	background:#DDD;
}

.tournament table th{
	background:#666;
	color:#CCC;
	padding: 5px 10px;
	text-align:left;
}

.tournament table td{
	padding: 5px 10px;
}

/* CALENDAR TABLE */
.calendar table{
	width: 100%;
	border-spacing: 0px;
	border-collapse:collapse;
}

.calendar table tr td{
	border:1px solid #999;
	background:#EEE;
	text-align:center;
	padding: 5px;
}

.calendar table tr td.title{
	background:#666;
	border:1px solid #666;
	color:#EEE;
}

.calendar table tr.element.non{
	background:#6699FF;
}

.calendar table tr.element:hover{
	background:#DDD;
}

.calendar table th{
	background:#000033;
	border: 1px solid #000033;
	color:#DDD;
	padding: 5px 20px;
	text-align:left;
}

.calendar table th a{
	color:#FFF;
}

.calendar table th a:hover{
	color:#EEE;
	text-decoration:none;
}

/* CALENDAR INDEX TABLE */
.index-calendar table{
	width: 100%;
	border-spacing: 0px;
	border-collapse:collapse;
}

.index-calendar table tr td{
	padding: 5px 2px;
	text-align:center;
}

.index-calendar table tr td.hour{
	font-weight:bold;
	font-size:10px;
	color:#666;
}

.index-calendar table th.time{
	text-align:left;
	padding:10px 0px 5px;
	border-bottom:#666 1px solid;
}

.index-calendar table th.title{
	color:#666;
	padding: 10px 0px 5px;
	text-align:left;
}

.index-calendar table th a.tournament{
	color:#006;
}

.index-calendar table th a.cal-team{
	color:#339;
}

.index-calendar table th a:hover{
	color:#999;
	text-decoration:none;
}

.index-calendar table tr.element{
	border-bottom:#CCC 1px solid;
}
.index-calendar table tr.element td{
	padding-bottom:10px;
}