/* Sights and Sites: Yukon Point of Interest Signage Website CSS by Design Station */

* {
	padding: 		0;
	margin: 		0;
}

/* Global  ---------------- */

body {
	background: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 0 0; }

#core { position: relative; width: 100%; height: auto; margin: 0 0 0 0; text-align: left; }

#content { position: relative; width: 100%; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; }

#mid { display: none; height: 0; padding: 0 0 0 0; margin: 0 0 0 0; }

.subside { float: left; width: 25%; height: auto; padding: 0 10pt 0 0; background: none; }

.sublime { float: right; width: 70%; height: auto; padding: 0 0 0 0; }

#feet { clear: both; width: 100%; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; background: none; }

#earth { position: relative; width: 100%; height: auto; margin: 0 auto 0 auto; padding: 5px 5px 5px 5px; text-align: left; }

/* Header  ---------------- */

#header { display: none; height: 0; padding: 0 0 0 0; margin: 0 0 0 0;  }

#header-index { display: none; }

/* Index Nav ------------- */

#nav-index {
	position: relative;
	width: 760px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
}

ul#index-nav li {
	display: block;
	float: left;
	height: 145px;
	list-style: none;
}

ul#index-nav li a {
	display: block;
	outline: none;
	width: 190px;
	height: 145px;
	background-image: url(../image/nav/nav_index.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9009px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
			
ul#index-nav li a:hover {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: 0 -145px;
}	
			
ul#index-nav li#central-index a {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -190px 0;
}

ul#index-nav li#central-index a:hover {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -190px -145px;
}

ul#index-nav li#southern-index a { 
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -380px 0;
}

ul#index-nav li#southern-index a:hover {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -380px -145px;
}

ul#index-nav li#rivers-index a {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -570px 0;
}

ul#index-nav li#rivers-index a:hover {
	width: 190px;
	height: 145px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: -570px -145px;
}

/* Nav ------------------- */

#nav { display: none; }

/* Sidebar Nav ----------- */

.subside ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}

.subside ul li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 5px 0;
	color: #545454;
}

.toggler {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 15px;
	margin: 0 0 15px 0;
	text-transform: none;
	font-weight: normal;
	color: #545454;
}

.element {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* Section Pages --------- */

.section-right {
	float: right;
	width: 440px;
	height: auto;
	padding: 0 0 0 10px;
}

.section-left {
	float: left;
	width: 300px;
	height: auto;
	padding: 0 0 0 0;
}

.section-highways {
	float: right;
	width: 270px;
	height: auto;
	padding: 0 0 0 10px;
}

.section-right ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}

.section-right ul li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 5px 0;
	color: #545454;
}

/* Site Map -------------- */

.sitemap-left {
	float: left;
	width: 345px;
	height: auto;
	padding: 0 15px 0 15px;
}

.sitemap-right {
	float: right;
	width: 345px;
	height: auto;
	padding: 0 15px 0 15px;
}

ul.s-map {
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0 0 10px 65px;
}

ul.s-map li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 5px 0;
	color: #c8ddf4;
}

ul.s-mheavy {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 10px 65px;
}

ul.s-mheavy li {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin: 0 0 5px 0;
	color: #545454;
}

.icon-left {
	float: left;
}

.s-margin {
	margin-left: 65px;
	font-weight: normal;
}

.s-margin-grey {
	margin-left: 65px;
	color: #545454;
	border-bottom: 1px solid #c8ddf4;
}

.s-margin-blue {
	margin-left: 65px;
	color: #0d81bd;
	border-bottom: 1px solid #c8ddf4;
}

.s-margin-orange {
	margin-left: 65px;
	color: #f4a815;
	border-bottom: 1px solid #c8ddf4;
}

.s-margin-red {
	margin-left: 65px;
	color: #c81605;
	border-bottom: 1px solid #c8ddf4;
}

.s-margin-green {
	margin-left: 65px;
	color: #1a9732;
	border-bottom: 1px solid #c8ddf4;
}

.s-clear {
	clear: both;
	float: none;
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
}

/* Other ----------------- */

.clear {
	clear: both;
	float: none;
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.map { display: none; }

.image { display: none; }

.index-logo-a {
	width: 118px;
	height: 60px;
	margin: 0 0 25px 0;
	border: none;
}

.index-logo-b {
	width: 80px;
	height: 47px;
	margin: 0 0 25px 50px;
	border: none;
}

/* Link Colors ----------- */

a, a img { border: 0;}

.subside a:link { color: #5f5f5f; text-decoration: none; }
.subside a:visited { color: #5f5f5f; text-decoration: none; }
.subside a:hover { color: #297ac4; text-decoration: underline; }
.subside a:active { color: #297ac4; text-decoration: underline; }

.sublime a:link { color: #297ac4; text-decoration: none; }
.sublime a:visited { color: #297ac4; text-decoration: none; }
.sublime a:hover { color: #5f5f5f; text-decoration: underline; }
.sublime a:active { color: #5f5f5f; text-decoration: underline; }

.section-right a:link { color: #297ac4; text-decoration: none; }
.section-right a:visited { color: #297ac4; text-decoration: none; }
.section-right a:hover { color: #5f5f5f; text-decoration: underline; }
.section-right a:active { color: #5f5f5f; text-decoration: underline; }

.sitemap-left a:link { color: #297ac4; text-decoration: none; }
.sitemap-left a:visited { color: #297ac4; text-decoration: none; }
.sitemap-left a:hover { color: #5f5f5f; text-decoration: underline; }
.sitemap-left a:active { color: #5f5f5f; text-decoration: underline; }

.sitemap-right a:link { color: #297ac4; text-decoration: none; }
.sitemap-right a:visited { color: #297ac4; text-decoration: none; }
.sitemap-right a:hover { color: #5f5f5f; text-decoration: underline; }
.sitemap-right a:active { color: #5f5f5f; text-decoration: underline; }

#feet a:link { color: #c81807; text-decoration: none; }
#feet a:visited { color: #c81807;  text-decoration: none; }
#feet a:hover { color: #316eba;  text-decoration: underline; }
#feet a:active { color: #316eba; text-decoration: underline; }


/* Font Styles ----------- */

p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 14pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin: 0 0 8pt 0;
	color: #545454;
}

h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24pt;
	line-height: 24pt;
	font-style: normal;
	margin: 0 0 8pt 0;
	text-transform: none;
	color: #31363e;
	font-weight: normal;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 18pt;
	margin: 0 0 4pt 0;
	text-transform: none;
	color: #545454;
	font-weight: normal;
}

h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18pt;
	font-style: normal;
	line-height: 18pt;
	margin: 0 0 4pt 0;
	text-transform: uppercase;
	color: #545454;
	font-weight: normal;
}

h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14pt;
	line-height: 14pt;
	margin: 0 0 14pt 0;
	text-transform: none;
	font-weight: normal;
	color: #545454;
}

h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15pt;
	line-height: 15pt;
	margin: 0 0 8pt 0;
	text-transform: none;
	font-weight: bold;
	color: #676767;
}

h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20pt;
	line-height: 20pt;
	margin: 0 0 8pt 20pt;
	text-transform: none;
	font-weight: normal;
	color: #676767;
}

/* Colours for Headers ------- */

.red {
	color: #c81605;
}

.orange {
	color: #f4a815;
}

.green {
	color: #1a9732;
}

.blue {
	color: #0d81bd;
}

/* Style Modifiers ----------- */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.normargin {
	margin-bottom: 0px;
}

.credit {
	font-size: 10px;
	height: 12px;
}

.copyright {
	font-size: 11px;
	margin-bottom: 0px;
	color: #31363e;
}