	#canvas {
		margin: 0 auto;
		padding: 10px;
		width: 800px;
	}



body {
	background: #789 url(../images/misc/shadow2.png) repeat-y center;
	font: .8125em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#inside-620 {
	    width: 620px;	
		padding-left: 20px;
		}

#Caps {
		color: #0079cc;
		font-size: 1.5em;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		position: relative;
		top: -.25em;
		width: auto;
	}

#Season-text {
		color: #26AB83;
		font: 15px. Verdana, Arial, Helvetica, sans-serif;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		position: relative;
		top: -.25em;
		width: auto;
	}



#red-text {
		color: #ff0000;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bolder;
		letter-spacing: normal;
		width: auto;}


#blue-text {
		color: #0079C1;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bolder;
		letter-spacing: normal;
		width: auto;}


#green-text {
		color: #26AB8E;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bolder;
		letter-spacing: normal;
		width: auto;}


#dark-green-text {
		color: #009B7A;
		font: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bolder;
		letter-spacing: normal;
		width: auto;}




ul {
	list-style-type: disc;
	list-style-image: url(../scripts/triright-blue.gif);
	}


li {
	padding:0 0 .5em 2px;
	margin: 0 0 0.25em 0;
	}



formfield1 {
	margin-right:150px;
	}


	/* All the headers use Lucida, so we'll just set it for all of them here. */
h1, h2, h3, h4, h5 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;
	}
	
	h1 {
		background: url(/img/headergradient.jpg) #fff repeat-x bottom;
		border-bottom: 1px solid #b2b3b5;
		color: #0079c1;
		font-size: 2.5em;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		position: relative;
		top: -.25em;
		width: auto;
	}


	h4 {
		background: url(/img/headergradient.jpg) #fff repeat-x bottom;
		border-bottom: 1px solid #b2b3b5;
		color: #0079c1;
		font-size: 2em;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		position: relative;
		top: -.25em;
		width: auto;
	}




/*	h2 {
		background: url(/img/headergradient.jpg) #fff repeat-x bottom;
		border-bottom: 1px solid #b2b3b5;
		color: #1f5099;
		font-size: 1.2em;
		margin: 0 0 .5em;
		padding: .35em;
		position: relative;
		width: 610px;
	}
	
		h2 a {
			background: transparent;
			color: #1f5099;
		}
		
		h2.smallheader {
			background: none;
			border-bottom: none;
			color: black;
			font-size: 1.1em;
			margin: 0 0 .5em;
			padding: 0;
			position: relative;
		}
	
	h3 {
		font-size: 1.1em;
		margin: 0 0 .7em 0;
		padding: 0;
	}
	
	strong {
		letter-spacing: 0em;
	}




/*

.hide {
	background: transparent;
	border: none;
	height: 0;
	position: absolute;
	text-indent: -9999px;
	width: 0;
}

.banner-photo {
	left: 0;
	position: absolute;
	top: 1px;
}

.subtitle {
	display: inline;
}

/***********************************************************
************				site.css			************
************									************
************	Site-wide CSS. Most of the CSS	************
************	in this file shouldn't be		************
************	changed. If you want to change	************
************	something in this file, you		************
************	should overwrite it in			************
************	[your site/dept name here].css	************
***********************************************************/



/*****   TAGS: This section sets the styles of tags like <H1> or <IMG>.           *****/
	
	/* Isn't #789 great? */


/*
body {
		background: #789 url(/img/shadow2.png) repeat-y center;
		font: .8125em Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	
	a {
		background: inherit;
		color: #1f5099;
		text-decoration: underline;
	}
		
		a:hover {
			text-decoration: underline !important;
		}
		
		a img {
			border: 0;
		}
	
	img {
		border: 0;
		display: block;
	}
	
	form {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	/* All the headers use Lucida, so we'll just set it for all of them here. */
h1, h2, h3, h4, h5 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, Verdana, sans-serif;
	}
	
