/* Import styles here */
@import url(reset.css);
@import url(headernav/layout.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(text.css);
@import url(snippets.css);



body {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background: url(../library/bg-html.jpg) repeat-x 0px 0px #cef8ff;
}	

.frame {
	position: relative;
	z-index: 2;
	width: 990px;
	margin: 0 auto;
	background-color: #fff;
	}
	
.innerframe {
	width: 990px;
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
}

.con-printlogo {
	display: none;
	}
		
.con-header {
	position: relative;
	background: #666;
	z-index: 10000;
	height: 160px;
	background: url('../library/header3.png') repeat-y 0px 0px #000;
	}	
	
.con-footer {
	height: 30px;
	margin: 0;
	text-align: center;
	position: relative;
	background-color: #FFF;
	}	

.con-footer-shadow {
	width: 990px;
	height: 10px;
	margin: 0;
	text-align: center;
	position: relative;
	background: url('../library/bg-shadow.png');
	}	
	
.con-footer-tagline {
	width: 990px;
	height: 60px;
	margin: 10px;
	text-align: center;
	position: relative;
	background: url('../library/tagline.png');
	}	



.nav-sub{
	float: left;
	width: 240px;
	min-height: 240px;
	background: #000000;
	}

.nav-sectiontitle {
	float: left;
	width: 40px;
	padding: 5px;
	min-height: 200px;
	background: transparent;
	}

.innerpad{
	margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
	}
	
.left-pad {
	padding-left: 30px;
	}

div.spacer {
  	clear: both;
	}
  
div.container {
  	border: 2px dashed #333;
  	background-color: #ffe;
  	}
  	
.statusbar	{
	background: #FFF;
	height: 25px; /*Height of top section*/
	float: left;
	padding: 7px 0 0 30px;
	}
	

/* Con */

.con-wrapper {
	background-color: #FFFFFF;
}
.con-image {
	width: 750px;
	}
.con-image img {
	display: block;
	}

.con-sitepath {
	float: left;
	width: 750px;
	height: 20px;
	padding: 3px 0 0 0;
	background: #dadada;
}

					
.con-supp-1 {
	background: #000;
	/** border-top: 4px solid #CC0000; **/
	min-height: 600px;
	padding-top: 0;
	}
									
.con-main-2 {
	float: left;
	width: 640px;
	padding: 0px;
	}	
			
.con-main {
	float: left;
	width: 990px;
	padding: 0px;
	min-width: 500px;
	background: #FFF;
}	

.con-home {
	float: left;
	width: 992px;
	padding: 0px;
	}	

div.homepad {
	padding: 5px 5px 5px 5px;
	}
				
div.content {
	padding: 20px 30px 30px 30px;
}
	body.content div.content {
	padding: 0px 50px 0px 50px;
	}	
	body.subsitecontent div.content {
	padding: 0px 20px 20px 20px;
	}
	
/* Modules */	
<!--- 
.mod-sitelogo {width: 320px; height: 114px; overflow: hidden;}
.mod-sitelogo img {margin: 0px 0px 0px 20px;}

.mod-mainnav {width: 100%; background-image: url('mainnav/img/nav-bg.png');} <!--- #050541 #020226 --->
.mod-contentpanel { position: absolute; z-index: 1; top: 5px; left: 30px;}
.mod-footernav {
	z-index: 1;
	top: 0;
	left: 30px;
	width: 930px;
	height: auto;
	padding: 0 0 7px 0;
	text-align: center;
}
.mod-sectionimage {border-top: 2px solid #fff; height: 30px; overflow: hidden;}
.mod-image {position: relative; top: 0; left: 0; z-index: 1;}


}
.mod-sectionpanel {
	margin: 5px 20px 0px 20px; 
	border-bottom: 1px solid #d8d8d8; 
	position: relative; 
	z-index: 1; 
	min-height: 90px;
	}
	
.con-main .mod-sectionpanel {
	border: none;
	margin: 0;
	}
.sectionpanel-wrapper {clear: both;}	
.mod-sectionpanel img {position: absolute; z-index: 1; top: 4px; right: 0;}
.subsite .con-main .mod-sectionpanel img {top: 15px; right: 20px;}
.mod-sectionpanel p {padding-right: 90px;}
.mod-sectionpanel h2 {padding-right: 90px;}
.con-main .mod-sectionpanel p {min-height: 53px;}



/* Positioning - Pane*/

.pane-main {
	width: 560px;
	background-color: white;
	float: left;
	margin: 0 5px 5px 0;
	min-height: 600px;
	}	

.pane-centre {
	width: 250px;
	background-color: white;
	float: left;
	margin: 0 5px 5px 0;
	min-height: 600px;
	}	
	
.pane-advert {
	width: 160px;
	float: left;
	margin: 0 0px 5px 0;
	min-height: 600px;
	}	

.pane-advert-leauge {
	width: 160px;
	float: left;
	margin: 0 0px 5px 0;
	min-height: 600px;
	}	


/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

div.right {
	float: right;
}
div.left{
	float: left;
}


/* Homepage Pane */

.pane-main {
	width: 560px;
	background-color: white;
	float: left;
	margin: 0 5px 5px 0;
	min-height: 600px;
	}	

.pane-centre {
	width: 250px;
	background-color: white;
	float: left;
	margin: 0 5px 5px 0;
	min-height: 600px;
	}	
	
.pane-advert {
	width: 160px;
	float: left;
	margin: 0 0px 5px 0;
	min-height: 600px;
	}	



/* Homepage Modules */

.mod-pad-top{ padding-top: 5px; }
.mod-pad { padding: 5px 15px 5px 15px;}

.mod-news {
	width: 560px;
	background-color: #FFFFFF;
	}
	
.mod-news-picture {
	width: 305px;
	background-color: #333333;	
	}
	
.mod-news-artcile {
	width: 255px;
	min-height: 600px;
	}
.mod-news-article-header {
	min-height: 31px;
	width: 255px;
	background-image:url('../Library/pod-hd-news-article.png');
	}

	
.mod-fixtures {
	min-height: 250px;
	background-image:url('../Library/panel-bg-blue.png')
	}
.mod-fixtures-header {
	min-height: 31px;
	width: 125px;
	background-image:url('../Library/tab-fixtures.png');
	}
	
.mod-results {
	min-height: 250px;
	background-image:url('../Library/panel-bg-blue.png')
	}
.mod-results-header {
	min-height: 31px;
	width: 125px;
	background-image:url('../Library/tab-results.png');
	}


.mod-ladders {
	min-height: 188px;	
	}
.mod-ladders-header {
	min-height: 31px;
	background-image:url('../Library/pod-hd-ladders.png');
	}

.mod-goals {
	min-height: 100px;
	}
.mod-goals-header {
	min-height: 31px;
	background-image:url('../Library/pod-hd-goals.png');
	}
	
.mod-social {
	width: 250px;
	min-height: 85px;
	}	
.mod-social-header {
	min-height: 30px;
	width: 250px;
	background-image:url('../Library/pod-hd-social.png');
	}	
	
.mod-subscribe {
	width: 250px;
	min-height: 100px;
	}
.mod-subscribe-header {
	min-height: 31px;
	width: 250px;
	background-image:url('../Library/pod-hd-subscribe.png');
	}	
	
.mod-sponsor {
	width: 300px;
	margin-right: 10px;		
	}			
.mod-advert {
	width: 320px;
	height: 240px;
	}	




.img-floatR {
	float: right;
	border-bottom: #C0C0C0 dotted 1px;
	margin-right: 15px;
}