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


#slider {
    width: 820px;
    margin: 10px auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 820px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:url(../images/scrollBg.jpg) repeat-x scroll top;
}

.scrollContainer div.panel {
    padding: 10px;
    height: 380px;
    width: 800px;
}
.scrollContainer img{
	padding:1px;
	margin-right:5px;
}
.scrollContainer img:hover{
	background-color:#ff6600;}
.scrollContainer h2{
	margin-top:5px;}
.scrollContainer h2.top{
	margin-top:0px;}

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

ul.navigation li {
    display: inline;
    margin:0 90px 20px 10px;
	float:left;
}

ul.navigation a {
    padding: 0px;
    text-decoration: none;
	display:block;
	text-align:center;
}
ul.navigation li span{
	width:172px;}
ul.navigation a img{
    padding: 7px;
	background-image:url(../images/portframeSprite.png);
	background-repeat:no-repeat;
	background-position:0 0;}

ul.navigation a:hover img{
	background-position:0 -285px;}
	
ul.navigation a.selected img{
	background-position:0 -145px;}

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

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
	z-index:5;
}

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

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

.hide {
    display: none;
}
h2 a{
	color:#FF6600;}
h2 a:hover{
	text-decoration:underline;}
	
.menu1,  {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
    }
    .menu1 ul  {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu1 li {
      margin: 0;
      padding: 0;
      float: left;
      width: 33.33%;
      text-align: center;
    }