#wrapper {  
    font-family: Arial, helvetica, sans-serif;color:#333
}
#wrapper {
	position:absolute;
	z-index:-6;
	visibility:hidden;

	}

#wrapper {
	font-family: Arial, helvetica, sans-serif;
	color: #333333;
	width: 760px;
    padding:0;
    margin: 0 auto 0 auto;
	}
.panel h2, .panel h3 {
	color:gray;
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
    font-size: 1.9em;
    line-height: 1.4em;
	}
	

.panel h3{
	color:#8b855e;/* wheat */
	}
.panel h1, .panel h2, .panel h3  {
	margin-bottom: .5em
	}
.panel p {font-family:Arial, Verdana, Helvetica;font-size:12px;color:#8b855e;
	margin-bottom: 1em;
	}
.panel p.tooltip{
	color:grayfont-size:70%
	}

.panel p, .panel ul li  {
	font-size: 12px;
	}

.panel p a	{
	border-bottom:0px dotted red;
	color:red
	}
.panel p a:hover{
	color:red
	}
#close{
	position:absolute;
	top:10px;
	right:0px;
	display:block;
	width:100px;
	text-align:right;
	height:40px;
	z-index: 220;
    list-style: none;
    margin: 0;
    padding: 9px;
    padding-bottom: 9px;
    padding-top: 9px;
	}




	
	
#close  a, #submit a {
    padding:7px  10px;
    border:1px solid #eee; 
    text-decoration: none;
    background-color:transparent;
    color:gray;
   
    cursor: pointer;
	}
	
#submit a {	
  
    margin-right:12px;clear:both; border-color: #ccc; 
	}


#slider td {padding-right:15px;padding-bottom:15px;width:133px;font-family:Arial, Verdana, Helvetica;font-size:12px;color:#8b855e;}
#slider td.last {padding-bottom:0px;}	
#slider p#submit{padding-top: 32px}
#slider p.last {margin-bottom: 0px}
#submit {clear:both;}
#slider	p.tooltip{color:#7c0041}
	
#close  a:hover, #submit a:hover {
    background-color: #efefef;
    color:#8b855e;/* wheat */;
    border-color:#ddd;/* wheat */ 
	}
.panel li{
	padding-bottom:9px
	}
#intro {
    padding-bottom: 10px;
	}
#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
	}
.scroll {
    height: 510px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/bg.jpg) repeat-x scroll 84px -358px;
	}
.scrollContainer{	
	
	 }
.scrollContainer div.panel {
    padding: 20px;padding-top:80px;
    height: 470px;/* was 460 but commented with '460 set in js' and this was the problem  */
    width: 580px;
    overflow:hidden;
    margin-bottom: 120px; /* removed by js Ð for non-js version*/
    
	}
#shade {
    background: transparent url(images/shade.png) no-repeat 0 0;
    height: 50px;
    display:none;
	}
ul.navigation {
	position:absolute;
	top:10px;
	left:0px;
	display:block;
	width:620px;
	text-align:left;
	height:40px;
	z-index: 100;
    list-style: none;
    margin: 0;
    padding: 9px;
    padding-bottom: 9px;
    padding-top: 9px;
	}
ul.navigation li {
    display: inline;
    margin-right: 10px;  
    font-weight: bold;
	}
ul.navigation a {
    padding:7px  10px;
    border:1px solid #eee;
    color: #000;
    text-decoration:none;
    background-color:transparent;
    color:#8b855e;/* wheat */
	}
ul.navigation a:hover {
    background-color: #efefef;
    color:#8b855e;/* wheat */
     border-color:#ddd;/* wheat */ 
	}
ul.navigation a.selected {
	background-color:#eee;
	color:#8b855e;/* wheat */   
	}
ul.navigation a:focus {
    outline: none;
	}
.scrollButtons {
    position: absolute;
    top: 220px;
    cursor: pointer;
	}
.scrollButtons.left {
    left: -20px;
	}
.scrollButtons.right {
    right: -20px;
	}
.hide {
    display: none;
	}