/* 
    Document   : main
    Created on : 12-May-2010, 2:47:43 PM
    Author     : brianmorton
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    background: #0073C2 url(/html/frontend/images/main_bg.png) left top repeat-x;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin: 0;
    width: 100%;
	text-align:center;
}

a {
  cursor: pointer;
}

.paddingWrap {
    padding: 0 20px;
}

.clear {
    clear: both;
}

.floatWrap {
    width: 780px;
    background: transparent url(/html/frontend/images/body_container_bg.png) left top repeat;
}

.mainContainer {
    width: 780px;
    margin: 0 auto; 
    text-align:left;
}

.mainContainer .headerContainer {
    background: transparent url(/html/frontend/images/head_container_bg.png) left top no-repeat;
    width: 780px;
    height: auto;
    padding-top: 18px;
    position: relative;
    z-index:100;
}
.mainContainer .headerContainer .logo, .mainContainer .headerContainer .logoFr,
.mainContainer .headerContainer .logotoronto, .mainContainer .headerContainer .logoFrtoronto,
.mainContainer .headerContainer .logoquebec, .mainContainer .headerContainer .logoFrquebec,
.mainContainer .headerContainer .logoatlantic_provinces, .mainContainer .headerContainer .logoFratlantic_provinces,
.mainContainer .headerContainer .logoeastern_ontario, .mainContainer .headerContainer .logoFreastern_ontario,
.mainContainer .headerContainer .logosouthern_alberta, .mainContainer .headerContainer .logoFrsouthern_alberta,
.mainContainer .headerContainer .logosouthwestern_ontario, .mainContainer .headerContainer .logo0 
 {
    width: 300px;
    display: block;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
}
.mainContainer .headerContainer .logoquebec, .mainContainer .headerContainer .logoFrquebec,
.mainContainer .headerContainer .logoeastern_ontario, .mainContainer .headerContainer .logoFreastern_ontario,
.mainContainer .headerContainer .logoatlantic_provinces, .mainContainer .headerContainer .logoFratlantic_provinces,
.mainContainer .headerContainer .logosouthern_alberta, .mainContainer .headerContainer .logoFrsouthern_alberta {
  height:133px;
}
.mainContainer .headerContainer .logotoronto, .mainContainer .headerContainer .logoFrtoronto,
.mainContainer .headerContainer .logo, .mainContainer .headerContainer .logosouthwestern_ontario,
.mainContainer .headerContainer .logo0 {
  background: transparent url(/html/frontend/images/logo.png) left top no-repeat;
  height: 92px;
}
.mainContainer .headerContainer .logoFr {
  background: transparent url(/html/frontend/images/logo_fr.png) left top no-repeat;
  height:99px;
}
.mainContainer .headerContainer .logoeastern_ontario, .mainContainer .headerContainer .logoFreastern_ontario {
  background: transparent url(/html/frontend/images/logo_EO.png) left top no-repeat;
}
.mainContainer .headerContainer .logosouthern_alberta, .mainContainer .headerContainer .logoFrsouthern_alberta {
  background: transparent url(/html/frontend/images/logo_SA.png) left top no-repeat;
}
.mainContainer .headerContainer .logoatlantic_provinces, .mainContainer .headerContainer .logoFratlantic_provinces {
  background: transparent url(/html/frontend/images/logo_AP.png) left top no-repeat;
}
.mainContainer .headerContainer .logoquebec, .mainContainer .headerContainer .logoFrquebec {
  background: transparent url(/html/frontend/images/logo_QC.png) left top no-repeat;
}

.mainContainer .headerContainer .rightSide {
    text-align: right;
}
.mainContainer .headerContainer .rightSide ul li {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    list-style-type: none;
    display: inline;
    margin: 0 5px;
}
.mainContainer .headerContainer .rightSide ul li a {
  color: white !important;
}
.mainContainer .headerContainer .rightSide .tagline {
    color: #f9f46d;
    font-size: 16px;
    font-style: italic;
    margin-top: 20px;
}
.mainContainer .headerContainer .rightSide .tagline strong {
    color: #FFFFFF;
    font-weight: normal;
}
.mainContainer .headerContainer .rightSide .counter {
    color: #92e3ff;
    font-size: 16px;
    margin-top: 15px;
}
.mainContainer .headerContainer .mainNavbar {
    
}
.mainContainer .headerContainer .mainNavbar .bg {
    background: transparent url(/html/frontend/images/header_star.png) left top no-repeat;
    position: absolute;
    width:771px;
    height:103px;
    top: 140px;
    right: 0px;
    z-index: 1;
}
.mainContainer .headerContainer .mainNavbar ul {
    z-index: 50;
    position: relative;
    margin-top: 42px;
    z-index:300;
}
.mainContainer .headerContainer .mainNavbar ul li.button {
    background: transparent url(/html/frontend/images/header_nav_btn.png) center no-repeat;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    list-style-type: none;
    margin: 0 2px;
    width: 100px;
    height: 21px;
    text-align: center;
    padding-top: 10px;
	  float:left;
	  display:block;
	  position:relative;
	  z-index:400;
}
	.mainContainer .headerContainer .mainNavbar ul li ul {
		display:none;
		margin-top:0;
		position:absolute;
		list-style:none;
		text-align:left;
		left:0;
		top:26px;
		width:150px;
		z-index:500;
		background-color:#006CBA !important;
	}
		.mainContainer .headerContainer .mainNavbar ul ul li {
			background:none repeat scroll 0 0 transparent;
			border-bottom:1px solid #005292;
			display:block;
			margin-left:5px;
			min-width:85px;
			padding-bottom:5px;
			padding-left:2px;
			padding-top:5px;
			z-index:600;
		}
	.mainContainer .headerContainer .mainNavbar ul li a {
		color:#FFF;
	}
.mainContainer .headerContainer .mainNavbar #starButton {
    background: none !important;
    width: 60px;
	text-align:right;
    padding-top: 10px;
}

.mainContainer .headerContainer .microBar ul {
    position: relative;
    /*margin-top: 50px;*/
    right:0;
    z-index:300;
    padding: 0 !important;
    float:right !important;
}
.mainContainer .headerContainer .microBar ul#navigation_main li.button {
    background:none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    list-style-type: none;
    margin: 0px 2px 0;
    text-align: center;
	  display:block;
	  position:relative;
	  z-index:400;
	  padding:0px;
	  width:auto;
}
.mainContainer .headerContainer .microBar ul#navigation_main a {
  top:6px;
  position:relative;
}
.mainContainer .headerContainer .microBar ul#navigation_main li.button .buttonBg {
    background: url(/html/frontend/images/btn_bg.png) center repeat-x;
    float:left;
    height:21px;
    line-height:22px;
}
.mainContainer .headerContainer .microBar ul#navigation_main li.button .leftCap {
  background: transparent url(/html/frontend/images/btn_left.png) center no-repeat;
  width:6px;
  height:21px;
  float:left;
}
.mainContainer .headerContainer .microBar ul li.button .rightCap {
  background: transparent url(/html/frontend/images/btn_right.png) center no-repeat;
  width:6px;
  height:21px;
  float:left;
}

