/*
 * File:	Tr'ondëk Hwëch'in Heritage screen.css
 * Date:	March 2, 2010
/* ---------------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		}

	html {
		min-height: 100%;
		margin: 0 0 1px;
		font-size: 100.01%;
		}

	body {
		padding: 0 15px;
		background: #c9e0fc url("http://trondekheritage.com/images/layout/body-bg.jpg") 0 0 repeat-x;
		font-size: 62.5%;
		}

	/*@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }*/

	body, textarea, input, select, option, button {
		color: #333;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		line-height: 1.25;
		}

	li, dt, dd, p, th, td, caption, pre {
		font-size: 1.2em;
		}

	ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		}

	a {
		color: #004B7D;
		text-decoration: underline;
		}

	a:hover, a:focus, a:active {
		text-decoration: none;
		}

	ul, ol, dd, blockquote {
		padding-left: 40px;
		}

	ul ul, ol ol, ul ol, ol ul {
		margin-bottom: 0;
		}

	li *, li p, li li, dt *, dd *, p * {
		font-size: 1em;
		}

	img {
		border: none;
		/*-ms-interpolation-mode: bicubic;*/
		}

	pre {
		font-family: "Courier New", monospace;
		white-space: pre-wrap;
		}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		}

	button {
		overflow: visible;
		padding: 0 10px;
		cursor: pointer;
		}
/*
	button::-moz-focus-inner {
		padding: 0;
		border: none;
		}
*/
	hr {
		overflow: hidden;
		height: 1px;
		margin: 15px 0 !important;
		margin: -5px 0 8px;
		padding: 0;
		border: none;
		background-color: #ccc;
		color: #ccc;
		}

	*:first-child+html hr {
		margin: -7px 0 8px !important;
		}

	.offset {
		position: absolute !important;
		left: -10001px !important;
		overflow: hidden !important;
		}

