/* initial setup */
* {
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	background:url('../_/bg4.jpg') #004298 50% 0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper {
	text-align:left;
	margin:0 auto;
	width:1000px;
	position:relative;
}

/* common style */
a {
	color:#dd1d23;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
}

h1, h2, h3, h4, h5 ,h6 {
	color:#003d98;
}

.cb {
	float:none !important;
	clear:both !important;
}

.hr {
	display:block;
	width:100%;
	height:1px;
	background:#DDD;
	clear:both;
	margin:5px 0;
}
 
.hr hr {
	display:none;
} 

/* page header block */
.header {
	display:block;
	width:1000px;
	height:160px;
}

/* navigation */
.mainNav, .subNav, .teamBar {
	clear:both;
	display:block;
	list-style:none;
}
.mainNav li, .subNav li {
	float:left;
	display:inline;
	position:relative;
	margin:0 15px;
}

.mainNav {
	padding-top:20px;
}

.mainNav li .right, .mainNav li .left {
	position:absolute;
	top:0px;
	width:10px;
	height:100%;
	background-image:url('../_/navTab.png');
}
.mainNav li .left {
	background-position:0 0;
	left:-10px;
}
.mainNav li .right {
	background-position:-30px 0;
	right:-10px;
}

.mainNav a {
	display:block;
	position:relative;
	background:#005e8f;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.mainNav a:hover {
	text-decoration:underline;
}

.mainNav li.first{
	margin-left:10px;
}
.mainNav li.selected a{
	background:#5bbb47;
	border-bottom:5px solid #5bbb47;
	margin-bottom:-5px;
}
.mainNav li.selected .left {
	background-position:-10px 0;
	border-bottom:5px solid #5bbb47;
}
.mainNav li.selected .right {
	background-position:-20px 0;
	border-bottom:5px solid #5bbb47;
}

.subNav {
	background:#5bbb47;
	width:1000px;
	min-height:1em;
	padding:5px 0 8px 0;
	border-top:2px solid #FFFFFF;
}

.subNav a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.7em;
}
.subNav a:hover{
	text-decoration:underline;
}

.teamBar {
	background:#FFFFFF;
	width:1000px;
	height:80px;
}

.teamBar li {
	float:left;
	display:inline;
	padding:0 10px;
}

.teamBar a img{
	border:none !important;
	width:80px;
	height:80px;
}

/* container setup */
#middleContainer {
	width:590px;
	float:left;
	display:inline;
	margin-left:10px;
}

#leftContainer {
	width:195px;
	float:left;
	display:inline;
}

#leftmiddleContainer {
	width:795px;
	float:left;
	display:inline;
	height:100%;
}

#rightContainer {
	width:195px;
	float:right;
	display:inline;
}

/* segments */
.segment {
	border:10px solid #FFFFFF;
	margin:10px 0;
	background:#FFFFFF;
	font-size:0.8em;
}

.ladder {
	background:url('../_/ladderGrad.png') #0086b8 top repeat-x;
	color:#FFFFFF;
	padding:10px;
}


/* ladder table */
.ladder table {
	width:100%;
}
.ladder th {
	padding-bottom:10px;
	font-weight:bold;
	text-decoration:underline;
}
.team{
	width:100%;
}
.pld, .pds{
	text-align:center;
}
.pld {
	padding-right:15px;
}

.team a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
 
.team a:hover{
	text-decoration:underline;
}
 
.ladder tfoot td {
	padding-top:8px;
}
 
.ladder tfoot a {
	color:#FFF;
}

/* news posts */
.news div.block {
	width:182px;
	float:left;
	display:inline;
	margin-right:12px;
}

.news div.last {
	margin-right:0;
}

.news h3 {
	font-size:1.2em;
}

.news img {
	width:100%;
}

/* events posts */
.events .block {
	float:right;
	display:inline;
	width:400px;
}

.events .post {
	float:right;
	display:inline;
	width:300px;
	padding-bottom:15px
}

.events img {
	float:left;
	display:inline;
}

.events .date {
	float:left;
	display:inline;
	width:100px;
	font-size:1.2em;
	font-weight:bold;
	color:#dd1d23;
}

