/* General styles */
div { border: 0px solid red; }

body {font-family: arial; font-size: 14px;border:0;padding:0}

#wrapper
{	
	margin: 0 auto;
	width: 1024px;
}

a {
	color:#369;
}
a:hover {
	color:#ed1e24;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	color: #4299d3;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin: 0;
	padding: 0;
	border:0;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	font-size:110%;
}
#header {
/*		border-bottom:1px solid #000;*/
		font: Arial, Helvetica, sans-serif;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	height: 35px;
	list-style:none;
	margin: 0px 0 0 0;
	padding:0;
	padding-top:0px;
	background: url(../img/bg-menu.png) no-repeat;
	font-size: 110%;
	font-weight: bold;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	font-weight: bold;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
/*	background:#eee;*/
	color:#4299d3;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
/*	background:#369;*/
	color:#ed1e24;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}

.menu-text {
	color: #4299d3;
}

#field {
	width: 241px;
	height: 122px;
	background: url(../img/field.png) left bottom no-repeat;
	color: #4299d3;
	font-size: 14px;
	font-weight: bold;
}

div #field p {
	font-size: 12px;
	padding-top: 92px;
	padding-left: 7px;
}

#field2 {
	width: 163px;
	height: 197px;
	background: url(../img/field2.png) center no-repeat;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.score {
	font-size:40px;
	text-align:center;
	padding-top:10px;
	font-weight: bold;
}

.partners {
	text-align: center;
}

div .partners img {
	padding: 5px;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col2 {
	border: 1px solid #e5e3dd;
	margin-top: 10px;
	color: #5e615c;
}

.col2 h2 {
	color: #4299d3;
	font-size: 14px;
	font-weight: bold;
}

/* 2 Column (right menu) settings */
.rightmenu {
	background: #fff;	/* right column background colour */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	background:#fff;	/* left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.date {
	font-size: 9px;
	color: #666;
}

div .col2 h2{
	margin:0;
	padding: 0;
	padding-left: 3px;
	height: 22px;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e3dd url(../img/bg-col.png) left repeat-x;
}

#hdr {
	margin:0;
	padding: 0;
	padding-top: 4px;
	padding-left: 3px;
	height: 20px;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e3dd url(../img/bg-col.png) top left repeat-x;
	color: #4299d3;
	font-weight: bold;
}
/*
.col-title {
	padding-top:3px;
	margin:0;
	background: #e5e3dd;
	height: 20px;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
*/
.col-list {
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding:0;
}

.col-list li {
	padding: 5px 0 5px 0;
	background: url(../img/dots.gif) repeat-x 0% 100%;
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: url(../img/bg-footer.png) left top no-repeat;
}
#footer p {
	padding:10px;
	margin:0;
	color: #fff;
}

#footer .copy {
	padding: 20px 0 0 30px;
	float: left;
	text-align:center;
}

#footer .design {
	width: 70px;
	height: 50px;
	float: right;
	padding-top: 15px;
	margin: 0 70px 0 0;
	background: url(../img/logo-rainbow.png) center bottom no-repeat;
}

#footer .design a {
	display: block;
}

.news {
	clear: both;
	background: url(../img/dots.gif) repeat-x 0% 100%;
	padding: 0 0 10px 0;
}

.news h4 a {
	color: #4299d3;
	text-decoration: none;
}

.news h4 a:hover {
	color: #56626E;
	text-decoration: underline;
}

.news h4 {
	color: #4299d3;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0;
}

.news p {
	font-size: 13px;
	line-height: 15px;
	font-family: "Times New Roman";
}

.news .nimg {
	width: 50px;
	height: 50px;
	padding: 7px;
	display: block;
	float: left;
	background: url(../img/news-img-holder.jpg) no-repeat 0% 0%;
}

.news .nimg img {
	border: 5px solid #fff;
}
	
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0px;
	clear: both;
}

* html .clearfix { height: 1%; }


.shirt-player {
	width: 32px;
	height: 24px;
	background: url(../img/shirt-player.png) no-repeat;
	float: left;
	clear: both;
	margin: 3px;
	margin-right: 6px;
	color: #fff;
	text-align: center;
	padding-top: 4px;
}

.shirt-gk {
	width: 32px;
	height: 24px;
	background: url(../img/shirt-gk.png) no-repeat;
	float: left;
	clear: both;
	margin: 3px;
	margin-right: 6px;
	color: #fff;
	text-align: center;
	padding-top: 4px;
}

.shirt-coach {
	width: 32px;
	height: 24px;
	background: url(../img/shirt-coach.png) no-repeat;
	float: left;
	clear: both;
	margin: 3px;
	margin-right: 6px;
	color: #fff;
	text-align: center;
	padding-top: 4px;
}

.photo-player {
	border: 1px solid #9f9d99;
	margin-right: 10px;
}

#player-info {
	list-style: none;
}

#info dl {
/*	clear:both;
	width:728px;
	height:8em;
	margin:2em auto;*/
}
#info dt {
	margin-bottom:1em; 
	font-weight:bold;}
#info dd {
	width:33%; 
	float:left; 
	margin:0;
}

#info ul{
	list-style: none;
	padding-left: 0; 
}

#info ul li{
	height:40px;
	font-size: .9em;
}

#info ol.first {
  counter-reset:item 0;}