.microBar ul li ul li a .leftCap, .microBar ul li ul li a .rightCap, .microBar ul li ul li a .buttonBg {
  background:none repeat scroll 0 0 transparent !important;
  float:none !important;
  height:auto !important;
  line-height:12px !important;
  width:auto !important;
}

.mainContainer .bodyContainer {
    width: 780px;
	  padding-top:41px;
}
.mainContainer .bodyContainer .featuredArticleBorder {
    width: 740px;
    padding: 3px;
    background: #0568B8;
    float: left;
    margin-bottom: 25px;
    z-index:0;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer {
    background: transparent url(/html/frontend/images/body_container_bg.png) left top repeat;
    float: left;
    position: relative;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .photo {
    width: 365px;
    height: 260px;
    float: left;
    z-index:0;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .photo img {
  z-index:0;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .copy {
    width: 345px;
    height:243px;
    padding:10px 10px 10px 20px;
    float: right;
    display: block;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .copy h1 {
    color: #FFF17B;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top:0;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .copy h5 {
    margin-top: 2px;
    padding-top: 2px;
    text-align: right;
}
.mainContainer .bodyContainer .featuredArticleBorder .featuredArticleContainer .copy p {
    font-size: 14px;
    line-height: 19px;
}
.moreButton {
    padding: 8px;
    background: #0568B8;
    float: right;
    cursor: pointer;
    position: absolute;
    right:4px;
    top:230px;
}
.moreButton a {
  color: white !important;
}
.mainContainer .bodyContainer .optionalBanner {
    width: 100%;
    height: 100px;
    display: block;
    float: left;
    margin-bottom: 25px;
}
.mainContainer .bodyContainer .sectionalContainer {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall {
    background: transparent url(/html/frontend/images/foot_container_bg.png) left top repeat;
    width: 234px;
    height: 345px;
    float: left;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .header {
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    width: 224px;
    height: 36px;
    float: left;
    z-index: 10;
    position: relative;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall#left .header {
    background: transparent url(/html/frontend/images/sectional_head_bg_news.png) left top no-repeat;
}
	.mainContainer .bodyContainer .sectionalContainer .sectionTall#left .header a {
		color:#FFF;
	}
.sectionTall#left h2 {
    color: #90cdff;
}
	.sectionTall#left h2 a {
		color: #90cdff;
	}
.mainContainer .bodyContainer .sectionalContainer .sectionTall#centre .header {
    background: transparent url(/html/frontend/images/sectional_head_bg_wish.png) left top no-repeat;
}
	.mainContainer .bodyContainer .sectionalContainer .sectionTall#centre .header a {
		color:#FFF;
	}
.sectionTall#centre h2 {
    color: #c5ff8c;
}
	.sectionTall#centre h2 a {
		color: #c5ff8c;
	}
