/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: center;
	font-size: 11px;
	font-family: "Verdana", arial, sans-serif;
	line-height: 18px;
	color: #222;
	background: url(/images/bg.jpg) center top no-repeat #78ac4a; }

h1 { 
	margin: 0 0 10px 0; 
	font-size: 180%; 
	color: #366172; }

h2 { 
	margin: 0 0 10px 0;
	font-size: 140%; }

h3 { 
	margin: 0 0 01px 0; 
	font-size: 130%; }

a:link, a:visited { color: #366172; }
a:hover { text-decoration: none; }

a img { border: none; }

p { margin-bottom: 12px; }

ul, ol { list-style-position: inside; }

select { min-width: 50px; }


/*** LOGINAREA STYLES ***/
#loginarea {
	width: 100%;
	height: 90px;
	padding: 20px 0 0 0;
	text-align: center;
	font-family: verdana;
	color: #fff;
	background: url(/images/login_bg.jpg) top left repeat-x #447284;
	border-bottom: 1px solid #fff; }

	#loginarea form {
		display: block;
		width: 690px;
		margin: 0 auto;
		padding: 0 10px;
		text-align: left; }

	#loginarea fieldset { 
		margin: 0; 
		padding: 0; 
		border: none; }
	
	#loginarea p { 
		margin: 0 0 8px 0; 
		padding: 0; 
		font-size: 10px; }	
	
	#loginarea a:link, 
	#loginarea a:visited { color: #fff; }
	
	#loginarea label { display: none; }
	
	#loginarea ul { 
		margin: 0; 
		padding: 0; 
		list-style: none; }
		
		#loginarea ul li { 
			margin: 0; 
			padding: 0; 
			display: inline; }

		#loginarea ul li p { margin: 8px; }

	#loginarea input { 
		font-size: 12px; 
		width: 270px; 
		padding: 6px; 
		color: #444;
		border: 1px solid #2a5266; }
		
		*  html #loginarea input { width: 200px; } /* IE6 FIX */
		
	#loginarea button { 
		width: 100px;
		height: 29px; 
		font-size: 12px;
		text-align: center; 
		padding: 5px;
		cursor: pointer;
		color: #444; 
		background: #fff;
		border: 1px solid #2a5266; }
		
		* html #loginarea button { padding: 0; } /* IE6 FIX */


