@charset "utf-8";
/* CSS Document */

/*INDEX OF INSTRUCTIONS: div content, mouse link, position, table, colour, line, image, menu, image enlarger.

/* open - main div content instructions ####################*/

body{
	background-color:#6BB5E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}


#shell{
	height:730px;
	width:1100px;
	margin:0 auto;
	z-index:1;
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}

#inner{
	position:relative;
	margin:30px auto;
	height:500px;
	width:1000px;
	z-index:2;
	background-color:#FFFFFF;
	}

#top{
	position:relative;
	height:150px;
	width:1000px;
	z-index:3;
	overflow:visible;
	}
		
#left{
	position:relative;
	height:500px;
	width:450px;
	z-index:4;
	overflow:visible;
	float:left;
	}

#mid{
	position:relative;
	height:500px;
	width:235px;
	z-index:5;
	overflow:visible;
	float:left;
	}
	
#right{
	position:relative;
	height:500px;
	width:315px;
	z-index:6;
	overflow:visible;
	float:left;
	}
	
#midwhole{
	position:relative;
	height:500px;
	width:1000px;
	overflow:auto;
	z-index:4;
	}
	
#midwholeline{
	position:relative;
	height:500px;
	width:1000px;
	line-height:70%;
	overflow:auto;
	z-index:4;
	}


#invisible{
	width:1100px;
	margin:0 auto;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#FFF;
}

#pad{
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	z-index:4;
	}

#pad2{
	margin-left:40px;
	margin-right:40px;
	}
	
#pad3{
	margin-top:10px;
	}
	
#pad4{
	margin-top:1px;
	margin-left:20px;
	margin-right:20px;
	}

#pad5{
	margin-top:20px;
	margin-left:20px;
	margin-right:50px;
	}	
	
#pad6{
		margin-right:50px;
	}	
	
/*close - main div content instructions ####################*/
/* open div content calgary 2009 frontpage ####################*/
	
#leftmid{
	position:relative;
	height:460px;
	width:460px;
	border-color:#0033FF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	margin-left:30px;
	z-index:4;
	overflow:visible;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
	
	#leftmid2{
position:relative;
	height:300px;
	width:500px;
	text-align:center
	z-index:4;
	overflow:visible;
	float:left;
	}

#rightcomp{
	position:relative;
	height:460px;
	width:460px;
	border-color:#0033FF;
	border-style:solid;
	border-width:thin;
	margin-top:10px;
	margin-left:10px;
	z-index:5;
	overflow:visible;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
	
#rightblock{
	position:relative;
	height:460px;
	width:440px;
	border-color:#0033FF;
	border-style:solid;
	border-width:thin;
	margin:10px;
	text-align:center;
	z-index:5;
	overflow: auto;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}

#leftblock{
	position:relative;
	height:460px;
	width:440px;
	margin:10px;
	border-color:#0033FF;
	border-style:solid;
	border-width:thin;
	text-align:center;
	z-index:5;
	overflow: auto;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}

#rightspons{
	position:absolute;
	left:45px;
	top:165px;
	width:350px;
	z-index:5;
	overflow:visible;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
		
#rightmidspons{
	position:absolute;
	left:10px;
	top:180px;
	text-align:center;
	z-index:5;
	overflow:visible;
	float:left;
	}	
	
#leftmidlow{
	position:absolute;
	font-weight:bold;
	font-style:italic;
	left:105px;
	top:620px;
	z-index:5;
	overflow:visible;
	float:left;
	}		
	
/* close div content calgary 2009 frontpage end#################*/
/* open div content video and diary pages#################*/

#vidleft{
	position:relative;
	height:520px;
	width:350px;
	z-index:4;
	overflow:visible;
	float:left;
	}

#vidright{
	position:relative;
	height:520px;
	width:350px;
	z-index:5;
	overflow:visible;
	float:left;
	}

#vidpad{
	margin-top:20px;
	margin-left:20px;
	margin-right:-20px;
	}

#vidpadright{
	margin-top:20px;
	margin-left:200px;
	margin-right:-240px;
	}
	
#middiary{
	position: absolute;
	left:50px;
	height:500px;
	width:920px;
	line-height:120%;
	overflow:auto;
	z-index:4;
	}

/* close div content video page#################*/

	#gallery {
		background-color: #a8d2a0;
		padding: 5px;
		width: 500px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #888888;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
/* mouse link instructions ######################*/	

a{
	text-decoration:underline; font-weight:500; cursor:pointer;
	}