.events h3, .events p {
	display:inline;
}


/* sign up box */
.signUp {
	background:url('../_/newsLetterGrad.jpg') bottom right no-repeat;
}

.signUp h2 {
	padding:5px 10px;
}

.signUp form {
	padding-bottom:40px;
}

.signUp input{
	margin:0 10px;
	width:133px;
	padding:2px 10px;
	border:1px solid;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-left-color:#666666;
	border-top-color:#666666;	
}
.signUp input.submit{
	width:70px;
	padding:0;
}

.signUp label {
	position:absolute;
	left:-9000px;
}

/* results segments */

.segment.result {
	width:150px;
	float:left;
	margin:0 10px 0 0;
	background:url('../_/resultGrad.png') top repeat-x #00acea;
	color:#FFFFFF;
	padding:10px;
	font-size:0.7em;
	font-weight:bold;
}

.segment.result.last {
	margin-right:0;
}

.result table {
	width:100%;
	border-collapse:collapse;
}

.result table td {
	border-bottom:1px solid #90d0ec;
}

.result .match {
	width:100px;
	vertical-align:baseline;
}

.result .score {
	vertical-align:baseline;
	text-align:right;
}

div div.segment.result a{
	color:#FFFFFF;
	font-weight:normal;
	font-size:1.2em;
}

/* img foot */
img.foot {
	margin-top:10px;
}
div.foot {
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
}

/* partners */
.partners img {
	padding:5px 0px;
	border:none;
}

.partners h2 img {
	padding:5px 10px;
}


/* deep page tables */

#leftmiddleContainer .generic,
#leftmiddleContainer .ladderBig,
#leftmiddleContainer .draw,
#leftmiddleContainer .game,
#leftmiddleContainer .results {
	background:url('../_/resultGrad.png') top repeat-x #01aae8;
	color:#FFF;
	width:775px;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top:2px;
}

#leftmiddleContainer .generic a,
#leftmiddleContainer .ladderBig a,
#leftmiddleContainer .draw a,
#leftmiddleContainer .game a,
#leftmiddleContainer .results a {
	color:#FFF;
}

#leftmiddleContainer .ladderBig {
	text-align:center;
}

#leftmiddleContainer .generic tBody td,
#leftmiddleContainer .ladderBig tBody td,
#leftmiddleContainer .draw tBody td,
#leftmiddleContainer .game tBody td,
#leftmiddleContainer .results tBody td {
	border-top:1px solid #90d0ec;
}
#leftmiddleContainer .generic th,
#leftmiddleContainer .generic td,
#leftmiddleContainer .ladderBig th,
#leftmiddleContainer .ladderBig td,
#leftmiddleContainer .draw th,
#leftmiddleContainer .draw td,
#leftmiddleContainer .game th,
#leftmiddleContainer .game td,
#leftmiddleContainer .results th,
#leftmiddleContainer .results td {
	padding:5px 10px;
}

#leftmiddleContainer .ladderBig .team {
	width:200px;
	text-align:left;
}

#leftmiddleContainer .results tBody .homeCol,
#leftmiddleContainer .results tBody .awayCol {
	width:245px;
}
#leftmiddleContainer .results tHead .homeCol{
	width:295px;
	text-align:left;
}
#leftmiddleContainer .results tHead .awayCol {
	width:295px;
	text-align:left;
}
#leftmiddleContainer .game .scoreCol,
#leftmiddleContainer .results .scoreCol{
	width:30px;
	text-align:right;
}
#leftmiddleContainer .ladderBig .deepLinkCol,
#leftmiddleContainer .draw .deepLinkCol,
#leftmiddleContainer .results .deepLinkCol {
	width:15px;
	text-align:center;
}
#leftmiddleContainer .draw .vsCol,
#leftmiddleContainer .game .vsCol,
#leftmiddleContainer .results .vsCol{
	text-align:center;
}

/* draw table */
#leftmiddleContainer .game .teamCol,
#leftmiddleContainer .draw .homeCol,
#leftmiddleContainer .draw .awayCol {
	width:170px;
}
#leftmiddleContainer .draw .homeCol{
	text-align:right;
}

