@charset "UTF-8";
/* CSS Document */


#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 740px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 300px;
    width: 750px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    
}

.scrollContainer div.panel {
    padding: 20px;
    height: 250px;
    width: 695px;
	background-image:url(../images/timeline-bg.gif); background-repeat:no-repeat; background-position:0 -91px;
}
.scrollContainer div.panel h1{display:block; height:75px; margin-left:100px;}
.timelineDate{font-size:200%; font-weight:bold; color:#000000; float:left; height:100px; width:75px; text-align:right; margin-top:0px; padding-top:5px}

.timelineP{margin-left:100px; display:block;}
.timelineP img{margin-top:0;}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}







ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0; text-decoration:none;
    
	padding-bottom: 9px;
	margin-left:20px;
}

ul.navigation li {
    display: inline;
    margin: 0px; padding:0;
	text-decoration:none;
}

ul.navigation a {display:block; float:left;
    padding: 10px; padding-right:49px;
    color: #000; background-color:#F3F3F3;
    text-decoration:none; margin:0; 
	border-bottom:solid 1px #CCCCCC; 
}

ul.navigation a {text-decoration:none;}


#slider ul.navigation a:hover {
    color: #B0C313; text-decoration:none;
	background-color:#fff;
	cursor:pointer;
	outline:none; border:none;
}

ul.navigation a.selected {text-decoration:none;
    background-color: #fff; color:#B0C313;
	border-bottom:solid 1px white;
	outline:none; border:none;
}

ul.navigation a:focus { text-decoration:none;
    outline: none;
}
ul.navigation a:active{color:#000; text-decoration:none;}





.scrollButtons{
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -15px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}