/*	h1 {
		background: url(/img/headergradient.jpg) #fff repeat-x bottom;
		border-bottom: 1px solid #b2b3b5;
		color: #1f5099;
		font-size: 1.5em;
		font-weight: bolder;
		letter-spacing: normal;
		margin: 0;
		padding: .35em;
		position: relative;
		top: -.25em;
		width: auto;
	}
	
	h2 {
		background: url(/img/headergradient.jpg) #fff repeat-x bottom;
		border-bottom: 1px solid #b2b3b5;
		color: #1f5099;
		font-size: 1.2em;
		margin: 0 0 .5em;
		padding: .35em;
		position: relative;
		width: 610px;
	}
	
		h2 a {
			background: transparent;
			color: #1f5099;
		}
		
		h2.smallheader {
			background: none;
			border-bottom: none;
			color: black;
			font-size: 1.1em;
			margin: 0 0 .5em;
			padding: 0;
			position: relative;
		}
	
	h3 {
		font-size: 1.1em;
		margin: 0 0 .7em 0;
		padding: 0;
	}
	
	strong {
		letter-spacing: 0em;
	}

/*****   GENERAL: This section sets site-wide/often-used styles.                  *****/
/*	
	#break {
		clear: both;
	}
	
	.centre {
		margin: auto;
	}
	
	.centrecontent {
		border-left: #d9d9d9 solid 1px;
		margin: 0 0 0 165px;
		padding: 0 0 2em 14px;
	}
		
		.centrecontent li {
			padding: .25em;
		}
		
		/* 'Body copy' text -- i.e. the text that will be under your <H1>. */
/*		.centrecontent p {
			letter-spacing: .03em;
			line-height: 1.2em;
			margin: 0 0 1em 0;
		}
		
		.centrecontent p, .centrecontent li {
			font-size: .95em;
		}
		
		#main-content {
			float: left;
			width: 440px;
		}
	
	.clear {
		clear: both;
	}
	
	.colourbar {
		background: blue repeat url(/img/colourbars.gif);
		clear: left;
		height: 8px;
		margin-bottom: 3px;
		overflow: hidden;
	}
	
	#container {
		background: white;
		margin: 0 auto;
		padding: 10px;
		position: relative;
		width: 800px;
	}
	
	.pageContent {
		float: left;
		margin: 0 0 0 0;
		padding: 0 15px;
		position: relative;
		width: 620px;
	}

/*****   HEADER: This section styles the header and masthead sections.            *****/
	
	/* Change the gov.ns.ca 'Wave Banner' here. eg. if you need to use the French
		banner, set it here */
/*	#masthead {
		background-image: url(/img/wavebanner2.jpg);
		background-repeat: no-repeat;
		font-family: Verdana, Arial, sans-serif;
		height: 80px;
		overflow: hidden;
		position: relative;
		width: 800px;
	}
		
		#masthead a:link, #masthead a:visited {
			background: transparent;
			background-color: inherit;
			color: #555;
			font-size: 11px;
			position: absolute;
			right: 8px;
			text-decoration: none;
			top: 8px;
		}
		
		#masthead a .url {
			background-color: inherit;
			border-left: 1px solid #789;
			color: #555;
			margin-left: 8px;
			padding-left: 8px;
		}
	
	.pageBanner {
		margin: 80px 0 0 0;
	}
	
	.pageBanner .subtitle {
		display: block;
		font-size: 15px;
		margin: 3px;
		position: static;
	}
	
	/* Put your own department banner image here */
/*	#heading {
		background-image: url(/img/banner1.jpg);
		height: 100px;
		position: relative;
		margin-bottom: 12px;
		overflow: hidden;
	}
		
		#heading .heading {
			background: transparent;
			color: white;
			display: block;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			position: absolute;
			right: 18px;
			top: 65px;
		}
		
		#heading .heading a:link, #heading .heading a:visited {
			background: transparent;
			color: white;
			text-decoration: none;
		}
			
			/* For 'Gallery' Pages */