/* cal table */

#leftmiddleContainer .cal {
	border:1px solid #daf0fd;
	width:475px;
	margin:10px 150px;
	border-collapse:collapse;
}

#leftmiddleContainer .cal td,
#leftmiddleContainer .cal th {
	padding:10px;
}

#leftmiddleContainer .cal .yearRow {
	background:url('../_/resultGrad.png') top repeat-x #01aae8;
	color:#FFF;
}

#leftmiddleContainer .cal .monthRow {
	background:#daf0fd;
	font-weight:bold;
}

#leftmiddleContainer .cal .event{
	text-align:right;
}

/* pos change table */

.plusCol {
	background:#5bbb47;
	text-align:center;
	width:1em;
}

.minusCol{
	background:#FF0000;
	text-align:center;
	width:1em;
}

/* table in table */

#leftmiddleContainer .midTable {
	background: transparent;
	text-align:left;
	border-collapse:collapse;
	margin:5px 140px 20px 140px;
	width:475px;
}


/* competitons */

.comps {
	padding:25px 0 5px 0px;
}
.compName {
	padding: 0 0 10px 15px;
}
.compGroup {
	color:#003d98;
}

/* game report */

.gameReport {
	margin:25px 100px;
}
.gameReport p {
	margin:10px 0;
}

/* scoring */

.linkCat {
	width:100%;
	padding:20px 0 40px 0;
}

.linkCat a {
	width:33%;
	display:inline;
	float:left;
	text-align:center;
}

.graphBar{
	height:11px;
	border:1px solid #FFF;
	width:200px;
	background:#500;
}

.graphBar div {
	background:#F00;
	height:100%;
}

.avCol{
	width:80px;
}
.graphCol {
	width:200px;
}


/* confirmatin form */

form.confirm {
	width:375px;
	margin:20px 200px;
}
 
form.confirm input {
	float:right;
	display:inline;
}
 
form.confirm label {
	float:left;
	display:inline;
}
 
form.confirm #name,
form.confirm #email {
	width:250px;
}
 
form.confirm p {
	width:100%;
	clear:both;
	padding: 10px 0;
}


/* sponsors */

img.sponsorImage {
	float:right;
	display:inline;
	border:none !important;
}

.sponsData {
	clear:both;
	margin:5px 0;
}
 
.sponsData span {
	float:left;
	display:inline;
	width:200px;
	font-weight:bold;
}
 
h4.sponsData {
	margin:30px 0 0 0;
}


/* resource lib */

.resLib p {
	width:475px;
	float:left;
	display:inline;
	margin:20px 150px;
}

.resLib img {
	float:left;
	display:inline;
	margin-right:50px;
}

.resLib span {
	float:left;
	display:inline;
	margin-right:10px;
}



table.vote {
	width:375px !important;
	margin:20px 200px !important;
}



/* unsub form */
form.unSub {
	width:575px;
	margin:20px 100px;         
}

form.unSub input {
	float:right;
	display:inline;
	width:400px;
}

form.unSub label {
	float:left;
	display:inline;
	margin-bottom:15px;
}

form.unSub fieldset {
	padding:20px;
	width:535px;
}

form.unSub fieldset label {
	font-weight:bold;
	float:none;
	margin-bottom:none;
}

form.unSub fieldset .label {
	float:right;
	display:inline;
	width:500px;
	margin-bottom:15px;
}

form.unSub fieldset input {
	width:15px;
	float:left;
	display:inline;
	clear:both;
	margin-top:2px;
}

form.unSub input.submit {
	width:175px;
	margin:20px 0; 
}


/* poll */

.poll h2 {
	padding:10px;
}
 
.poll form {
	width:150px;
	padding:10px;
}
 
.poll form h4 {
	padding-bottom:10px;
	font-size:1.1em;
}
 
.poll form label{
	width:80%;
	float:left;
	display:inline;
	padding-bottom:10px;
}
 
.poll form input{
	float:right;
	margin-top:5px;
	display:inline;
}