/*=======================================
CSS Layout / Resets
=======================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;	margin: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*============== Layout ===============*/

html, body { width: 100%; height: 100%;}
body {background: #fff;	background: url(../images/background.gif) repeat-x; margin:inherit}
body, div, td {font-family: Arial, Helvetica, Sans serif;}
.clear { clear: both;}
#header { position: absolute; width: 100%; top: 0; left: 0;	z-index: 10000000;}
#wrapper {min-height: 100%;position: relative;}
#content { width:900px; margin: 0 auto;position: relative;}
#content-left { width: 690px; float:left; border-right:1px solid #ccc; position:relative;}
#content-right { width: 175px; margin-left:9px; float:right; text-align:center}
#footer { clear:both; background:url(../images/bg_footer.gif) repeat-x; height:140px; width:100%;position: relative; }

a {color:#49166d;text-decoration:none;font-weight:bold;}
p {font-size:12px;}
a.home_reg_link {color:#49166d;text-decoration:none;font-weight:bold; font-size:12px; line-height:24px;}
a:hover.home_reg_link {color:#999999;text-decoration:none;font-weight:bold; font-size:12px; line-height:24px;}
a {color:#49166d;text-decoration:none;font-weight:bold;}
a:hover {color:#49166d;text-decoration:underline;font-weight:bold;}
a:active {color:#49166d;text-decoration:underline;font-weight:bold;}
a:visited {color:#49166d;text-decoration:none;font-weight:bold;}
h3{ color:#66cc00; font-size:24px; line-height:24px; font-weight:normal; margin-bottom:15px;}
h5{ color:#66cc00; font-size:26px; line-height:24px; font-weight:normal;}

/*============== Header ===============*/
	#menu-visible { width: 100%; background: url(../images/menu_bg.png) repeat-x;}
	#menu-visible-inner {width: 920px; height: 63px; margin: 0 auto }
	
	*html #menu-visible { width: 100% !important; height: 68px; background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu_bottom_ie6.png', sizingMethod='crop');}
	*html #menu-visible a, #menu-visible input { position: relative; }
	#deco-nav {	float: left;}
	#masternav { background-position:bottom}
a.footer_video { width:200px; height:127px; display: block; }


#logo-arena { display: block; width: 319px; height: 63px; text-decoration: none; float: left; cursor: pointer; cursor: hand; }

#logo-telus {display: block; width: 92px; height: 63px; text-decoration: none; float: left; cursor: pointer; cursor: hand; margin-left:30px; }
/*============== Illustration top ===============*/		
#illus-top { position:relative}
	#illus-top-inner { width: 920px; height: auto !important; height: 250px; margin: 0 auto; }
	
/*============== Home bottom ===============*/		
	#home-left { width:290px; float:left; text-align:left; line-height:18px; padding-left:10px;}
	#home-midleft { width:140px;}
	#home-mid { width:165px;  }
	#home-midright { width:140px;  }
	#home-right { width:110px; }
	div.home-lowernav {border-left:1px #ccc solid;float:left;padding:20px 0 20px 10px;}
	div.home-lowernav li { margin-bottom:7px; }
	#bottomlinks { width:920px; text-align:center; padding:20px 0; clear:both}
	#bottomlinks li { display:inline; margin:7px;}

/*============== Regions top ===============*/		
#region-top { }
	#region-top-inner { width: 920px; height: auto !important; height: 250px; margin: 0 auto; position:relative}
	#flash { margin: 0 auto; width: 920px;}
	#region-top-inner-doc { width: 920px;  height: 520px; margin: 0 auto; position:relative}
	#myVideo { margin-left:30px; padding-top:80px; padding-bottom:40px; position:relative}
	#clicktozoom { line-height:26px; }
		
/*============== Thank Yous / Team Journal ===============*/		
table.content_bottom { width: 690px; margin-top:20px;}	
td.ty { width: 330px; margin-right:5px; vertical-align:top;}
td.tj { width: 330px; margin-right:5px; vertical-align:top;}
	div.bubble { }
	div.bubble div.rounded { margin-bottom: 10px; border: 3px solid #fff; background-color: #ddd;}
	div.bubble div.rounded blockquote {	border: 0;	background-color: transparent;}
	div.bubble div.rounded blockquote p { margin: 15px;}
	div.bubble cite.rounded { position: relative;	margin: 0px; padding-left: 15px; padding-top: 15px;	top: -3px; display:block;
		background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0;font-size:11px; font-style:italic}

/*============== regional results ===============*/	
#results p { line-height:16px; text-align:left; margin-right:10px; margin-top:15px; margin-bottom:15px;}
#results ul li { line-height:18px; margin-left:15px; margin-right:10px; margin-top:10px; list-style-position: outside; list-style: url(/images/square_bullet_green.gif); list-style-image: url(/images/square_bullet_green.gif); margin-bottom:15px;}
	
list-style: url(/img/nav_listdot.gif);
list-style-image: url(/img/nav_listdot.gif);	
	
/*============== Charities ===============*/	
#content-right ul { width: 190px; text-align:left; margin-left:5px; margin-top:25px;	}
#content-right li { line-height:11px; margin-top:11px;}
#content-right li a{ color:#49166d; font-weight:bold; text-decoration:none; font-size:11px;}

/*============== footer ===============*/
#footer-inner { width:920px; margin:0 auto}
#footer-inner td {text-align:center; font-size:11px;}
#footer-inner td a {font-size:11px;}
#footer-inner td.lt {text-align:left;}
#footer-inner td.rt {text-align:right;}

/*============== SiFR ===============*/
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-hasFlash h5 { visibility:hidden;}


/*============== HighSlide ===============*/
	 ul#thumbs {}
	ul#thumbs li{ display:block; position:relative; width:150px; height:100px;float:left; border:7px solid white;}
	div#zoomicon{ position:absolute; top:1px; left:10px; z-index:10; width:16px; height:16px; background:url(../images/zoomin.gif);}
* { font-family: Verdana, Helvetica; font-size: 10pt;}
.highslide {cursor: url(../images/graphics/zoomin.cur), pointer;outline: none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img { border: 2px solid white; margin:1px;}
.highslide:hover img {	border: 2px solid white;}
.highslide-wrapper {	background: white;}
.highslide-image {    border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption {  display: none; border: 2px solid white; border-top: none;font-size: 10pt;padding: 5px;background-color: white;}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

#hide {display:none}
/* Controlbar example */
.controlbar {	background: url(../images/controlbar5.gif) no-repeat;width: 92px;height: 26px; position:relative }
#previous { background-image:  url(../images/prev_down.gif); position:absolute; top:0px; left:10px;}
#next { background-image:  url(../images/next_down.gif); position:absolute; top:0px; left:30px;}
#move { background-image:  url(../images/move_down.gif);position:absolute; top:0px; left:50px;}
#close { background-image:  url(../images/close_down.gif);position:absolute; top:0px; left:70px;}
			.cssnav	{
						position:relative;
						font-family: arial, helvetica, sans-serif;
						background-repeat: no-repeat;
						white-space: nowrap;
						display: block;
						float:left;
						width: 16px;
						height: 16px;
						margin: 3px 0 0 0 ; 
						padding: 0; 
			}
			.cssnav a {
						display: block;
						color: #000000;
						font-size: 11px;
						width: 16px;
						height: 16px;
						display: block;
						float: left;
						color: black; 
						text-decoration: none;
			}

			.cssnav img {width: 16px; height: 16px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}