/* @override http://dev.albertaaboriginaltourism.com/css/main.css */

* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background: #572301 url(/img/bg/page.jpg) repeat left top;
	color: #6f4c34;
	font: 76%/175% Arial, Helvetica, sans-serif;
}

p {
	font-size: 1.0em;
}

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

a:hover, a:active {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.0;
}

div.h-wrap {
	height: 33px;
	padding: 0 0 13px 24px;
	background: transparent url(/img/breaks/header.png) no-repeat left bottom;
}

h1 {
	color: #5c707c;
	font-size: 2.0em;
	font-weight: normal;
}

h2 {
	margin-bottom: 0.1em;
	color: #6f4c34;
	font-size: 1.2em;
}

h3 {
	font-size: 0.9em;
}

#content a:link, #content a:visited {
	color: #00529b;
}

#content h2 a:link, #content h2 a:visited {
	color: #a25b36;
}

#banner {
	height: 297px;
	margin-top: -30px;
	background: #766341 url(/img/bg/banner.jpg) no-repeat 0 0;
}

#banner-flash {
	position: relative;
	text-align: center;
}

#bisonbar {
	height: 22px;
	background: transparent url(/img/bg/bisonbar.jpg) no-repeat 0 0;
}

#body-wrap {
	width: 880px;
	margin: 0 auto;
}

#body-wrap2 {
	width: 840px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	background: #ece9ce url(/img/bg/body.png) repeat-y 50% 0;
}

body #content {
	width: 790px;
	margin: 20px 0 50px 25px;
}

body.twocol #content {
	width: 548px;
	float: left;
}

body.twocol #sidebar-wrap {
	width: 233px;
	min-height: 605px;
	margin-top: 5px;
	float: right;
	background: transparent url(/img/bg/sidebar-dreamcatcher.jpg) no-repeat right top;	
}

body.twocol #sidebar {
	width: 200px;
	margin: 30px -30px 30px 20px;
}

/* @group Header */

#header-wrap {
	width: 840px;
	margin: 0 auto;
	position: relative;
	z-index: 300;
}

#header-search {
	width: 840px;
	height: 30px;
	position: relative;
	z-index: 300;
	text-align: right;
	background: transparent url(/img/bg/header-search.png) repeat-x 0 0;
}

/* @end */

/* @group Footer */

#footer-wrap {
	width: 840px;
	height: 74px;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 100;
	background: #5e3d22 url(/img/bg/footer.jpg) no-repeat 0 0;
	color: #9e9c8e;
}

#footer {
	height: 54px;
	padding: 10px 0 0 125px;
	font-size: 0.9em;
	line-height: 1.2;
}

#footer a:link, #footer a:visited {
	color: #9e9c8e;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #9e9c8e;
	text-decoration: underline;
}

#footer .patch {
	margin-right: 60px;
	float: left;
}

#footer .patch a {
	display: block;
	width: 90px;
	height: 45px;
	background: transparent url(/img/travel_alberta_patch.png) no-repeat 0 0;
}

#footer .col1 {
	width: 300px;
	height: 40px;
	float: left;
	background: transparent 0 100% no-repeat;
	text-align: left;
}

#footer .col2 {
	float: left;
}

/* @end */

img.framed {
	margin-left: -7px;
	padding: 10px 10px 26px;
	background: transparent url(/img/bg/pictureframe.png) no-repeat 50% 7px;
}

/* @group Navigation */

ul {
	list-style-image: url(/img/bullet.png);
}

ul.hnav, ul.vnav {
	list-style: none;
}

ul.hnav li {
	display: inline;
}

#content ul {
	margin-left: 15px;
}

#sitenav-wrap {
	height: 62px;
	background: #5c707c url(/img/bg/navigation.png) no-repeat 0 0;
}

#sitenav-wrap #nav-home {	
	float: left;
	margin-left: 15px;
}

#sitenav-wrap #nav-home a {
	display: block;
	width: 110px;
	height: 62px;
	letter-spacing: -1000em;
	overflow: hidden; /* safari */
	color: transparent; /* safari */
}

#sitenav {
	width: 486px;
	margin-right: 19px;
	float: right;
	text-align: right;
}

#sitenav ul.hnav {	
	letter-spacing: -1000em;
	overflow: hidden;  /* safari */	
}

#sitenav li a {
	float: left;
	display: block;
	color: transparent; /* safari */
}

li#nav-experiences a, li#nav-events a, li#nav-stories a, li#nav-heritage a, li#nav-maps a, li#nav-icon_legend a, li#nav-contact a {
	height: 62px;
	background: transparent url(/img/bg/navigation.png) 0 0;
}

li#nav-experiences a {
	width: 93px;
	background-position: -335px 0;
}