/*			body.gallery #banner {
				background: white;
				height: 100px;
				margin: 0 0 10px 0;
				padding: 0;
				position: relative;
				width: 800px;
				z-index: 10;
			}
			
			body.gallery .heading {
				background: transparent;
				color: white;
				display: block;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 19px;
				position: absolute;
				right: 28px;
				top: 166px;
				z-index: 100;
			}
			
			body.gallery .heading a:link, body.gallery .heading a:visited {
				background: transparent;
				color: white;
				text-decoration: none;
			}
			
			body.gallery #search {
				top: 99px;
				z-index: 100;
			}
	
	#bannerlink {
		display: block;
		left: 0px;
		height: 80px;
		margin-top: -8px;
		position: relative;
		width: 800px;
	}

	#LanguageLinks {
		background: #2B6ABA;
		display: block;
		position: absolute;
		top: 47px;
		right: 10px;
		padding: 2px;
		margin: 2px;
	}
	
	#LanguageLinks li
	{
		display: inline;
		padding: 0.5em;
		color: white;
		font-size: 11px;
		font-weight: bold;
	}
	
	#LanguageLinks li a
	{
		color: white;
		font-weight: normal;
	}
	
	#LanguageLinks .altLang
	{
		border-left: 1px solid #789;
		color: #789;
		text-decoration: underline;
	}
	
	#LanguageLinks .altLang a:hover
	{
		color: white;
		text-decoration: underline;
	}

/*****   TOPICS: This section styles the "Topics" (top) navigation.               *****/
	
/*	#topics-nav {
		background: url(/img/blue_white_nav_background.jpg) #fff repeat-x bottom;
		border-top: #e2e3e5 solid 1px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		height: 30px;
		margin: -4px 0 10px;
		text-align: center;
		text-transform: uppercase;
	}
		
		#topics-nav ul {
			display: block;
			margin: 7px auto 0 !important;
			text-align: center;
			width: auto;
		}
			
			#topics-nav ul li {
				display: inline;
				margin: -2px 0 0 !important;
			}
		
		#topics-nav ul, #topics-nav ul li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			
			#topics-nav ul li a {
				border-left: #e2e3e5 solid 1px;
				border-right: #fff solid 1px;
				margin: 5px 0 0 !important;
				padding: 7px 10px 8px;
				text-decoration: none !important;
			}
				
				#topics-nav ul li a:hover {
					text-decoration: underline !important;
				}
				
				#topics-nav ul li a.first {
					background: url(/img/tab-nav-border.png) transparent repeat-y left;
					border-left: none;
				}
				
				#topics-nav ul li a.last {
					background: url(/img/tab-nav-border.png) transparent repeat-y right;
					border-right: none;
				}

/*****   NAVIGATION: This section styles the left-hand nav, except for colours.   *****/
	
	/* Hide the nav items in the <UL>, under each <H3>, by default. */
/*	.navList {
		display: none;
	}
	
	#navigation {
		clear: left;
		float: left;
		font-size: .9em;
		margin: 0;
		padding: 0 15px 0 0;
		width: 150px;
	}
		
		/* The <H2> in the nav is for screenreaders and text browsers; it doesn't
			need to show up in a CSS-enabled/graphical browser. */
/*		#navigation h2, #topics-nav h2 {
			left: -9999px;
			margin: 0;
			padding: 0;
			position: absolute;
		}
		
		#navigation h3 {
			margin-left: 0;
			padding: 0;
		}
		
		#navigation h3 a { 
			background: white;
			font-size: .9em;
			font-weight: normal;
			margin: 0;
			padding: 4px 0 0 7px;
		}
		
		#navigation h3 a {
			border-top-style: solid;
			border-top-width: 12px;
			text-transform: uppercase;
		}
		
		#navigation ul, #navigation li {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
		#navigation ul {
			margin-bottom: 1em;
		}
		
		/* The bullet point next to the nav items are actually background images. */
