html {
   height: 100%;
}
   
body {
   background: url(/images/mtn_bg.jpg) center center no-repeat;
   background-color: #E0BF75;
   margin: 0px 0px 0px 0px;
}

a {
   color : #666666;
   text-decoration: none;
}

a:hover {
   color : #333333;
   text-decoration: underline;
}

#center {
	text-align: left;
	margin-top: -255px;
	margin-left: -340px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 680px;
	height: 510px;
}

/* typography */
#scroller, #scroller td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #755638;
}

@media all {
#scroller, #scroller td {
   font-size: 12px;
   }
}

/* positioning */
#scroller {
   position: relative;
   left: 25px;
   top: 135px;
   width: 270px;
   height: 325px;
   clip: rect(0 370 325 0);
   overflow: hidden;
}

#scroller #container {
	position: relative;
	top: 5px;
	width: 250px;
	height: 325px;
	clip: rect(0 327 320 0);
	overflow: hidden;
}

#scroller #content {
   position: relative;
   width: 250px;
}

#scroller #scrollUp {
   position: absolute;
   left: 255px;
   top: 3px;
}

#scroller #scrollDn {
   position: absolute;
   left: 255px;
   top: 317px;
}

#scroller #scrollbar {
   position: absolute;
   left: 255px;
   top: 14px;
   width: 10px;
   height: 325px;
   clip:rect(0 10 325 0);
}

#scroller #thumb {
   position: absolute;
   left: 0px;
   top: 0px;
   background-color:;
   layer-background-color:;
}

#scroller #thumbArrowUp, #scroller #thumbArrowDn {
   position: absolute;
   left: 2px;
   visibility: hidden;
}

#scroller #marker {
    position: absolute;
	left: 1px;
	top: 0px;
	width: 8px;
	height: 1px;
	clip: rect(0 10 1 0);
	background-color: #441700;
	layer-background-color: #441700;
	visibility: hidden;
}

#scroller #scrollerMo5Shim {
   position: absolute;
   left: 0px;
   top: 5px;
   width: 1px;
   height: 1px;
}

#scroller #elevUp, #scroller #elevDn {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 10px;
   height: 301px;
   overflow: hidden;
   clip: rect(0 10 301 0);
}