/* CSS Document */

/*

Main page components
 - Sets the properties of the page like the background, font, alignment.

*/

html {
	background:#000;
}

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

* {
	margin:0;
	padding:0;
}

a {
	color: #777777;
	
}

a:hover {
	color: #086899;
	text-decoration: none;
}

h1, h2, h3, h4 {
	font-family:ProximaNovaBlBlack, 'Avant Garde', 'Century Gothic', 'Avant Garde Gothic', 'ITC Avant Garde Gothic', Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:1em;
	font-weight:normal;
}

h5 {
	font-family: Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	line-height:.8em;
	font-weight:normal;
	font-size:.7em;
	padding-left: 10px;
}

iframe {
	border:none;
	background:#fff;
	overflow-x:hidden;
	overflow-y:auto;
}
a img {
	border:none;
}

input
{
color: #000000;


font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font:Verdana, Geneva, sans-serif;
}

select { 
color: #000000;


font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font:Verdana, Geneva, sans-serif;

}

p {
	margin:0 0 10px 0;
}

br.clear {
	height:0;
	clear:both;
}

div.wrapper {
	width:960px;
	position:relative;
	margin:0 auto;
}

div.wrapper[class] {
	margin:0;
	width:auto;
	min-width:960px;
	max-width:100%;
}

.backgroundImages {

	


        /* Set up proportionate scaling */
        width: 130%;
        height: auto;
		
		position: fixed;
		
        top: 0px;
        left: 0;


}

/*

Header 
 - Displays the Logo as well as the Navigation

*/

div.pageHeader {
	background:#fff;
	padding: 10px 30px;
	position:relative;
	height:40px;
	z-index:100;
}

div.pageHeader .logo {
	position:absolute;
	width:142px;
	border: 0px;
}

/*

Top Navigation 
 - Displays Links to other pages on the site.

*/

div.pageHeader .nav {
	position:absolute;
	left:193px;
	bottom:0;
	margin:0;
	z-index:100;
}
div.pageHeader .nav ul li {
	float:left;
	display:inline;
	list-style:none;
	text-transform:uppercase;
	margin:0 10px;
	padding:0 0 13px;
}
div.pageHeader .nav ul li a {
	font-family:ProximaNovaBlBlack, Arial Black, Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
	font-size:1.4em;
}
div.pageHeader .nav ul li.current a, div.pageHeader .nav ul li a:hover {
	color: #086899;
}


/*

Bread Crumbs

*/


div.mainArea .contentHeader {
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}

div.mainArea .contentHeader .breadcrumbs {
	float:left;
	display:inline;
	background:#fff;
	margin:6px 0 0;
}
div.mainArea .contentHeader .breadcrumbs ol li {
	list-style:none;
	float:left;
	display:inline;
	padding:5px 5px 5px 10px;
	color:#b1b1b1;
	font-size:1.3em;
	background:transparent url(../images/global/bg-breadcrumb-slash.gif) no-repeat left center;
}
div.mainArea .contentHeader .breadcrumbs ol li.first {
	background:none;
}
div.mainArea .contentHeader .breadcrumbs ol li a {
	text-decoration:none;
	color:#c91010;
}
div.mainArea .contentHeader .breadcrumbs ol li a:hover {
	text-decoration:underline;
}
div.mainArea .contentHeader .breadcrumbs ol li.last a {
	color:#b1b1b1;
}



/*

Side Navigation 
 - Displays Links to teams and their schedules.

*/

div.mainArea div.navMenus {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	width: 170px;
	padding-left: 30px;
	top: 10px;
}
div.mainArea div.navMenus div.menu {
	background:#fff;
	padding:12px 12px 0;
	margin:0 0 10px;
}
div.mainArea div.navMenus div.menu ul {
	padding-top: 10px;
	padding-bottom: 10px;
}
div.mainArea div.navMenus div.menu ul li {
	list-style:none;
	margin:0 0 5px;
	font-size:1.2em;
}
div.mainArea div.navMenus div.menu ul li a {
	color:#949494;
	text-decoration:none;
	display:block;
}
div.mainArea div.navMenus div.menu ul li a:hover {
	color: #086899;
}







/*

Main Content of the side
 - Images and main content of the page

*/

div.mainArea div.mainSection {
    display: inline;
    float: left;
    min-width: 740px;
    width: 740px;
	margin-bottom: 20px;
}

div.mainArea div.mainSection div.mainContent {
	background: none repeat scroll 0 0 #FFF;
	display: inline;
	float: left;
	margin: 0 0 20px;
	max-width: 1100px;
	min-width: 720px;
	min-height: 400px;
	overflow: hidden;
	padding: 20px 0 20px 20px;
	position: static;
	width: 720;
	z-index: 0;
	
	
}