/************* STRUCTURE STYLES ***/
#wrapper { 
	width: 979px;
	margin: 0 auto;
	background: url(/images/wrapper_bg.jpg) center top repeat-y; }
	
	
	/*** HEADER STYLES ***/
	#header {
		display: block;
		width: 979px; 
		height: 263px; }


	/*** NAV STYLES ***/
	ul#nav { 
		width: 958px;
		height: 77px; 
		padding: 0 0 0 20px;
		list-style: none; }
	
		ul#nav li { float: left; }
		
			ul#nav li a { 
				display: block; 
				height: 77px; }
				
			ul#nav li a span { display: none; }	
		
			ul#nav li a.siteselectiontools { 
				width: 171px; 
				background: url(/images/nav_01_siteselectiontools.jpg) top left no-repeat; }
			
			ul#nav li a.aboutfredericton { 
				width: 163px; 
				background: url(/images/nav_02_aboutfredericton.jpg) top left no-repeat; }
			
			ul#nav li a.businessclimate { 
				width: 150px; 
				background: url(/images/nav_05_businessclimate.jpg) top left no-repeat; }
			
			ul#nav li a.regionaldata { 
				width: 130px; 
				background: url(/images/nav_04_regionaldata.jpg) top left no-repeat; }
			
			ul#nav li a.industries { 
				width: 106px; 
				background: url(/images/nav_06_industries.jpg) top left no-repeat; }
			
			ul#nav li a.realestate { 
				width: 111px; 
				background: url(/images/nav_03_realestate.jpg) top left no-repeat; }

			ul#nav li a.contactus { 
				width: 106px; 
				background: url(/images/nav_07_contactus.jpg) top left no-repeat; }
			
			ul#nav li a:active, 
			ul#nav li a:focus { outline: none; }
			
			ul#nav li a.active, 
			ul#nav li a:hover { background-position: bottom left; }

			
		#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1; }

		#nav a:link, #nav a:visited {
			display: block;
			color: #fff;
			font-weight: normal;
			text-decoration: none; }
		
		#nav li { /* all list items */
			float: left;
			margin-bottom: -1px; }

			ul#nav li.siteselectiontools ul { width: 198px; border-width: 0 2px 2px 1px; }
			ul#nav li.aboutfredericton ul { width: 184px; }
			ul#nav li.businessclimate ul { width: 170px; }
			ul#nav li.regionaldata ul { width: 147px; }
			ul#nav li.industries ul { width: 118px; }
			ul#nav li.realestate ul { width: 120px; border-width: 0 1px 2px 2px; }
		
		#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			width: 150px;
			margin-top: -5px;
			margin-left: -1px;
			padding-bottom: 2px;
			text-align: left;
			background: url(/images/dropdown_bg.jpg) bottom left repeat-x #6a903d;
			border: 2px solid #fff;
			border-width: 0 2px 2px 2px; }
		
		#nav li ul li { cursor: pointer; opacity: 1;}

			ul#nav li.siteselectiontools ul li a { width: 188px; }
			ul#nav li.aboutfredericton ul li a { width: 174px; }
			ul#nav li.businessclimate ul li a { width: 160px; }
			ul#nav li.regionaldata ul li a { width: 137px; }
			ul#nav li.industries ul li a { width: 108px; }
			ul#nav li.realestate ul li a { width: 110px; }
		
		#nav li ul li a { 
			display: block; 
			width: 140px; 
			height: 14px;
			padding: 7px 5px;
			font-size: 10px;
			text-indent: none;
			cursor: pointer; }
			
			#nav li ul li a:hover, 
			#nav li ul li a:active { background: #4f7127; }
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 10em; }
		
		#nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
		
		#nav li:hover ul ul, 
		#nav li.sfHover ul ul { left: -999em; }
		
		#nav li:hover ul, 
		#nav li li:hover ul, 
		#nav li.sfHover ul, 
		#nav li li.sfHover ul { /* lists nested under hovered list items */
			visibility: inherit; /* fixes IE7 'sticky bug' */
			left: auto; }


	/*** CONTENTWRAPPER STYLES ***/
	#contentWrapper {
		width: 899px; 
		padding: 20px 40px;
		text-align: left;
		background: url(/images/contentWrapper_bg.jpg) top left no-repeat; }


		/*** SIDEBAR STYLES ***/
		#sidebar { 
			float: left; 
			margin: 0 20px 0 0; }
		
			#sidebar div.sidebox { 
				width: 272px;
				margin: 0 0 20px 0;
				padding: 0 0 20px 0;
				background: url(/images/sideboxFooter_bg.jpg) bottom left no-repeat; }
				
				#sidebar div.sidebox h3 { 
					width: 252px; 
					height: 36px;
					padding: 0 0 0 20px;
					line-height: 36px;
					text-transform: uppercase; 
					font-weight: normal; 
					color: #fff; 
					background: url(/images/sideboxTitle_bg.jpg) top left no-repeat; }
			
				#sidebar div.sidebox div.content { 
					width: 252px; 
					padding: 10px;
					font-size: 10px; 
					background: url(/images/sidebox_bg.jpg) top left no-repeat; }
					
					#sidebar div.sidebox div.content ul { list-style: none; }
						
						#sidebar div.sidebox div.content ul li { 
							height: 16px;
							margin: 0 0 5px 0; }
												
							#sidebox div.sidebox div.content a:link, 
							#sidebox div.sidebox div.cotent a:visited { }
							


			/*** SIGNUP STYLES ***/
			#signup { text-align: left; }
			
				#signup ol { list-style: none; }
					
					#signup ol li { 
						margin: 0 0 5px 0; 
						list-style-position: outside; }
					
						#signup ol li input,
						#signup ol li select { 
							width: 244px; 
							padding: 3px; 
							border: 1px solid #aaa; }
							
						#signup ol li select { 
							width: 252px; 
							margin: 0 0 10px 0; }
							
						#signup ol li input.small { width: 108px; }
						
							* html #signup ol li input.small { width: 98px; } /* IE6 FIX */
												
								
			/*** REGIONALDATAREPORT STYLES ***/
			#regionaldatareport {}
			
				#regionaldatareport ul li {
					padding: 0 0 0 20px; 
					background: url(/images/bullet_regionaldatareport.png) center left no-repeat; }
				
				* html #sidebar #regionaldatareport ul li { margin: 0 0 5px -16px; } /* IE6 FIX */
				
				#regionaldatareport ul li.changed { background: url(/images/bullet_regionaldatareport_changed.png) center left no-repeat; }
				
				#regionaldatareport ul li.package { background-image: url(/icons/package.png); }
				
				#regionaldatareport ul li span { 
					font-weight: bold; 
					color: #6a9e3c; }
				
			
			/*** FINDIT STYLES ***/
			#findit {}
				
				#findit div.content { min-height: 50px; padding: 10px; }
				
				#findit form { margin: 0 0 10px 0; }
				
					#findit form input {
						float: left;
						width: 213px; 
						height: 18px;
						padding: 5px 0 2px 5px;
						color: #666;
						border: 1px solid #c3c3c3; 
						border-width: 1px 0 1px 1px; }
						
					#findit form button {
						float: left; 
						width: 32px; 
						height: 27px;
						cursor: pointer;
						background: url(/images/btn_search.jpg) top left no-repeat #fff; 
						border: 1px solid #c3c3c3;
						border-width: 1px 1px 1px 0; }		


			/*** TOPLINKS STYLES ***/
			#toplinks { }
			
				#toplinks ul li { 
					padding: 0 0 0 20px; 
					background: url(/images/bullet_regionaldatareport.png) center left no-repeat; }
					
			
			/*** QUICKLINKS STYLES ***/
			#quicklinks { }
					
				#quicklinks a { 
					float: left;
					display: block;
					width: 50%; }
																
			
			/*** FLIGHTCENTRE STYLES ***/
			#flightcentre { }
				
				#flightcentre h4 { 
					font-size: 120%; 
					color: #366172; }
				
				#flightcentre table { 
					width: 100%; 
					margin: 0 0 15px 0;
					font-size: 90%;
					line-height: 12px; }
				
				#flightcentre table tr td { 
					padding: 5px; 
					background: #ededed;
					border-bottom: 1px solid #ccc;}
		
		
		/*** CONTENT STYLES ***/
		#content { 
			float: left; 
			width: 602px;
			padding: 10px 0 0 0;
			text-align: left; }
			
			#content img#primaryPicture { 
				float: right; 
				margin: 0 0 20px 20px; 
				border: 1px solid #aaa; }
			
			/*** DIDYOUKNOW STYLES ***/
			#content #didyouknow { 
				width: 602px;
				margin: 0 0 20px 0;
				padding: 0 0 20px 0;
				background: url(/images/greenFooter_bg.jpg) bottom left no-repeat; }
				
				#content #didyouknow h3 { 
					width: 582px; 
					height: 36px;
					padding: 0 0 0 20px;
					line-height: 36px;
					text-transform: uppercase; 
					font-weight: normal; 
					color: #fff; 
					background: url(/images/greenTitle_bg.jpg) top left no-repeat; }
			
				#content #didyouknow div.content { 
					width: 582px; 
					min-height: 60px;
					padding: 10px;
					font-size: 10px; 
					background: url(/images/green_bg.jpg) top left no-repeat; }
					
					#content #didyouknow div.content p { width: 50%; }
					
					.content ul {
						font-size: 10px; }
					
					ul#listingLeft {
						float: left;
						list-style: none;
						width: 170px;
						list-style-position: outside; }
						
					ul#listingRight {
						float: left;
						list-style: none;
						width: 170px;
						list-style-position: outside; }
					
					ul#topLinks {
						font-size: 11px; }

			
			/*** TABLE STYLES ***/
			table tr th { 
				padding: 5px; 
				color: #fff; 
				background: url(/images/table_blue_bg.jpg) 0 -10px repeat-x #366172; 
				border: 1px solid #254755;
				border-width: 0 1px 1px 0; }
				
				table tr td {
					padding: 5px 8px; 
					background: #ededed; 
					border: 1px solid #ccc; 
					border-width: 0 1px 1px 0; }

				table tr.odd td { 
					background: #f7f7f7; 
					border-color: #ddd; }
			
			
			/*** SELECTIONTOOLS STYLES ***/
			ul#selectionTools { list-style: none; }
			
				ul#selectionTools li { float: left; }
			

/*** FOOTER STYLES ***/
#footer { 
	width: 979px; 
	height: 97px; 
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 9px;
	line-height: 12px;
	background: url(/images/footer_bg.jpg) top left no-repeat; }
	
	#footer p { margin: 0 0 2px 0; }
	
	#footer a:link, 
	#footer a:visited { font-weight: bold; }



