body { 
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: lighter;
	letter-spacing: .5px;
	line-height: 20px
    font-size: 100%;
} 
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
	color:#13777F
}
#slider {
    width: 780px;
    margin: 0 auto;
	padding-top: 0px;
	padding-left: 0px;
    position: absolute;
	background-color: #000;
	border: 1px solid black;
    box-shadow: 0 12px 43px black;
	z-index: 1;
}
.scroll {
    width: 780px;
	height: 400px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #D6D8E4 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	z-index: 1;
}

.scrollContainer div.panel {
    padding-left: 10px;
	padding-right: 10px;
    height: 400px;
    width: 760px;
}

#shade {
    background: #D74C1A url(images/shade.jpg) no-repeat 0 0;
    height: 0px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0px;
    padding-bottom: 0px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 4px;
    color: #E7CF9F;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #D74C1A;
}

ul.navigation a.selected {
    background-color: #D74C1A
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 145px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}