@charset "UTF-8";
/* CSS Document */

#content{
	min-height:380px;
	margin:2em 2em 1em 100px;
}
h3 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 720px;
    margin:-3em 0 0 0;
    position: absolute;
}

.scroll {
    width: 500px;
    overflow: auto;
/*    overflow-x: hidden; */
    position: absolute;
    clear: left;
	top:2em;
	right:0px;
	height: 360px;
}

.scrollContainer div.panel {
    padding:0 20px 20px 20px;
    width: 460px;
    overflow: auto;
}

.navigation ul{
    position: absolute;
    list-style: none;
    margin:5em 0 0 0;
    padding: 0;
    padding-bottom: 9px;
}

.navigation ul li {
    display: block;
    margin-right: 10px;
	line-height:16px;
	overflow:visible;
	padding:2px;
}

.navigation ul a {
    color:#CCC;
    text-decoration: none;
	padding:7px;
	display: block;
	overflow:visible;
}

.navigation ul a:hover {
   color:#FFF;
   background-image:url(../img/style/alpha_30.gif);
   background-repeat:repeat;
}



.navigation ul .selected {
	display: block;
	overflow:visible;
   color: #fff;
   background-image:url(../img/style/alpha_30.gif);
   background-repeat:repeat;
}

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

.scrollButtons {
    position: absolute;
    top:2.2em;
    cursor: pointer;
}

.scrollButtons.left {
    left:0px;
}

.scrollButtons.right {
    left:85px;
}

.hide {
    display: none;
}