/* Styles for demo, not necessary for scrolling layers */  

body, td  {
	font-family: Arial;
	font-size: 12px;
	color: #cccccc;
}  

th	{ font-size:12px; text-align:left }	

a:link, a:visited { color:#FF9900}	
.style8 {
	color: #CCCCCC;
}


a img { border:none }

p { margin: 0 0 .6em 0 }

h2 { font-size:12px; margin:0 0 .6em 0 }

h3 { font-size:12px; margin:0 0 .6em 0 }

div.content { text-align:left }

table.main { 

  background-color:#ffac00;

  width:440px; 

  margin:auto; text-align:left;

  border:1px solid #999; 

  }

table.main td.text, table.main td.navs { vertical-align:top; text-align:left }

td#scrollLinks  { width:12px }

td.navs ul { margin:0; padding:0; list-style:none }

td.navs ul li { margin:0 0 .6em .4em }

td.navs ul li a { text-decoration:none }


body A:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial;
	font-size:12px}
body A:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial;
	font-size:12px
}
body A:hover {
	color: #FF9900;
	font-family: Arial;
	font-size:12px;
	text-decoration: none;
}


#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 1px;
	top: 151px;
}
#Layer2 {
	position:absolute;
	width:244px;
	height:25px;
	z-index:1;
	left: 121px;
	top: 244px;
	visibility: visible;
}
#Layer3 {
	position:absolute;
	width:198px;
	height:71px;
	z-index:2;
	left: 23px;
	top: 105px;
}
#Layer4 {
	position:absolute;
	width:234px;
	height:13px;
	z-index:1;
	left: 129px;
	top: 74px;
}
.style13 {color: #cccccc}