a:link {color:#333;}												/*unvisited link*/
a:visited {color:#333;}											/*visited link*/
a:focus{text-decoration:none; color:#1C8C0F;}
a:hover {color:#000;}											/*mouseover link*/									
a:active {color:#000;}											/*selected link*/

a.one:link {color:rgb(0, 102, 0)}
a.one:visited {color:rgb(0, 102, 0)}
a.one:focus{text-decoration:none; color:#1C8C0F;}
a.one:hover {color:rgb(0, 102, 0)}
a.one:active {color:rgb(0, 102, 0)}

a.two:link {color:rgb(51, 51, 255)}
a.two:visited {color:rgb(51, 51, 255)}
a.two:focus{text-decoration:none; color:#1C8C0F;}
a.two:hover {color:rgb(51, 51, 255)}
a.two:active {color:rgb(51, 51, 255)}

.place{
	height:150px;							
	width:150px;	
	float:left;
	border:none;
	margin:5px;
	cursor:crosshair;
	}

/* position instructions ####################*/

p#center{
	text-align:center;
	}
	
p#justify{
	text-align:justify;
	padding-left:5px;
	padding-right:5px;	
	}	

p#centerheight{
	text-align:center; line-height:1.6;
	}
	
p{
	text-align:left
	}
	
p#r{
	text-align:right}
	


/* table instructions #####################*/

td.left{
	text-align:right;
	font-weight:bold;
	}
	
td.right{
	text-align:left;
	font-weight:normal;
	}
	
td.center{
	text-align: center;
	font-weight:normal;
	}
	
th.centre{
	text-align: center;
	font-weight:bold;
	}	
/* table standard1 */
#tablestd1 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#ffffff;
	border:0px solid #007c30;
	overflow:scroll;
	vertical-align:top;
	height:270px;
	padding-top:2px;
	padding-right:20px;
}

#tablestd1 td, #tablestd th {
font-size:14px;
border:0px solid #007c30;
text-align:center;
color:#000;
vertical-align:top;
padding-left:10px;
padding-bottom:8px;
}

#tablestd1 th{
font-size:16px;
color: #900;
border:0px solid #007c30;
font-weight:bold;
vertical-align:top;
text-align:center;
}

#tablestd1 tr.alt td {
color:#000000;
background-color:#EAF2D3;
vertical-align:top;
}

#tablestd1 tr.alt2 td {
font-size:14px;
font-weight:bold;
border:1px;
color:#000000;
vertical-align:top;
text-align:center;
}

#tablestd1 tr.alt3 td {
font-size:14px;
font-weight:none;
font-style:italic;
text-align:center;
}
/* close tablestd1 */
	
/* table standard2 */
#tablestd2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#f5f9e4;
	border:3px solid #007c30;
	overflow:scroll;
	margin-left:100px;	
}

#tablestd2 td, #tablestd th {
font-size:14px;
border:0px solid #007c30;
text-align:left;
color:#000;
vertical-align:top;
padding-left:10px;
padding-bottom:8px;
}

#tablestd2 th{
font-size:16px;
color: #900;
font-weight:bold;
vertical-align:top;
text-align:center;
}

#tablestd2 tr.alt td {
color:#000000;
background-color:#EAF2D3;
}

#tablestd2 tr.alt2 td {
font-size:16px;
font-weight:bold;
border:0px;
color:#000000;
text-align:center;
}

/* close tablestd2 */
/* tablestd3 */	
#tablestd3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#0000000;
	border:0px solid #007c30;
	overflow:scroll;
	height:430px;
	vertical-align:top;
}

#tablestd3 td, #tablestd th {
font-size:14px;
border:0px solid #007c30;
text-align:center;
color:#000;
vertical-align:top;
padding-left:10px;
padding-bottom:8px;
}

#tablestd3 th{
font-size:16px;
border:0px solid #007c30;
color: #900;
font-weight:bold;
vertical-align:top;
text-align:center;
}

#tablestd3 tr.alt td {
color:#000000;
background-color:#EAF2D3;
vertical-align:top;
text-align:center;
}

#tablestd3 tr.alt2 td {
font-size:16px;
font-weight:bold;
border:0px;
color:#000000;
text-align:center;
}

#tablestd3 tr.alt3 td {
font-size:14px;
font-weight:bold;
vertical-align:top;
text-align:center;
}

#tablestd3 td.alt4 {
text-align:right;
border:0px;
}
/* close tablestd3 */

/* colour instructions #####################*/	

.omega{
	background-color:#D0E7F7;
	}

