/* STRUCTURE

==============================================================*/

body {

	background: #F5F3E1;

	overflow-y: scroll;

}


div#banner-2 {

	color: #F5F3E1;

	font: 160%/140% georgia;

	position: absolute;

	left: 50%;

	width: 920px;

	margin-left: -470px;

	margin-top: 16px;

	text-align: center;

	padding: 20px 10px 20px;

	background: #303135;

}


div#container {

	position: absolute;

	left: 50%;

	width: 940px;

	margin-left: -480px;

	padding: 100px 10px 10px;

}



div#sidebar, div#content {

	float: left;

	margin-bottom: 20px;

}



div#sidebar {width: 220px;}



div#content {

	background: #F0F0D9;

	width: 658px;

	border: solid 1px #D3D3B4;

	border-top: none;

	padding: 0 20px 20px;

	margin-left: 20px;

}



div#footer {

	clear: both;

	color: #7D6B60;

	font: 75%/140% arial;

	text-align: center;

	background: #F0F0D9;

	padding: 7px 0;

	border-top: solid 1px #D3D3B4;

	margin-top: 40px;

}



/* NAVIGATION

==============================================================*/

a#home-button { background: 444;

	display: block;

	overflow: hidden;

	height: 0px;

	padding-top: 220px;

	background: url(/images/bkn-logo.jpg) no-repeat;

}



a#home-button:hover { background-position: -220px 0px; }



ul#nav {margin-top: 10px;} 



ul#nav li a {

	display: block;

	overflow: hidden;

	height: 0px;

	padding-top: 33px;

	margin-bottom: 7px;

}



ul#nav li a { background: url(/images/nav-links.jpg) no-repeat }

 

ul#nav li a#link1        { width: 220px; }

ul#nav li a#link2        { background-position: 0px -40px; width: 220px; }

ul#nav li a#link3        { background-position: 0px -80px; width: 220px; }

ul#nav li a#link4        { background-position: 0px -120px; width: 220px; }

ul#nav li a#link5        { background-position: 0px -160px; width: 220px; }



ul#nav li a#link1:hover  { background-position: -221px 0px; width: 220px; }

ul#nav li a#link2:hover  { background-position: -221px -40px; width: 220px; }

ul#nav li a#link3:hover  { background-position: -221px -80px; width: 220px; }

ul#nav li a#link4:hover  { background-position: -221px -120px; width: 220px; }

ul#nav li a#link5:hover  { background-position: -221px -160px; width: 220px; }



ul#nav li a#link1-active { background-position: -221px 0px; width: 220px; }

ul#nav li a#link2-active { background-position: -221px -40px; width: 220px; }

ul#nav li a#link3-active { background-position: -221px -80px; width: 220px; }

ul#nav li a#link4-active { background-position: -221px -120px; width: 220px; }

ul#nav li a#link5-active { background-position: -221px -160px; width: 220px; }



h2.sidebar-header {

	overflow: hidden;

	height: 0;

	padding-top: 25px;

	margin-bottom: 8px;

	margin-top: 25px;

	background: url(/images/nav-headers.jpg) no-repeat;

}



h2#address { background-position: 0px -33px; }

h2#number { background-position: 0px -66px; }

	

div#sidebar p, address {padding-left: 14px; }



/* TEXT ELEMENTS

==============================================================*/

p, address, li {

	color: #7D6B60;

	font: 90%/140% arial;

}



p { margin-bottom: 20px; }



h1 {

	color: #8a817c;

	font: 160%/140% georgia;

	margin-bottom: 14px;

	padding-top: 4px;

	padding-bottom: 4px;

	border-bottom: solid 1px #b4b4a8;

}



h2 {

	clear: both;

	color: #a9968b;

	font: 130%/140% georgia;

	margin-bottom: 14px;

	padding-top: 4px;

	padding-bottom: 4px;

	/border-bottom: solid 1px #b4b4a8;

}



div#content ul {

	margin-top: 15px;

}



div#content a, div#footer a {

	color: #594c45;

	border-bottom: solid 1px #938277;

}



div#content a:hover, div#footer a:hover {

	color: #666;

	border-bottom: none;

	background: #e4e4ce;

}



div#content li {

	margin-bottom: 6px;

}



div#content img {

	padding: 1px;

	border: solid 1px #a5a58c;

	margin-bottom: 15px;

}





div#map_canvas { background: $444;

	width: 840px;

	height: 440px;

	margin-top: 20px;

	font: 100%/120% arial, sans serif;

}





img#sample-tree {

	float: right;

	margin-left: 20px;

}



div#content ul {

	list-style-type:circle;

	padding-left: 15px;

}



/* MAP

==============================================================*/

div#map-canvas {

	width: 654px;

	height: 490px;

	padding: 1px;

	border: solid 1px #a5a58c;

	margin: 15px 0;

}

	





/* FINISHING PAGE

==============================================================*/

body#finishing div#content a {

	display: block;

	float: left;

	border-bottom: none;

	margin-right: 22px;

}



body#finishing div#content a:hover {

	background: none;

}



body#finishing div#content img{

	width: 192px;

	height: 144px;

}





body#finishing div#content img:hover {

	border: solid 1px #fff;

}





/*** enlarge image ***/



div#mask {

position: fixed; /* translucent grey background is fixed */

/position: absolute;

top: 0;

left: 0;

background: #000;

width: 100%;

height: 100%;

opacity: .75;

filter: alpha(opacity=75);

}



div#image_container {

position: fixed;

/position: absolute; /* image scrolls as page does under 'mask' */



top: 50%;

left: 50%;

}



div#image_container a { outline: none; }

	





/* SLIDESHOW & BLURB

==============================================================*/

p.slideshow-container {

	position: relative;

}



p.slideshow-container img { /* two stacked images */

	position: absolute;

	left: 0;

	top: 0;

	border: solid 2px #7588a8;

	}

	

p#blurb {

	font-size: 105%;

	margin-top: 475px;

}