/* LAYOUT
------------------------------------------- */

	#root {
		position: relative;
		min-width: 760px;
		max-width: 960px;
		margin: 0 auto;
		padding: 195px 0 0;
		background: url("http://trondekheritage.com/images/layout/top.jpg") 100% -2px no-repeat;
		}


		* html #root {
			/*width: expression(document.body.clientWidth > 1230 ? "960px" : "760px");*/
			width: 960px;
			}

		#root.home, #root.static {
			padding-top: 166px;
			}

	 #top {
		z-index: 10;
		position: absolute;
		top: 0;
		left: 5px;
		display: block;
		width: 441px;
		}

	  #logo {
		position: absolute;
		top: 99px;
		display: block;
		background: #5f5f5f;
		font-size: 2em;
		line-height: normal;
		padding: 0;
		margin: 0;
		border: 0;
		font-family: Georgia, Arial, Helvetica, sans-serif;
		}

		#logo a {
			overflow: hidden;
			display: block;
			color: #fff;
			padding: 3px 35px 3px 13px;
			text-decoration: none;
			font-weight: normal;
			}

		#skip-links {
			position: absolute;
			top: 0;
			left: -10001px;
			list-style: none;
			margin: 0;
			padding: 0;
			}

			#skip-links li a:focus, #skip-links li a:active {
				display: block;
				position: absolute;
				left: 10451px;
				top: 0;
				z-index: 10001;
				width: 200px;
				margin: 15px 0 0 15px;
				padding: 2px 0;
				background: #333;
				color: #fff;
				text-align: center;
				text-decoration: none;
				}

		#introduction {
			position: absolute;
			top: 26px;
			left: 13px;
			/*color: #fff;*/
			color: #000;
			width: 400px;
			}

			#introduction a {
				/*color: #fff;*/
				color: #000;
				}

		#navigation {
			display: block;
			z-index: 5;
			position: absolute;
			top: 84px;
			left: 0;
			padding: 0;
			border-left: 5px solid #007ac9;
			} 

			#nav {
				display: block;
				min-height: 65px;
				height: auto !important;
				height: 66px;
				width: 662px;
				padding: 45px 13px 0 0;
				margin: 0 95px 0 0;
				list-style: none;
				overflow: hidden;
				background: #363636 url("http://trondekheritage.com/images/layout/nav-bg.png") 0 0 repeat-x;
				}

				.home #nav, .static #nav {
					min-height: 37px;
					height: auto !important;
					height: 37px;
					}

				#nav li {
					float: left;
					padding: 0 2px;
					line-height: 18px;
					margin: 0;
					font-size: 1.4em;
					}

					#nav li a {
						float: left;
						height: 18px;
						padding: 10px 10px 9px 11px;
						overflow: hidden;
						color: #ffcc46;
						text-decoration: none;
						}

						#nav li.active a {
							background: url("http://trondekheritage.com/images/layout/nav-li-active.gif") 50% 100% no-repeat;
							color: #fff;
							}

							#nav li.active-common a {
								color: #fff;
								}

						#nav li a:hover {
							color: #fff;
							}

					#nav li em {
						position: absolute !important;
						left: -10001px !important;
						overflow: hidden !important;
						}

				   #nav li.add {
						float: right;
						font-size: 1.2em;
						}

						#nav li.add a {
							padding: 12px 5px 7px 7px;
							color: #c9c9c9;
							}
						#nav li.add a:hover, #nav .add .selected {
							color: #fff;
							}

					#nav li ul {
						position: absolute;
						top: 82px;
						left: 0;
						display: block;
						min-width: 346px;
						/*width: auto !important;
						width: 346px;*/
						width: 675px;
						padding: 0;
						margin: 0;
						list-style: none;
						background: #c99400;
						}

					 #nav li ul li {
						font-size: 0.858em;
						}

						  #nav li ul li a {
							color: #fff;
							height: 23px;
							padding: 6px 7px 0 11px;
							}

						  #nav li ul li a:hover {
							color: #343434;
							}

						  #nav li.active ul li a {
							background: none;
							font-weight: bold;
							}

							  #nav li.active ul li .selected {
								color: #343434;
								}

				#search-bar {
					z-index: 10;
					position: absolute;
					left: 464px;
					top: 98px;
					}

					#search-bar input {
						float: left;
						width: 122px;
						height: 16px;
						padding: 2px 5px;
						margin-top: 1px;
						border: 0;
						}

					#search-bar button {
						float: left;
						width: 60px;
						height: 22px;
						margin: 0 0 0 9px;
						overflow: hidden;
						border: 0;
						background: url("http://trondekheritage.com/images/layout/bttn-search.png") 0 0 no-repeat;
						text-indent: -10001em;
						}

					#search-bar p {
						margin: 0;
						}

				#content {
					position: relative;
					overflow: hidden;
					width: 100%;
					padding: 17px 0;
					background: #fff;
					}

					.home #content {
					padding: 5px 0;
					}

					#content p {
						line-height: 1.5em;
						margin: 0 0 12px;
						}

				#main {
					margin: 0 240px 0 20px;
					}

					* html #main {
						height: 1%;
						}

				#side {
					display: inline;
					float: right;
					width: 200px;
					margin: 0 20px 0 -200px;
					}

			  .home #side {
					position: absolute;
					top: 20px;
					right: 20px;
					margin: 0;
					}

			   #side .org-logo {
					padding: 9px 0 0;
					text-align: center;
					}

			 #footer {
				background: url("http://trondekheritage.com/images/layout/footer-right-bg.png") 100% 100% no-repeat;
				margin: 0 0 10px;
				}

			 #footer .wrap-a {
				padding: 0 0 11px;
				background: url("http://trondekheritage.com/images/layout/footer-left-bg.png") 0 100% no-repeat;
				}

			#footer .wrap-b {
				height: 16px;
				padding: 11px 12px 11px 21px;
				background: #6B655A;
				}

			   #footer .copyright {
					float: left;
					padding: 0 0 0;
					margin: 0 0 5px;
					font-size: 1.1em;
					color: #fff;
					}

				#footer a {
					color: #fff;
					} 

					#nav-foot {
						padding: 0 0 0;
						margin: 0;
						list-style: none;
						float: right;
						}

						#nav-foot li {
							padding: 0 2px;
							margin: 0;
							float: left;
							font-size: 1.1em;
							color: #fff;
							}

						 #nav-foot li a {
							padding: 0 5px;
							text-decoration: none;
							}

						 #nav-foot li a:hover {
							text-decoration: underline;
							}

