/* =wireframe */

/* =view port */
html,body{background:#ccc url("../img/bg-body.jpg") repeat-x top center; margin:0; padding:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size:100%; z-index:1;}

/* =main structure */
#document{position:relative; width:980px; margin:0 auto; padding-top:100px;}

#header{position:relative; width:980px; height:200px;line-height:0; margin:0; padding:0; background-repeat:no-repeat; background-position:top center; background-image:url("../img/section-banner.jpg");}
#home #header{height:260px; background:#000 url("../img/main-banner.jpg") no-repeat;}
		#header.banner_kelowna{background-image:url("../img/main-banner-kelowna.jpg")}
		#header.banner_london{background-image:url("../img/main-banner-london.jpg")}
		#header.banner_montreal{background-image:url("../img/main-banner-montreal.jpg")}
		#header.banner_winnipeg{background-image:url("../img/main-banner-winnipeg.jpg")}
		#header.banner_moncton{background-image:url("../img/main-banner-moncton.jpg")}
		#header.banner_edmonton{background-image:url("../img/main-banner-edmonton.jpg")}
		#header.banner_halifax{background-image:url("../img/main-banner-halifax.jpg")}
		#header.banner_calgary{background-image:url("../img/main-banner-calgary.jpg")}
		#header.banner_burnaby{background-image:url("../img/main-banner-burnaby.jpg")}
		#header.banner_oshawa{background-image:url("../img/main-banner-oshawa.jpg")}
		#header.banner_ottawa{background-image:url("../img/main-banner-ottawa.jpg")}
		#header.banner_stjohns{background-image:url("../img/main-banner-stjohns.jpg")}
		#header.banner_regina{background-image:url("../img/main-banner-regina.jpg")}
		#header.banner_saskatoon{background-image:url("../img/main-banner-saskatoon.jpg")}
		#header.banner_calgary{background-image:url("../img/main-banner-calgary.jpg")}
		#header.banner_toronto{background-image:url("../img/main-banner-toronto.jpg")}
		#header.banner_hamilton{background-image:url("../img/main-banner-hamilton.jpg")}

#content{padding:20px 10px 10px 10px; width:960px; background-color:#000;}
	#content-main{margin-right:20px;float:left; display:inline; /* position:relative; */}
		.narrow-col #content-main{width:640px;}
		.wide-col #content-main{width:780px;}
		.content-main-inner{background-color:#fffffe; display:inline; float:left; width:auto; padding:30px 10px 30px 10px; /* position:relative;*/}
			.wide-col .content-main-inner{width:760px;} /*  780px - 30px padding / -200px; to fit image on right */
			.image-col .content-main-inner{width:500px; padding-right:270px;} 
			.narrow-col .content-main-inner{width:620px;} /* 640px - 30px padding */
			#home .content-main-inner,#officiate .content-main-inner{background-color:#000;float:none; padding:0;} /* reset */
			
			
	#content-secondary{float:left; display:inline; width:300px;}
		.narrow-col #content-secondary{width:300px;}
		.wide-col #content-secondary{width:160px;}

#site-map{background-color:#000; color:#fff; width:960px; padding:10px;}
	.site-map-inner{border:1px solid #666; width:938px; padding:10px;overflow:auto } /* width is 938px now */
	
#footer{background-color:#000; color:#fff; padding:10px; position:relative;}
	#footer a{color:#fff;}
	.footer-inner{background:url("../img/horz-divider.png") repeat-x top center; padding-top:15px;}
	
.col-split{float:left; padding:0 2.5%; width:47.5%;}
.three-col-split{float:left; padding:0 2.5%; width:28%;}

/* =navigation */

/* global nav stuff */
#navigation-primary,#navigation-secondary,#navigation-footer{margin:0; padding:0;}

/* main nav */
#nav-box{background:#000; padding:20px 10px 10px 10px; z-index:1; /*position:relative;*/}
	#navigation-primary{border-bottom:1px dotted #666; padding-bottom:10px;}
	#navigation-primary li{display:inline; list-style:none outside; margin:0; padding:0 10px;  background:url(../img/nav-divider.png) no-repeat center right; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:1.2em; text-transform:capitalize;}
		#navigation-primary li.first{padding-left:0; margin-left:0;}
		#navigation-primary li.last{background:none; margin-right:0; padding-right:0;}
	#navigation-primary li a{display:inline-block; padding:8px; color:#fff; text-decoration:none;}
	#navigation-primary li a:hover,#navigation-primary li.active a{color:#fff; background-color:#0033ff; -moz-border-radius:5px; -webkit-border-radius:5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
	
/* secondary nav */
	#navigation-secondary{margin-top:25px}
	#navigation-secondary li{display:inline; list-style:none outside; margin:0; padding:0 5px; background:url(../img/nav-divider.png) no-repeat center right;}
		#navigation-secondary li.first{padding-left:0; margin-left:0;}
		#navigation-secondary li.last{background:none; margin-right:0; padding-right:0;}
	#navigation-secondary li a{display:inline-block; padding:5px; color:#fffffe; text-decoration:none;}
	#navigation-secondary li a:hover,#navigation-secondary li.active a,#navigation-secondary li.ui-state-active a,#navigation-secondary li.promo-nav-item a{color:#000; background-color:#fffffe; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
	
	#navigation-secondary li.promo-nav-item{position:absolute;right:0}
	#navigation-secondary li.promo-nav-item a{color:#feeecb; background-color:#6c5f3f;}
	#navigation-secondary li.promo-nav-item a:hover{background-color:#c7ad72; color:#333;}
	
	
	
/* footer nav */
	#navigation-footer li{display:inline; list-style:none inside; margin:0; padding:0 10px; line-height:12px; background:url(../img/nav-divider.png) no-repeat center right;}
		#navigation-footer li.first{padding-left:0; margin-left:0;}
		#navigation-footer li.last{background:none; margin-right:0; padding-right:0;}
	#navigation-footer li a{/*text-transform:lowercase;*/ color:#fff;}

/* =modules */

/* ad boxes */
#top-box{height:90px; width:960px; position:absolute; top:0; left:0; background-color:#000; padding:0 10px 10px 10px;}
.top-ad-media{height:90px; width:728px; line-height:1;}
.media-sidebar{height:600px; width:160px; line-height:1;}
.home-media-sidebar{height:250px; width:300px; line-height:1;}

	#home .ad-col{padding-top:0;}
	#home .ad-col ul{line-height:0; margin:0; padding:0;}
	#home .ad-col ul li{margin:0 0 20px 0; padding:0;}
	#events .narrow-col .ad-col{padding-top:0;}
	
/* site map */
.site-map-inner div{ float:left; width:230px;}
	#site-map h4{/*font-weight:normal;*/}
	#site-map ul{margin:0; padding:0; list-style:none outside; /*text-transform:lowercase;*/}
	#site-map ul li{list-style:none outside; margin:5px 0; padding:0 15px; background:url(../img/bullet-star.png) no-repeat center left;}
	#site-map a{color:#999;}

/* =components */ /* re-write this garbage */
.top-ad{float:left; height:90px; width:728px; margin-right:10px;}


.controls{float:left; position:relative; width:222px; height:90px;}
.controls label{font-size:0.9em; font-weight:bold; color:#244573;}
	.control-buttons{width:100px; position:absolute; top:30px; text-align:center;}
	.btn-subscribe, .btn-login{text-transform:uppercase; font-size:0.9em; font-weight:bold; z-index:1; text-decoration:none; outline:none; border:none; color:#ccc;}
	.btn-subscribe img, .btn-login img{display:block; margin:0 auto;}
			.mailing-list{right:10px;}
			.team-login{left:10px;}
				
	.form-container{z-index:1000; position:absolute; background-color:#fff; height:auto; width:170px; padding:1em 0em 1em 2em; border:1px solid #fff; position:absolute; top:0;-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
		#mailing-list-form{right:0;}
		#team-login-form{left:0;}
		
	.btn-sys-blue{border:none; background-color:#244573;; padding:0.25em 0.5em; font-size:1.1em; cursor:pointer; font-weight:bold; overflow:visible; color:#eee;}
		.btn-sys-blue:hover, .btn-sys-blue:focus{background-color:#990000;}		
		
.reg-info{height:30px; width:254px; position:absolute; top:395px; right:325px; background:url("../img/bg-reg-info.png") no-repeat top center; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
	.days-left{color:#000; font-weight:bold; font-size:1.8em; text-shadow: 1px 1px 1px #333; position:absolute; left:10px; top:5px;}
	.btn-reg{font-weight:bold; color:#fff; text-decoration:none; position:absolute; top:5px; right:35px; font-size:1.25em; text-transform:uppercase;}
		.btn-reg:hover{text-decoration:underline;}
.btn-last-day{position:absolute; top:395px; right:325px;}