/*** STYLEDTABLE STYLES ***/
table.styledTable { width: 100%; }

	table.styledTable tr th { 
		padding: 5px; 
		color: #fff; 
		background: url(/images/table_blue_bg.jpg) 0 -10px repeat-x #366172; 
		border: 1px solid #254755;
		border-width: 0 1px 1px 0; }
		
		table.styledTable tr td { 
			padding: 5px 8px; 
			background: #ededed; 
			border: 1px solid #ccc; 
			border-width: 0 1px 1px 0; }
			
			table.styledTable tr td img { 
				padding: 1px; 
				border: 1px solid #366172; }
			
			table.styledTable tr.odd td { 
				background: #f7f7f7; 
				border-color: #ddd; }
		
		table.styledTable tr td select { width: 100%; }
		
	table#listingResults tr th { 
		background: url(/images/table_grey_bg.jpg)  0 -10px repeat-x #555; 
		border-color: #444; }



/*** REGIONALDATAREPORT ***/	
div.data th { cursor: pointer; }

	div.data th span {
		display: block; 
		margin: 0 6px 0 0;
		background: url(/images/arrow_white_down.gif) center right no-repeat; }
		
		div.data th span.collapse { background: url(/images/arrow_white_up.gif) center right no-repeat; }

div.data div.content { display: none; }



/*** GENERAL LISTING STYLES ***/
a.addpackage, a.removepackage, a.addreport, a.added, span.added, a.pdf, span.pdf { 
	display: inline;
	height: 16px;
	line-height: 16px; 
	padding: 2px 0 2px 23px; 
	background: url(/icons/package_add.png) center left no-repeat; }

a.removepackage { background-image: url(/icons/package_remove.png); }

a.added, span.added { background-image: url(/icons/success.png); }

a.pdf, span.pdf { background-image: url(/icons/pdf.png); }

span.price { font-weight: bold; color: #c12e2e; }			



/*** LISTINGDISPLAY STYLES ***/
fieldset.listingDisplay { 
	padding: 10px; 
	text-align: left; 
	background: url(/images/lightgradientup.jpg) bottom left repeat-x; }
	
	fieldset.listingDisplay legend { 
		padding: 0 12px 0 0;
		font-size: 120%; 
		font-weight: bold; 
		color: #366172;
		background: url(/images/arrow_down.gif) center right no-repeat;
		border: 5px solid #fff; 
		border-width: 0 5px;
		cursor: pointer; }
		
		fieldset.listingDisplay legend.collapse { background-image: url(/images/arrow_up.gif); }
	
	fieldset.listingDisplay div.content { display: none; }
	
	fieldset.listingDisplay ol { 
		float: left; 
		width: 45%; 
		margin-right: 5%; 
		list-style-type: none; }
	
	fieldset.threecolumn ol { 
		width: 26%; 
		margin-right: 5%; }
	
		fieldset.listingDisplay ol li { margin: 0 0 5px 0; }

	
	/*** SLIDESHOWCONTAINER ***/	
	#slideshowContainer { 
		float: right; 
		width: 205px; 
		text-align: right; }
		
		#slideshowContainer img { 
			padding: 1px;
			cursor: pointer;
			border: 1px solid #ccc; }
		
		
		/*** SLIDESHOW ***/
		#slideshowContainer #slideshow {}
		
			#slideshowContainer #slideshow ul#thumbs { 
				margin: 0 0 0 1px; 
				list-style: none; }
			
				#slideshowContainer #slideshow ul#thumbs li { 
					float: left; 
					margin: 0 5px 2px 0; }


/*** ADVANCEDSEARCH STYLES ***/
form#advancedSearch { }
	
	form#advancedSearch fieldset { 
		margin: 0 0 10px 0; 
		padding: 5px; }
	
	form#advancedSearch legend { 
		padding: 0 3px;
		font-weight: bold; 
		color: #366172; }
	
	form#advancedSearch ol { list-style: none; }
	
		form#advancedSearch ol li { 
			float: left;
			margin: 0 20px 0 0; }


/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }
