#outer[id] 
{
	height				:	100%; 
	width				:	100%; 
	overflow			:	visible; 
	display				:	table; 
	position			:	static;
}

#middle[id] 
{
	display				:	table-cell; 
	vertical-align		:	middle; 
	position			:	static;
}

#container
{
	text-align			:	center;
	position			:	relative; 
	margin				:	auto auto;
													/* HACK: IE does not understand display: table, display: table-cell but does incorrectly	*/
													/*       process this as the top margin. Invalid property in Opera, NN & Mozilla 			*/
	_margin-top			:	expression( SetTopMargin() );		
	_margin-left		:	expression( SetLeftMargin() );	
}

#bck
{
	position			:	absolute;
	top					:   0px;
	left				:   0px;
	background			:	url( ../img/board.png ) no-repeat;
	width				:	800px;
	height				:	600px;
}

#ttl
{
	position			:	absolute;
	top					:	70px;
	left				:	473px;
	
	width				:	290px;
	
	padding				:	0px;
	margin				:   0px;
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	11pt;
	font-weight			:	bold;
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	22px;
	color				:	black;
}

#txt1
{
	position			:	absolute;
	top					:	130px;
	left				:	480px;
	
	width				:	275px;
	
	padding				:	0px;
	margin				:   0px;
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	10pt;
	/*font-weight			:	bold;*/
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#txt2
{
	position			:	absolute;
	top					:	500px;
	left				:	570px;
	
	width				:	100px;
	
	padding				:	0px;
	margin				:   0px;
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	font-weight			:	bold;
	font-style			:	italic;
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#lst
{
	position			:	absolute;
	top					:	280px;
	left				:	610px;
	
	width				:	170px;
	
	padding				:	0px;
	margin				:   0px;
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	9pt;
	text-align			:	left;
	text-decoration		:	none;
	line-height			:	20px;
	color				:	black;
}

a.lnk:link 
{
	color				: navy; 
	text-decoration		: none;
}

a.lnk:visited 
{
	color				: navy; 
	text-decoration		: none;
}

a.lnk:hover 
{
	color				: blue; 
	text-decoration		: none;
}



#bckbk
{
	position			:	absolute;
	top					:   0px;
	left				:   0px;
	background			:	url( ../img/book.png ) no-repeat;
	width				:	800px;
	height				:	600px;
}

#pglft
{
	position			:	absolute;
	top					:	50px;
	left				:	130px;
	
	width				:	285px;
	height				:	440px;
	
	padding				:	0px;
	margin				:   0px;
	/*border				:	solid black 1px;*/
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	text-align			:	justify;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#pgrgt
{
	position			:	absolute;
	top					:	50px;
	left				:	450px;
	
	width				:	290px;
	height				:	440px;
	
	padding				:	0px;
	margin				:   0px;
	/*border				:	solid black 1px;*/
				
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	text-align			:	justify;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#nxtpg
{
	position			:	absolute;
	top					:	495px;
	left				:	650px;
	
	display				:	block;
	
	width				:	100px;
		
	padding				:	0px;
	margin				:   0px;
					
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	font-style			:	italic;
	font-weight			:	bold;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#prvpg
{
	position			:	absolute;
	top					:	495px;
	left				:	115px;
	
	display				:	none;
	
	width				:	150px;
		
	padding				:	0px;
	margin				:   0px;
					
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	font-style			:	italic;
	font-weight			:	bold;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#rtn
{
	position			:	absolute;
	top					:	30px;
	left				:	18px;
	
	width				:	80px;	
		
	padding				:	0px;
	margin				:   0px;
						
	font-family			:	verdana, arial, sans-serif;
	font-size			:	8pt;
	font-style			:	italic;
	font-weight			:	bold;
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

a.nav:link
{
	color				: black; 
	text-decoration		: none;
}

a.nav:visited
{
	color				: black; 
	text-decoration		: none;
}

a.nav:hover
{
	color				: blue; 
	text-decoration		: none;
}

a.cpy:link
{
	color				: navy; 
	text-decoration		: none;
}

a.cpy:visited
{
	color				: navy; 
	text-decoration		: none;
}

a.cpy:hover
{
	color				: navy; 
	text-decoration		: none;
}
.fxbold
{
	font-weight:		bold;
}

#adbx
{
	position			:	absolute;
	top					:	100px;
	left				:	0px;
	
	width				:	280px;
	height				:	325px;	
		
	padding-left		:	3px;
	padding-right		:	3px;
	margin				:   0px;
	border				:	solid black 2px;
						
	font-family			:	verdana, arial, sans-serif;
	font-size			:	7pt;
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	17px;
	color				:	black;
}

#appbx1
{
	position			:	absolute;
	top					:	170px;
	left				:	0px;
	
	width				:	283px;
	height				:	257px;	
		
	padding-left		:	2px;
	margin				:   0px;
	border-top			:	solid black 2px;
	border-left			:	solid black 2px;
	border-right		:	solid black 2px;
						
	font-family			:	verdana, arial, sans-serif;
	font-size			:	7pt;
	text-align			:	left;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#appbx2
{
	position			:	absolute;
	top					:	5px;
	left				:	0px;
	
	width				:	283px;
	height				:	380px;	
		
	padding-left		:	2px;
	margin				:   0px;
	border-left			:	solid black 2px;
	border-right		:	solid black 2px;
	border-bottom		:	solid black 2px;
						
	font-family			:	verdana, arial, sans-serif;
	font-size			:	7pt;
	text-align			:	left;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#emlrsp
{
	position			:	absolute;
	top					:	175px;
	left				:	0px;
	
	width				:	283px;
	height				:	260px;	
		
	padding-left		:	2px;
	margin				:   0px;
	border				:	solid black 2px;
							
	font-family			:	verdana, arial, sans-serif;
	font-size			:	7pt;
	text-align			:	left;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	black;
}

#cpy
{
	position			:	absolute;
	top					:	600px;
	left				:	0px;
	
	width				:	800px;
				
	margin				:   0px;
								
	font-family			:	verdana, arial, sans-serif;
	font-size			:	7pt;
	font-style			:	italic;
	text-align			:	center;
	text-decoration		:	none;
	line-height			:	16px;
	color				:	gray;
}

#obk
{
	position			:	absolute;
	top					:   170px;
	left				:   60px;
	background			:	url( ../img/obooks.gif ) no-repeat;
	width				:	169px;
	height				:	211px;
}


#pg1
{
	display				:	block;
}

#pg2
{
	display				:	block;
}

#pg3
{
	display				:	none;
}

#pg4
{
	display				:	none;
}

#pg5
{
	display				:	none;
}
#pg6
{
	display				:	none;
}

#pg7
{
	display				:	none;
}

#pg8
{
	display				:	none;
}

#pg9
{
	display				:	none;
}

#pg10
{
	display				:	none;
}

#pg11
{
	display				:	none;
}

#pg12
{
	display				:	none;
}

#pg13
{
	display				:	none;
}

#pg14
{
	display				:	none;
}

#pg15
{
	display				:	none;
}

#pg16
{
	display				:	none;
}

#pg17
{
	display				:	none;
}

#pg18
{
	display				:	none;
}

#pg19
{
	display				:	none;
}

#pg20
{
	display				:	none;
}

#pg21
{
	display				:	none;
}

#pg22
{
	display				:	none;
}

#pg23
{
	display				:	none;
}

#pg24
{
	display				:	none;
}

#pg25
{
	display				:	none;
}

#pg26
{
	display				:	none;
}