li#nav-experiences a:hover {
	background-position: -840px 0;
}

li#nav-events a {
	width: 57px;
	background-position: -428px 0;
}

li#nav-events a:hover {
	background-position: -933px 0;
}

li#nav-stories a {
	width: 61px;
	background-position: -485px 0;
}

li#nav-stories a:hover {
	background-position: -990px 0;
}

li#nav-heritage a {
	width: 69px;
	background-position: -546px 0;
}

li#nav-heritage a:hover {
	background-position: -1051px 0;
}

li#nav-maps a {
	width: 48px;
	background-position: -615px 0;
}

li#nav-maps a:hover {
	background-position: -1120px 0;
}

li#nav-icon_legend a {
	width: 93px;
	background-position: -663px 0;
}

li#nav-icon_legend a:hover {
	background-position: -1168px 0;
}

li#nav-contact a {
	width: 65px;
	background-position: -756px 0;
}

li#nav-contact a:hover {
	background-position: -1261px 0;
}

/* @end */

/* @group Content */

#content .item_description img {
	margin-left: 10px;
	border: 3px solid #CCC695;
}

/* @end */


#header-search form {
	height: 30px;
}

#header-search input#field-s {
	width: 132px;
	height: 19px;
	margin: 5px 18px 0 0;
	padding: 2px 10px 0 20px;
	border: 0;
	background: transparent url(/img/forms/input-header-search.png) no-repeat 0 0;
	color: #7f6742;
}

/* @group Sidebar */

#sidebar {
	font-size: 0.9em;
	color: #6a695f;
}

#sidebar a {
	color: #a25b36;
}

#sidebar h2 {
	font-size: 1.7em;
	color:  #a25b36;
}

#sidebar table {
	margin-left: 5px;
}

#sidebar th, #sidebar td {
	line-height: 1.2;
}

#sidebar th {
	vertical-align: top;
}

#sidebar td {
	padding-top: 3px;
}

#sidebar ul {
	margin-left: 15px;
}

#sidebar .h2-wrap h2 {
	height: 26px;
	padding: 14px 0 10px 35px;
	background: transparent url(/img/breaks/sidebar-feather.png) no-repeat -10px bottom;
}

#sidebar .h2-wrap img {
	float: left;
}

#sidebar .more a {
	font-weight: bold;
}

/* @end */


/* @group Forms */

fieldset {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #CCC695;
}

fieldset legend {
	font-weight: bold;
	color: #6f4c34;
	text-transform: uppercase;
}

.form-wrap label {
	width: 80px;
	margin: 0px 5px;
}

.form-wrap .actions {
	text-align: right;
	clear: both;
}

.field {
	clear: both;
	margin-bottom: 5px;
}

button, input, select, textarea {
	font-size: 0.9em;
}

button, input[type="password"], input[type="text"], input[type="submit"], input[type="reset"], input[type="button"],select, textarea {
	/*border: 1px solid #807C67;*/
}

button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input:focus, select:focus, textarea:focus {
	/*border: 1px solid #fff;*/
}

input[type="password"], input[type="text"], select, textarea {
	width: 150px;
}

input {
	padding: 1px 2px;
}

/* @end */

/* @group Horizontal Rules */

.hr {
	width: 548px;
	height: 2px;
	margin: 1.5em auto;
	background: transparent url(/img/breaks/breaks.png) repeat-y 50% 0;
}

.hr1, .hr2, .hr3 {
	margin: 1.5em auto;
	background: transparent url(/img/breaks/breaks.png) no-repeat 50% 0;
}

.hr1 {
	width: 506px;
	height: 17px;
	background-position: 50% -5px;
}

.hr2 {
	width: 506px;
	height: 30px;
	background-position: 50% -22px;
}

.hr hr, .hr1 hr, .hr2 hr {
	display: none; /* hide the standard HR element */
}

/* @end */

/* @group Paginator */

ul.paginator {
	padding: 4px;
	text-align: right;
}

ul.paginator li {
	display: inline;
	margin: 2px;
	padding: 2px 4px;
	border: 1px solid #fff;
	background-color: #ece9d8;
}

ul.paginator li.current {
	border: 0;
	background-color: transparent;
	font-weight: bold;
}

/* @end */

/* @group Background Layers */

html>body #bg-body-wrap2, html>body #bg-body-shadow-left, html>body #bg-body-shadow-right {
	top: 0;
}

#bg-body-shadow-left, #bg-body-shadow-right, #bg-body-wrap2 {
	position: absolute;
	bottom: 0;
}

/* fix bg layers in >= IE6 */
#bg-clearer {
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

#bg-body-shadow-left {
	width: 20px;
	position: absolute;
	left: -20px;
	background: transparent url(/img/bg/body-shadow.png) repeat-y 0 0;	
}

