/*	RESET SOME BASIC STYLE
------------------------------------------------------------------------------*/
a:hover { text-decoration : none; }
a:focus { outline : none; }

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	
{ 
	position : relative; 
	overflow : visible;
	width : 300px; 
	height : 300px; 
  	z-index : 100; 
}
div#wn	
{ 
	position : absolute; 
	left : 0px; 
	top : 0px; 
	width : 300px; 
	height : 300px; 
	clip : rect(19px, 300px, 300px, 0px); 
	overflow : hidden;	
	z-index : 1; 
}
div#lyr1 
{ 
	position : absolute; 
	visibility : hidden;
	left : 0; 
	top : 0; 
	background-color : #FFFFFF;
	z-index : 1;
}
div#lyr1 h1
{ 
	position : relative;
	margin : 0;
	padding : 20px 0px 4px 10px;
	left : 0px; 
	top : 0px;
	font-size : 10px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #000000;
}
div#lyr1 p
{ 
	position : relative;
	margin : 0;
	padding : 0px 0px 0px 10px;
	left : 0px; 
	top : 0px;
	font-size : 10px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #333333; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar 
{ 
	position : relative; 
	left : 7px; 
	top : 10px;
	width : 20px; 
	height : 310px; 
	font-size : 1px; 
	z-index : 1;
}
div#track 
{ 
	position : absolute; 
	left : 0; 
	top : 16px;
	width : 10px; 
	height : 282px;
	background : url(../shared/track.gif) repeat;
	z-index : 1;
}
div#dragBar 
{
	position : absolute; 
	left : 0px; 
	top : 0px;
	width : 8px; 
	height : 5px;
	background-color : #FFFFFF;
	border: 1px solid #7D7D7D;
	z-index : 1;
}  
div#up 
{ 
	position : absolute; 
	left : 0; 
	top : 0; 
	z-index : 2 
}  
div#down 
{ 
	position : absolute; 
	left : 0; 
	bottom : 0; 
	z-index : 3 
} 

/* Styles for demo, not necessary for scrolling layers */  
body 
{ 
	margin : 0;
	padding : 0;	
	background : url(../shared/bg.gif) #FFFFFF repeat;
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow : hidden;
}

/* Styles for website */
.viewer
{
	overflow: hidden;
	background-color: white;
	width: 840px;
	height: 69px;	
}
.strip
{
	overflow: hidden;
	background-color: white;	
	position: absolute;
	left: 0px;
	top: 0px;
}
.desc
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-size : 10px;
	color : #666666;
	text-decoration : none;
}
.contentbg 
{
	font-size : 10px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #ffffff;
	background-color : #999999;
}
.subheadline
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-size : 10px;
	font-weight : bold; 
	color : #FFFF00;
}
.mainnavi
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-size : 10px; 
	color : #666666;
	text-decoration : none;
}
.mainnavi:Hover
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-size : 10px; 
	color : #000000;
	text-decoration : none;
}
.mainnavion
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-size : 10px; 
	color : #000000;
	text-decoration : none;
}
.subnavi
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #666666;
	font-size : 10px;
	text-decoration: none;
}
.subnavi:Hover
{
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #000000;
	font-size : 10px;
	text-decoration : none;
}
A.link
{
	color : #B6B67E;
	font-size : 10px;
	text-decoration: none;
}
A.link:Hover
{
	color : #999966;
	font-size : 10px;
	text-decoration: none;
}
.errortxt
{
	font-size : 10px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	font-weight : bold;
	color : #FFCC00;
}
.bgcolour
{
	background-color : #999999;
}
/* DIV START
------------------------------------------------------------------------------*/
div#txtcontent
{
	position : absolute;
	padding : 0;
	margin : 0;
	top : 200px;
	left : 510px;
	font-size : 10px;
	font-family : Verdana, Arial, Geneva, Helvetica;
	color : #333333;
	visibility : visible;
	z-index : 10;
}
div#images
{
	position : absolute;
	padding : 0;
	margin : 0;
	top : 195px;
	left : 0px;
	width : 506px;
	height : 330px;
	visibility : visible;
	z-index : 1;
}
div#imgcontent
{
	position : absolute;
	padding : 0;
	margin : 0;
	top : 195px;
	left : 0px;
	width : 500px;
	height : 330px;
	visibility : visible;
	z-index : 1;
}