/* GENERAL
------------------------------------------- */

	/* headers */

	h1, h2, h3, h4, h5, h6 {
		color: #a35b00;
		margin: 0;
		}

		h1 {
			font-size: 2.4em;
			color: #333;
			border-bottom: 1px solid #9b9b9b;
			padding: 0 0 13px;
			margin: 0 0 15px 0;
			line-height: 1em;
			}

			h1 span {
				color: #CCC;
				padding-right: 3px;
				}

				h1 span a, h1 span a:visited {
					color: #CCC;
					text-decoration: none;
					}

				h1 span a:hover, h1 span a:focus, h1 span a:active {
					color: #004B7D;
					text-decoration: none;
					}

		h2 {
			font-size: 1.6em;
			margin: 0 0 7px 1px;
			}

		h3 {
			font-size: 1.4em;
			}

		h4 {
			font-size: 1.3em;
			}

		h5 {
			font-size: 1.1em;
			}

		h6 {
			font-size: 0.9em;
			}

	/* paragraphs and lists */

	#main p {
		font-size: 1.4em;
		}

	.list {
		list-style-type: disc;
		font-size: 1.2em;
		line-height: 20px;
		}

		.list li {
			padding: 0 0 7px 0;
			}

	#sitemap {
		font-size: 1.4em;
		line-height: 24px;
		}

	/* pullquote */		

	.pullquote {
		margin: 0 0 25px 0;
		padding: 0 0 15px 0;
		border-bottom: 5px solid #C6BAA6;
		font-family: Georgia, Arial, Helvetica, sans-serif;
		}

		.pullquote h2 {
			font-size: 1.6em;
			line-height: 1.6em;
			font-weight: normal;
			font-style: italic;
			}

		.pullquote h3 {
			margin-top: 7px;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: normal;
			text-transform: uppercase;
			color: #C6BAA6;
			}