#bg-body-shadow-right {
	width: 20px;
	position: absolute;
	left: 840px;
	background: transparent url(/img/bg/body-shadow.png) repeat-y -20px 0;	
}

#bg-page-top {
	width: 100%;
	height: 251px;
	position: absolute;
	top: 0;
	background: #a3450b url(/img/bg/pageheader.jpg) repeat-x 0 0;
}

/* @end */

/* @group Home Page */

.home-box-wrap {
	width: 790px;
}

.home-box {
  cursor: pointer;
	display: inline;
	position: relative;
	float: left;
	overflow: none;
	color: #CCC695;
	line-height: 1.4;
}

.home-box .home-box-link a {
	display: block;
	position: absolute;
	width: 170px;
	top: 0;
	background-color: transparent;
}

.home-box a:link, .home-box a:visited {
	color: #CCC695;
}

.home-box .photo {
	position: relative;
	height: 130px;
	left: -10px;
	top: 20px;
	width: 170px;
}

.home-box .photo a {
	display: block;
	height: 130px;
	width: 170px;
}

.home-box h2 {
	position: relative;
	height: 27px;
	margin-bottom: 5px;
	top: 35px;
	color: #9d9b8d;
	font-size: 1.7em;
}

.home-box p {
	position: relative;
}

.home-box a:active, .home-box a:hover {
	text-decoration: none;
}

#home-row-1 {
	height: 384px;
	background: transparent url(/img/bg/home-boxes-1.jpg) no-repeat 0 0;
}

#home-row-2 {
  height: 199px;
	background: transparent url(/img/bg/home-boxes-2.jpg) no-repeat 0 0;
}

#home-row-1 .home-box {
  background: transparent url(/img/bg/home-boxes-1.jpg) no-repeat 0 0;
	height: 384px;
	width: 170px;
}

#home-row-2 .home-box {
  background: transparent url(/img/bg/home-boxes-2.jpg) no-repeat 0 0;
	height: 199px;
	width: 340px;
}

#home-row-1 .home-box h2 {
  
}

#home-row-2 .home-box h2 {
  position: absolute;
  left: 170px;
  top: 18px;
  width: 200px;
}

#home-row-1 .home-box p {
  top: 37px;
}

#home-row-2 .home-box p {
  position: absolute;
  left: 180px;
  top: 48px;
/*  width: 140px;*/
}

#home-row-1 .home-box-link a {
	height: 374px;
}

#home-row-2 .home-box-link a {
	height: 189px;
	width: 360px;
}

.home-box#home-box-experiences {
	left: 20px;
	background-color: #6f4c34;
	background-position: -20px 0;
}

.home-box#home-box-events {
	left: 45px;
	background-color: #766341;
	background-position: -215px 0;
}

.home-box#home-box-stories {
	left: 70px;
	background-color: #a25b36;
	background-position: -410px 0;
}

.home-box#home-box-heritage {
	left: 95px;
	background-color: #896632;
	background-position: -605px 0;
}

.home-box#home-box-performers {
	left: 20px;
	background-color: #6c6d5d;
	background-position: -20px 0;
}

.home-box#home-box-business {
	left: 70px;
	background-color: #607070;
	background-position: -410px 0;
}

/* @end */

/* @group list-news */

.list-news .item .shield {
	margin-right: 10px;
	width: 50px;
	height: 50px;
	float: left;
text-align: center;
}

/* @end */

/* @group listing */

.listing {
	width: 600px;
	margin: 0 auto;
}

body.twocol .listing {
	width: auto;
}

.listing h2 {
	color: #6f4c34;
	font-size: 1.1em;
	font-weight: bold;
}

.listing h2 a {
	text-decoration: underline !important;
}

.listing p {
	line-height: 1.3;
}

.listing .item {
	margin-bottom: 1.5em;
	clear: both;
}

.listing .icon {
	float: left;
}

.listing .icon.right {
	float: right;
}

.listing .item.historic .icon {
	float: right;
}

.listing .item.firstnations-traditional .icon {
	float: right;
}

.listing .item.metis-contemporary .icon {
	float: right;
}

.listing .item.metis-contemporary-traditional .icon {
	float: right;
}

.listing .text {
	margin: 0 60px;
}

.listing .text p.more {
	margin-top: 5px;
}

/* @end */

/* @group Miscellaneous Rules */

.more {
	text-align: right !important;
}

/* @end */

/* @group sIFR3 */

.sIFR-active h1,
.sIFR-active #sidebar h2,
.sIFR-active .home-box-wrap h2 {
	visibility: hidden;
	line-height: 1.0 !important;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}

/* @end */