#slider {
width: 914px;
    margin: 0 auto;
	padding: 0 auto;
    position: relative;
}

.scroll {
    width: 914px;
	margin-top:0px;
    height: auto;
    overflow: auto;
    overflow-x: hidden;
	position: relative;
    background-color: #FFFFFF;
}



.scrollContainer div.panel {
    padding:auto;
	margin:auto;
    height: auto;
    width: 924px;
	
}


.eventcom {
    padding:auto;
	margin:auto;
	text-align:center;
    width: 300px;
}

.navigation{
margin:0 0 20px 0;
}

.navigation ul {
height:auto;
list-style: none;
margin:0;
padding:0;
}

.navigation li {
margin:0;
margin-bottom:3px;
padding:auto;
width:180px;
float:left;
text-align:center;
}


.navigation .botton{
background-color:#990000;
margin:auto;
padding:auto;
text-align:center;
width:180px;
border:1px solid #333333;
}




.navigation a {
    padding: 10px;
color: #FFFFFF;
	background-color:#000033;
    text-decoration: none;
	border:1px solid #333333;
	width:160px;
	display:block;
margin:auto;
padding:auto;
text-align:center;
}

.navigation a:link{
    padding: 10px;
    text-decoration: none;
	background-color:#000033;
   color: #FFFFFF;
   border:1px solid #333333;
}

.navigation a:visited{
    padding: 10px;
    text-decoration: none;

   color: #FFFFFF;
   border:1px solid #333333;
}


.navigation a:hover {
   background-color: #ff9900;
	color: #FFFFFF;
	border:1px solid #ff9900;
}

.navigation a.selected {
    background-color: #ff3300;
	border:1px solid #ff0000;
	color: #FFFFFF;
}







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

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

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

.hide {
    display: none;
}