/* ELEMENTS
------------------------------------------- */

	/* page columns */

	#column-1 {
		margin-right: 110px;
		/*_margin-right: 100px;*/
		}

	#column-2 {
		float: right;
		width: 100px;
		margin-right: -10px;
		padding-top: 5px;
		}

			#column-2 em {
				display: block;
				font-size: 1.1em;
				border: 1px solid #CC0000;
				}
				
		/* photo gallery */

		.photo-gallery {
			margin-bottom: 10px;
			/*position:relative;
			z-index:99;*/
			}

			.photo-gallery img {
				border: 1px solid #9b9b9b;
				padding: 5px;
				background-color: #FFF;
				}

			.photo-gallery p {
				font-size: 1.3em;
				line-height: 18px;
				}

			.single-photo {
				width: 500px;
				margin: 10px 0 20px 0;
				border: 1px solid #9b9b9b;
				padding: 10px 10px 0 10px;
				background-color: #FFF;
				}

				.single-photo img {
					padding-bottom: 5px;
					}

				.single-photo p {
					font-size: 1.3em;
					line-height: 18px;
					}

				.single-photo p span {
					font-size: 0.9em;
					line-height: 16px;
					font-style: italic;
					font-weight: normal;
					}
					
		/* map and zoom boxes */
					
		.map-box {
			width: 502px;
			height: 398px;
			border: 1px solid #9b9b9b;
			padding: 5px 5px 0 5px;
			background-color: #FFF;
			}
			
		.zoom-box {
			width: 502px;
			height: 321px;
			border: 1px solid #9b9b9b;
			padding: 5px 5px 0 5px;
			background-color: #FFF;
			}

	/* nav-sub */

	#nav-sub {
		padding: 0;
		margin: 0;
		list-style: none;
		}

		 #nav-sub li {
			display: block;
			padding: 0;
			margin: 0 0 10px;
			background: #004b7d;
			font-size: 1.4em;
			}

			  #nav-sub li a {
					display: block;
					padding: 8px 55px 5px 9px;
					margin: 0;
					background: url("http://trondekheritage.com/images/layout/side-menu-arrow.png") -200px 50% no-repeat;
					color: #fff;
					text-decoration: none;
					}

				  #nav-sub li a:hover {
						text-decoration: underline;
						}

				  #nav-sub .sub-level-0.here a, #nav-sub .sub-level-0.parent-here a {
						background-position: 0 50%;
						}

	  #nav-sub li ul {
			padding: 0 0 8px 0;
			margin: 0;
			list-style: none;
			overflow: hidden;
			background: #0062a3 url("http://trondekheritage.com/images/layout/side-menu-bg.jpg") 0 100% repeat-x;
			}

		#nav-sub li ul li {
				padding: 4px 0 4px 3px;
				margin: 0;
				font-size: 0.9em;
				/*border-top: 1px solid #fff;*/
				background: none;
				}

			#nav-sub li ul li a {
					padding: 8px 35px 4px 9px;
					background: none;
					color: #ffcc46;
					}

				#nav-sub li ul li ul {
					background: none;
					padding-left: 12px;
					padding-bottom: 0;
					margin: 0;
					}

					#nav-sub li ul li ul li {
						font-size: 1.0em;
						border: 0;					
						}

						#nav-sub li ul li ul li a {
							padding: 8px 35px 0 12px;
							color: #fff;
							line-height: 20px;
							}

							#nav-sub li ul li ul .here {
								color: #C6BAA6;
								font-weight: bold;
								background: url("http://trondekheritage.com/images/layout/sub-menu-arrow.png") 0 17px no-repeat;
								}

								#nav-sub li ul li ul li ul {
									background: none;
									padding-left: 12px;
									padding-bottom: 0;
									margin: 0;
									}

									#nav-sub li ul li ul li ul li {
										font-size: 1.0em;
										border: 0;
										font-weight: normal;
										}

										#nav-sub li ul li ul li ul li a {
											padding: 12px 35px 0 9px;
											line-height: 16px;
											color: #C6BAA6;
											}

											#nav-sub li ul li ul li ul .here a {
												/*font-weight: normal;*/
												}

	/* slideshow */

	.slideshow {
		background: #363636;
		padding: 5px;
		display: block;
		min-width: 500px;
		overflow: hidden;
		}

		.slide-photos {
			background: #363636;
			display: block;
			min-width: 500px;
			overflow: hidden;
			}

			.slide-photos ul {
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;
				overflow: hidden;
				}

				.slide-photos ul li {
					position: relative;
					height: 460px;
					padding: 0;
					margin: 0;
					overflow: hidden;
					}

					.slide-photos ul li p {
						margin: 0 !important;
						}

						.slide-photos ul li p.img {
							width: 100%;
							height: 460px;
							padding: 0 !important;
							margin: 0;
							background: url("http://trondekheritage.com/images/layout/indicator-b.gif") 50% 45% no-repeat;
							}

							* html .slide-photos ul li p.img {
								overflow: hidden;
								}

								.slide-photos ul li p.img img {
									position: absolute;
									top: 0;
									padding: 0;
									margin: 0;
									overflow: hidden;
									}

									.slide-photos ul li .descr {
										position: absolute;
										bottom: 0;
										overflow: hidden;
										display: table;
										width: 100%;
										background: #363636 url("http://trondekheritage.com/images/layout/gallery-descr-bg.png") 0 0 repeat;
										color: #fff;
										font-size: 1.0em;
										line-height: 1.2em;
										}

										.slide-photos ul li .descr p {
											display: block;
											padding: 12px;
											}

		.slide-thumbs {
			display: block;
			overflow: hidden;
			text-align: center;
			padding: 11px 0 4px;
			clear: both;
			}

			.slide-thumbs ul {
				padding: 0;
				margin: 0;
				height: auto;
				list-style: none;
				}

				.slide-thumbs ul li {
					display: inline;
					margin: 0;
					padding: 0 5px;
					}

					.slide-thumbs ul li a {
						width: 40px;
						height: 40px;
						overflow: hidden;
						outline: none;
						}

						.slide-thumbs ul li a img {
							border: 1px solid #ffcc46;
							}

							.slide-thumbs ul li a:hover img, .js .slide-thumbs ul li a.active img {
								border: 1px solid #fff;
								}

		.home .slideshow {
			background: none;
			padding: 0;
			margin: 0 5px;
			min-width: 760px;
			}

			.home .slide-photos {
				min-width: 760px;
				min-height: 464px;
				}

				.home .slide-photos ul li {
					position: relative;
					}

					.home .slide-photos ul li p.img {
						background: url("http://trondekheritage.com/images/layout/indicator-a.gif") 50% 43% no-repeat;
						}

						.home .slide-photos ul li .descr {
							display: inline;
							width: 500px;
							padding-right: 700px;
							height: 60px;
							bottom: 0;
							background-color: #363636;
							overflow: hidden;
							}

							.home .slide-photos ul li .descr p {
								width: 480px;
								}

								.home .slide-thumbs {
									position: absolute;
									right: 10px;
									bottom: 15px;
									padding: 0;
									text-align: right;
									}

									.home .slide-thumbs ul li {
										padding: 0 4px;
										}
										
										.home .slide-thumbs ul li a {
											color: #FFF;
											}

		#gallery {
			width: 495px;
			margin: 0;
			}

			#gallery .slide-photos ul li {
				height: 320px;
				}

				#gallery .slide-photos ul li p.img {
					height: 320px;
					background-position: 50% 44%;
					}