/*line instructions #####################*/	


h1{
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	}
	
h2{	
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	}
	
h3{
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	}	
	
h4{
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	}		
	
h5{
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	}	
	
h6{
	text-align:center;font-family:Arial, Helvetica, sans-serif;
	font-size:14px; line-height:-10%; 
	}	
	
#baselinevsub{
	vertical-align:-110%;
	}
	
#baselinevsub2{
	vertical-align: -105%; _vertical-align: 80%;
	}	
	
p.line220{
line-height: 220%;   
}
	
p.line105{
line-height: 105%;   
}

p.line150{
line-height: 150%;   
}
	
p.linesmall{
line-height: 80%;
}

p.heading{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-decoration: underline;
text-align:center;
}

/* image instructions #####################*/	
	
img{border:none;
	}
	
img#line{border:none;
	width:406px;
	height:3px;
	}
	
img#line2{
	border:none;
	width:235px;
	height:3px;
	}
	
img#line3{
	border:none;
	width:220px;
	height:3px;
	}
	
img#header{
	height:112px;
	width:135px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	}

img#slogan{
	height:auto;
	width:auto;
	margin-top:40px;
	margin-left:15px;
	float:left;
	}
	
img#indexhead{
	height:100px;
	width:auto;
	margin-top:0px;
	padding-top: 20px;
	margin-right:0px;
	float:right; 
	}

img#banner{height:123;
	width:auto;
	padding-top: 20px;
	margin-right:0px;
	float:inherit; 
	}	

img#thumb{
	height:190px;
	width:140px;
	float:inherit;
	}

img#thumb2{
	width:120px;
	float:inherit;
	}

img#region{
	height:134px;
	width:100px;
	float:inherit;
	}

img#regionlo{
	height:100px;
	width:134px;
	float:inherit;
	}

img#logosq{
	margin-top:40px;
	float:none;
	width:100px;
	height:100px;
	}
	
img#logowi{
	margin-top:50px;
	float:none;
	width:200px;
	height:50px;
	}
	
/* menu instructions #####################*/	

#menu{
	position:relative;
	height:45px;
	width:980px;
	z-index:1000;
	overflow:visible;
	margin-left:10px;
	background-image:url(images/fade.gif);
	background-repeat:no-repeat;
		}
	
#menu2{
	position:relative;
	height:45px;
	width:980px;
	z-index:1;
	overflow:visible;
	margin-left:10px;
	background-image:url(images/fade.gif);
	background-repeat:no-repeat;
	}
		
#nav{
	position:inherit;
	height:30px;
	width:780px;
	padding-left:1em;
	padding-top:0.12em;
	z-index:1000;
	overflow:visible;
	margin:0 auto;
	}
	
#nav2{
	position:inherit;
	height:30px;
	width:780px;
	padding-left:380px;
	padding-top:2px;	
	z-index:2;
	overflow:visible;
	margin:0 auto;
	}

/****************************/
/**						   **/
/**  IMAGE ENLARGER_HOVER  **/
/**						   **/
/****************************/

.thumbnail{
	position:inherit;
	z-index:2000;
	}

.thumbnail span{ 
	position:fixed;
	margin-top:2px;
	margin-left:10px;
	border: none;
	visibility: hidden;
	}

.thumbnail span img{ 
	border:3px solid #000000;
	height:650px;
	width:auto;
	z-index:1200;
	}

.thumbnail:hover span{ 
	visibility: visible;
	top: 0;
	left:0; 
	}	
	
.thumbnail2{
	position: relative;
	z-index:200;
	}

.thumbnail2 span{ 
	position: absolute;
	left: 0px;
	border: none;
	visibility: hidden;
	z-index:20;
	}

.thumbnail2 span img{ 
	border:2px solid;
	height:auto;
	width:auto;
	z-index:20;
	}
	
.thumbnail2:hover span{ 
	visibility: visible;
	top: 0;
	left:0;
	z-index:20; 
	}	
	
.thumbnail3{
	position:inherit;
	z-index:2000;
	}

.thumbnail3 span{ 
	position:fixed;
	margin-top:230px;
	margin-left:50px;
	border: none;
	z-index:1200;
	visibility: hidden;
	}

.thumbnail3 span img{ 
	border:3px solid #000000;
	height:450px;
	width:auto;
	z-index:1200;
	}

.thumbnail3:hover span{ 
	visibility: visible;
	top: 0;
	left:0; 
	}	
	
.glwit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; width:100px;
}
.glwit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1; width:auto;
}