.sectionalContainer #centre {
    margin-left: 17px;
    margin-right: 18px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall#right .header {
    background: transparent url(/html/frontend/images/sectional_head_bg_events.png) left top no-repeat;
}
	.mainContainer .bodyContainer .sectionalContainer .sectionTall#right .header  a {
		color:#FFF;
	}
.sectionTall#right h2 {
    color: #FFDBA3;
}
	.sectionTall#right h2 a {
		color: #FFDBA3;
	}
.mainContainer .bodyContainer .sectionalContainer .sectionShort {
    width: 235px;
    height:150px;
    float: left;
    overflow:hidden;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionFeatureContainer {
    overflow: hidden;
    position: relative;
    top: -19px;
    z-index: 5;
    width: 100%;
}
.slideContainer {
    position: relative;
    float: left;
    height: 305px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionalFeature {
    float: left;
    width: 234px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionalFeature .image {
    border: none;
	height:134px;
	overflow:hidden;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionalFeature .copy {
    padding: 0 5px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionalFeature .copy h2 {
    font-size: 14px;
    margin-bottom:-6px;
	padding-bottom:0;
	padding-top:10px;
}
.mainContainer .bodyContainer .sectionalContainer .sectionTall .sectionalFeature .copy p {
    line-height: 18px;
}
.dotControl {
    bottom:10px;
    color:#FFFFFF;
    font-family:serif;
    font-size:24px;
    font-weight:bold;
    margin:0 5px;
    position:relative;
    text-decoration:none;
}
.dotControlSelected {
    bottom:10px;
    color: #FFF17B;
    font-family:serif;
    font-size:24px;
    font-weight:bold;
    margin:0 5px;
    position:relative;
    text-decoration:none;
}
.controlBar {
    bottom:25px;
    float:left;
    position:relative;
    text-align:center;
    width:100%;
}
.sponsorSlider {
    position:relative;
    top:-150px;
}
.sponsorSlider img {
    float:left;
    border: none;
}


.mainContainer .footerContainer {
    background: transparent url(/html/frontend/images/foot_container_bg.png) left top repeat;
    width: 780px;
    color: #90cdff;
}
.mainContainer .footerContainer .paddingWrap {
    padding: 18px 20px;
}
.mainContainer .footerContainer ul {
    padding-left: 0 !important;
}
.mainContainer .footerContainer ul li {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    list-style-type: none;
    display: inline;
    margin: 0 5px;
    text-indent: 0px !important;
    color: #FFFFFF;
}
	.mainContainer .footerContainer ul li a {
		color:#FFF;
	}
.mainContainer .footerContainer strong {
    font-weight: normal;
    color: #FFFFFF;
}
.mainContainer .footerContainer .small {
    float: inherit;
    font-size: 11px;
}
.mainContainer .footerContainer .left {
    float: left;
    text-align: left;
    /*width: 280px;*/
    display: block;
}
.mainContainer .footerContainer .left .searchContainer {
    float: left;
    background: transparent url(/html/frontend/images/transparent_bg.png) left top repeat;
    width: 225px;
    height: 25px;
    margin-bottom: 5px;
    font-weight: bold;
}
.mainContainer .footerContainer .left .searchContainer input {
    float: left;
    background: none;
    border: none;
    color: #FFFFFF;
    padding: 5px;
}
.mainContainer .footerContainer .left .searchContainer button {
    float: right;
    background: transparent url(/html/frontend/images/search_btn.png) left top no-repeat;
    text-indent: -999px;
    cursor: pointer;
    border: none;
    height: 14px;
    width: 14px;
    margin: 5px;
}
.mainContainer .footerContainer .left .socialContainer {
    float: left;
    margin-bottom: 10px;
    width: 225px;
    height: 30px;
}
.mainContainer .footerContainer .left .socialContainer .pointer {
    background:url("/html/frontend/images/social_label_bg.png") no-repeat scroll center center transparent;
    font-weight:bold;
    height:20px;
    padding:8px 0 0 6px;
    width:71px;
    float:left;
}
.mainContainer .footerContainer .left .socialContainer a span{
    margin-right:2px;
    height:27px;
    width:27px;
    display: block;
    float: left;
    text-indent: -999px;
}
.RSS {
    background: transparent url(/html/frontend/images/sn_ro_RSS.png) left top no-repeat;
    height:27px;
    width:27px;
}
.Twitter {
    background: transparent url(/html/frontend/images/sn_ro_twitter.png) left top no-repeat;

}
.Facebook {
    background: transparent url(/html/frontend/images/sn_ro_facebook.png) left top no-repeat;
}
.YouTube {
    background: transparent url(/html/frontend/images/sn_ro_youtube.png) left top no-repeat;
}
.Flickr {
    background: transparent url(/html/frontend/images/sn_ro_flickr.png) left top no-repeat;
}
.RSS:hover {
    background: transparent url(/html/frontend/images/sn_ro_RSS_o.png) left top no-repeat;
    height:27px;
    width:27px;
}
.Twitter:hover {
    background: transparent url(/html/frontend/images/sn_ro_twitter_o.png) left top no-repeat;
}
.Facebook:hover {
    background: transparent url(/html/frontend/images/sn_ro_facebook_o.png) left top no-repeat;
}
.YouTube:hover {
    background: transparent url(/html/frontend/images/sn_ro_youtube_o.png) left top no-repeat;
}
.Flickr:hover {
    background: transparent url(/html/frontend/images/sn_ro_flickr_o.png) left top no-repeat;
}
.mainContainer .footerContainer .right {
    float: right;
    text-align: right;
    /*width: 460px;*/
    display: block;
}
.mainContainer .footerContainer .right .address {
    font-size: 13px;
    line-height: 16px;
}

.spacer {
    clear:both;
}
.partnersMask, .partnersMaskFr {
  position:relative;
  float:right;
  width:234px;
  height:150px;
  z-index:1000;
}
.partnersMask {
  background: transparent url(/html/frontend/images/partners_mask.png) left top no-repeat;
}
.partnersMaskFr {
  background: transparent url(/html/frontend/images/partners_mask_fr.png) left top no-repeat;
}

.sf-shadow ul {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topright:0;
	background:none repeat scroll 0 0 #006CBA;
	background-color:#006CBA !important;
	padding:0 8px 9px 0;
}
.sf-sub-indicator {
	display:none;
}
.page_title {
  margin-bottom: 15px;
}
.mainContainer .headerContainer .microBar ul ul li {
    border: 0 none !important;
}
.share_button {
	float:right;
}

.mainContainer .headerContainer .chapterBar ul {
    position: relative;
    /*margin-top: 50px;*/
    right:0;
    z-index:300;
    padding: 0 !important;
    float:right !important;
}
.mainContainer .headerContainer .chapterBar ul#navigation_main li.button {
    background:none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    list-style-type: none;
    margin: 0px 2px 0;
    text-align: center;
	  display:block;
	  position:relative;
	  z-index:400;
	  padding:0px;
	  width:auto;
}
.mainContainer .headerContainer .chapterBar ul#navigation_main a {
  top:6px;
  position:relative;
}
.mainContainer .headerContainer .chapterBar ul#navigation_main li.button .buttonBg {
    background: url(/html/frontend/images/btn_bg.png) center repeat-x;
    float:left;
    height:21px;
    line-height:22px;
}
.mainContainer .headerContainer .chapterBar ul#navigation_main li.button .leftCap {
  background: transparent url(/html/frontend/images/btn_left.png) center no-repeat;
  width:6px;
  height:21px;
  float:left;
}
.mainContainer .headerContainer .chapterBar ul li.button .rightCap {
  background: transparent url(/html/frontend/images/btn_right.png) center no-repeat;
  width:6px;
  height:21px;
  float:left;
}

.chapterBar ul li ul li a .leftCap, .chapterBar ul li ul li a .rightCap, .chapterBar ul li ul li a .buttonBg {
  background:none repeat scroll 0 0 transparent !important;
  float:none !important;
  height:auto !important;
  line-height:12px !important;
  width:auto !important;
}
.mainContainer .headerContainer .chapterBar ul ul li {
    border: 0 none !important;
}


/*** STYLES FOR TICKETS ***/
table {
    font-size: 12px;
}

/** 48H CYCLE BUTTON:
For: http://makeawish.ca/chapter/quebec/news/read/1981

OLD SPAN:
<span style="padding: 10px; border: 1px solid rgb(21, 180, 246);"><a style="text-decoration: none;" href="http://makeawish.ca/html/images/Make-A-WishJerseyOrderFormMay2011_EN.pdf"><b><font color="#ffffff">Buy a 48 HOUR Jersey</font></b></a></span>
**/
.48hButton {
  display:block;
  height:44px;
  width:168px;
  overflow:hidden;
  text-indent:-9999px;
}
.48hButton.en {
   background: url("/html/frontend/images/buya48hrjersey.jpg") no-repeat scroll left top transparent;
}
.48hButton.fr{
   background: url("/html/frontend/images/buya48hrjersey_fr.jpg") no-repeat scroll left top transparent;
}