/***********************************************************
************				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? - we'll, it's not so great anymore... ;) */
	body {
		background: #7799AA url(/nse/img/79a-bg.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;
		}

.centrecontent a {
		background: inherit;
		color: #1f5099;
		padding:0.2em;		
		text-decoration: underline;
	}
		
.centrecontent a:hover {
			background:#f6cf64;
			padding:0.2em;
			text-decoration: none !important;
		}

		/*
		a:active {
		position: relative;
		top: 1px;
		}
		*/		
		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 ol, .centrecontent ul {
				margin-right: 177px;
			}
			
			body.sidebar .centrecontent p, body.sidebar .centrecontent ol, body.sidebar .centrecontent ul {
				margin-right: 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, body.gallery .heading {
			background: transparent;
			color: white;
			display: block;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			position: absolute;
			right: 18px;
			top: 65px;
		}
			
			body.gallery .heading {
				top: 156px;
				z-index: 100;
			}
		
		#heading .heading a:link, #heading .heading a:visited {
			background: transparent;
			color: white;
			text-decoration: none;
		}
			
			/* For 'Gallery' Pages */
			#gallery {
				background: #2a2a2f;
				height: 100px;
				margin: 0 0 12px 0;
				padding: 0;
				position: relative;
				width: 800px;
				z-index: 10;
			}
			
			/* reset blanket a:active for the #gallery ID */ 
			#gallery a:active { position:fixed; top:auto; }
			
			body.gallery .heading a:link, body.gallery .heading a:visited {
				background: transparent;
				color: white;
				text-decoration: none;
			}
			
			body.gallery #search {
				z-index: 100;
			}
	
	#bannerlink {
		display: block;
		left: 0px;
		height: 80px;
		margin-top: -8px;
		position: relative;
		width: 800px;
	}

/*****   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: 607px;
	}
	
	/* 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: 12px 9px;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 10px;
		width: 175px;
		z-index: 100;
	}
		
		#search label {
			display: none;
		}
		
		#search input.searchbox {
			background: #fff;
			border: 1px solid black;
			color: #000;
			font-size: 12px;
			margin: 0 3px 0 0;
			width: 106px;
		}
		
		#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: 0pt auto;
		padding: 10px;
		width: 800px;
	}
	
	.line {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}
	
	.item {
		float: left;
		left: 100%;
		position: relative;
	}
	
	#header {
		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;
	}
	
	#trailer {
		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;
	}