div.mainArea div.mainSection div.mainContent div.SitePages{
	padding-right: 20px;
	
	
}


div.mainArea div.mainSection div.mainContent div.SitePages ol{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 7px;
	
	
}
div.mainArea div.mainSection div.mainContent div.SitePages ol ul{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 7px;
	list-style: none;
	
}

div.mainArea div.mainSection div.mainContent div.mainImage div.feature {

	overflow:hidden;
	position: absolute;
}
div.mainArea div.mainSection div.mainContent div.mainImage div.feature a img {
	
	display:inline;
	
}
div.mainArea div.mainSection div.mainContent div.mainImage div.feature a {
	width:670px;
	height:250px;
	overflow:hidden;
	position:relative;
}
div.mainArea div.mainSection div.mainContent div.mainImage div.feature a span {
	display: block;
	font-size: 1.3em;
	line-height: 1em;
	position: absolute;
	text-transform: uppercase;
	width: 490px;
	left: 20px;
	bottom: 20px;
}

div.mainArea div.mainSection div.mainContent div.mainImage div.feature a span span{
	background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
    position: static;
	
}

div.mainArea div.mainSection div.mainContent div.mainImage div.feature a:hover span span {
	background: none repeat scroll 0 0 #086899;
	color: #fff;
}

div.mainArea div.mainSection div.sideImages {
	display: inline;
	float: right;

	position: static;
	
}
div.mainArea div.mainSection div.sideImages div.promo{

 	display: inline;
    float: left;
    height: 180px;
    margin: 0 17px 17px 0;
    width: 160px;
}


div.mainArea div.mainSection div.sideImages div.promo a{
    color: #000000;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.1em;
    text-decoration: none;
    text-transform: uppercase;
	margin-top: 3px;
}

div.mainArea div.mainSection div.sideImages div.promo a:hover {
	color: #086899;


}

/*

Site News
 - Displays news updates in the main section of the site.

*/

div.mainArea div.news {
	background:#000;
	color:#808080;
	padding:20px;
	width:500px;
	clear:left;
	margin-bottom: 20px;
}

div.mainArea div.news [class] {
	background:transparent url(../images/global/bg-black-85.png);
}
div.mainArea div.news  h2 {
	color:#fff;
}

div.mainArea div.news ul {
	padding-left: 10px;
}

div.mainArea div.news ul li {
	padding-top: 5px;
	list-style: none;
}

div.mainArea div.news ul li:hover {
	color: #fff;
	cursor: pointer;
}

div.mainArea div.news ul li a {
	color: #086899;
	text-decoration: none;
}

div.mainArea div.news ul li a:hover {
	color: #808080;

}









.tableHeading{
	background: #29333c;
	text-align:center;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	color:#FFFFFF;
	}
	
.tableContent{
	background: #F1F1F1;
	text-align: center;
	color: #000000;
		font-size: 10px;
	}
	
.tableTimes{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: right;
		font-size: 10px;
	padding-right: 5px;
}
.tableGames{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
		font-size: 10px;
}



.greyText{
	color:#CCCCCC;
}




/*

Footer Information
 - Displays Links to other pages and the copyright information.

*/
div.pageFooter {
	clear:both;
	background:#000;
	color:#b1b1b1;
	position:static;
	width:100%;
	left:0;
	bottom:0;
	overflow:hidden;
}
div.pageFooter div.inner {
	padding:20px;
	height:30px;
	min-width:900px;
	position:static;
}

div.pageFooter div.inner div.nav {
	position: relative;
	left: 237px;
	top: 4px;
	height: 40px;
	width: 446px;
}
div.pageFooter div.inner div.nav ul li {
	list-style: none;
	margin: 0 0 5px;
	width: 140px;
	float: left;
}



div.pageFooter div.inner div.nav ul li a {
	color:#b1b1b1;
	text-decoration:none;
}
div.pageFooter div.inner div.nav ul li a:hover {
	color: #086899;;
}

div.pageFooter div.inner div.copyright {
	clear:both;
	text-align:left;
	position:relative;
	right:0px;
	bottom: 30px;
	color:#505050;
	width:193px;
	float: right;
}

.teir{
	width: 74px;
	position:relative; 	
	
}

.lostGame {
	text-decoration:line-through;
	color: #ccc;	
}


.teams{
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font:Verdana, Geneva, sans-serif;
	text-align:center;
}

.score{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font:Verdana, Geneva, sans-serif;
	text-align:center;
	
}