#info ol.second {
  counter-reset:item 5;}
#info ol.third {
  counter-reset:item 9;}

#info ol li {
  display: block;
}
#info ol li:before {
  content: counter(item) ". "; 
  counter-increment: item 1;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.gallery li {
	padding: 7px;
	margin: 0;
	float: left;
	position: relative;
	width: 130px;
	height: 120px;
}

.gallery li img {
	border: 2px solid #9fa1a2;
}


table.table1 {
	width: 100%;
	font-size: 10px;
}

.table1 .head {
	background-color: #4299d3;
}

.table1 .head td {
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

.table1  td {
	text-align: center;
	font-size: 0.9em;
	border-bottom: 1px solid #e5e3dd;
}

.table1 .select td {
	font-weight: bold;
	background-color: #ffc001;
}

.table1 .season_team
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.table1 .season_score
{
	color: #bf2126;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.arena {padding: 11px}

/*
.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 39px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
}
.news {background-image: url(../img/b-news.png); width: 96px;}
.news a {background-image: url(../img/b-news-a.png);}
.about {background-image: url(../img/b-team.png); width: 100px;}
.about a {background-image: url(../img/rollover02a.gif);}
.services {background-image: url(../img/rollover03.gif); width: 128px;}
.services a {background-image: url(../img/rollover03a.gif);}
.contact {background-image: url(../img/rollover04.gif); width: 122px;}
.contact a {background-image: url(../img/rollover04a.gif);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*/



#gal-container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 720px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#gal-sidebar1 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 10px 10px 15px; /* padding keeps the content of the div away from the edges */
}
/*
#gal-sidebar2 {
	position: absolute;
	top: 0px;
	right: 0;
	width: 150px;
	height: 360px;
	padding: 10px 10px 10px 15px; 
}
*/
#gal-mainContent { 
	height: 400px;
	margin-left: 180px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: url(/images/frame.png) no-repeat;
}
#gal-mainContent img {
	padding-top: 28px;
	padding-left: 13px;
}

#gal-bar { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height: 150px;
} 

#gal-bar p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


#gal img .left {width: 25px; height: 50px; float: left; cursor:pointer;}
#gal img .right {width: 25px; height: 50px; float: left; cursor:pointer;}

#gal ul {list-style: none; padding: 0; margin:0; float: left;}
#gal ul li.thmb	{display: inline; width: 132px; height: 142px; float: left; margin:0 0px; cursor: pointer; background: url(/images/frame-small.png);}
#gal ul li.arrow	{display: inline; width: 25px; height: 50px; float: left; margin:0 0px; cursor: pointer; background:none; padding-top: 35px;}

#gal ul li.thmb img {display: block; width: 126px; height: 97px; padding-top: 22px; padding-left: 2px;}

#gal ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size: 11px; line-height: 15px; text-align: justify;}




.b-news, .b-team, .b-season, .b-arena, .b-photo, .b-video, .b-partners, .b-contact {float: left;}

.b-news a {background: url(/img/b-news.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-news a:hover {background: url(/img/b-news_on.png) top left no-repeat;}


.b-team a {background: url(/img/b-team.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-team a:hover {background: url(/img/b-team_on.png) top left no-repeat;}

.b-season a {background: url(/img/b-season.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-season a:hover {background: url(/img/b-season_on.png) top left no-repeat;}

.b-arena a {background: url(/img/b-arena.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-arena a:hover {background: url(/img/b-arena_on.png) top left no-repeat;}

.b-photo a {background: url(/img/b-photo.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-photo a:hover {background: url(/img/b-photo_on.png) top left no-repeat;}

.b-video a {background: url(/img/b-video.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-video a:hover {background: url(/img/b-video_on.png) top left no-repeat;}

.b-partners a {background: url(/img/b-partners.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-partners a:hover {background: url(/img/b-partners_on.png) top left no-repeat;}

.b-contact a {background: url(/img/b-contact.png) top left no-repeat; display:block; height:31px; width:93px;}
.b-contact a:hover {background: url(/img/b-contact_on.png) top left no-repeat;}

#header ul {padding-left: 30px;}

ul.navcentre
{
	list-style:none;

	margin-left: 30px;

/*	margin: 100px auto;
	padding:0;
	display:table;
	padding:2px;
	white-space:nowrap; */

	text-align: center;
	margin: 0 auto;
}

ul.navcentre li
{
/*	display:table-cell; */
}

ul.navcentre  li span
{
	display:none;
	visibility: hidden;
}

.style1 {color: #6699FF}
.pagerContainer {text-align: center;  background: url(../img/button_02.png) top center repeat-x; height:27px;}
.pages { float: right; width: 263px; height:27px; text-align: center; background: url(../img/button_03.png) top center no-repeat; margin: 0 auto; padding-top: 3px;}
.pages2 { width: 294px; padding-left:20px; height: 27px; text-align: center; background: url(../img/button_04.png) top center no-repeat; padding-top: 3px;}
.pages3 { float: left; padding-left:20px;  width: 319px; height:27px; text-align: center; background: url(../img/button_05.png) left top no-repeat; margin: 0 auto; padding-top: 3px;}
.style2 {color: #FFFFFF}

input, textarea{border: 1px solid #ccc}

table.price td {background: #fff; font-size: 11px;}