/*		#navigation li {
			background: url(/img/greaterthan.png) 0 10px no-repeat;
		}
		
		#navigation a:link, #navigation a:visited {
			background: transparent;
			color: #555;
			display: block;
			font-family: Verdana, Arial, sans-serif;
			padding: .35em 0 .35em 8px;
			position: relative;
			text-decoration: none;
		}
		
		#navigation a.linkout {
			background: white;
			margin: 0;
			padding: 0;
		}
	
	/* Subpage styles */
/*	#navigation h4 {
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	#navigation ul li ul {
		display: none;
		margin: 0 0 0 15px;
	}

/*****   SIDEBAR: This section styles the sidebar in a three-column layout.       *****/
	
/*	#sidebar {
		float: right;
		margin: 3px 0 0;
		padding: 0 0 1.1em 13px;
		width: 162px;
	}
		
		#sidebar p {
			margin: 0;
		}
	
	body.sidebar h1 {
		margin: 0;
		width: 606px;
	}
	
	/* Makes sure <H2>s don't spill into the sidebar on pages using a
		three-column layout. */
/*	body.sidebar h2 {
		width: 432px;
	}

/*****   SEARCH: This section styles the search box in the header.                *****/
	
/*	#search {
		background-color: #333;
		color: white;
		opacity: .8;
		overflow: hidden;
		padding: 10px 9px 12px;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 10px;
		width: 178px;
		z-index: 100;
	}
		
		#search label {
			display: none;
		}
		
		#search input.searchbox {
			background: #fff;
			border: 1px solid black;
			color: #000;
			font-size: 12px;
			margin: 2px 0 0 0;
			width: 109px;
		}
		
		#search input.searchbutton {
			background: #565656;
			border: 0px;
			color: white;
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			height: 20px;
			margin: 0;
			overflow: hidden;
			text-decoration: none;
			text-transform: uppercase;
			width: 60px;
		}

/*****   FOOTER: This section styles the footer of the page.                      *****/
	
/*	#footer {
		background: url(/img/colourbars.gif) repeat-x;
		clear: both;
		font-size: .9em;
		padding-top: 3em;
		text-align: center;
		width: 100%;
	}
		
		#footer ul {
			margin: 0 0 1.5em 0;
			padding: 0;
		}
		
		#footer ul li {
			display: inline;
			padding: 1.5em;
		}
		
		#footer p {
			margin: 0;
			padding: 0;
		}

/*****   FAUXABS: This section applies the "Faux Absolute Position Tricks"        *****/
	
/*	#canvas {
		margin: 0 auto;
		padding: 10px;
		width: 800px;
	}
	
	.fauxabs-row {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}
	
	.fauxabs-item {
		float: left;
		left: 100%;
		position: relative;
	}
	
	#header-item {
		margin-left: -800px;
		width: 800px;
	}
	
	#body {
		background: transparent url(/img/bg-page.png) repeat-y scroll 165px 50%;
	}
	
	#leftcol {
		margin-left: -800px;
		padding: 0 15px 0 0;
		width: 150px;
	}
	
	.centrecontent {
		border-left: none;
		padding: 0 0 2em 15px;
	}
	
	#middlecol {
		margin-left: -635px;
		width: 620px;
	}
	
	#footer-item {
		margin-left: -800px;
		padding: 0 0 10px;
		width: 800px;
	}
	
	/* Sidebar */
	
/*	body.sidebar #body {
		background: transparent url(/img/bg-sidebar_page.png) repeat-y scroll 165px 50%;
	}
	
	body.sidebar .centrecontent {
		background: transparent;
		width: 443px !important;
	}
	
	body.sidebar #middlecol {
		margin-left: -635px;
		width: 443px;
	}
	
	body.sidebar #rightcol {
		background: transparent;
		margin: 34px 0 0 -178px;
		padding: 5px 7px 0 7px;
		width: 163px;
	}

