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

body {
  font-family: Arial, Helvetica, sans-serif;
padding-top: 15px; bgcolor="#ffffff"; 
user-drag: none;
-moz-user-select: none; 
-webkit-user-drag: none;
}
img { 
border: 0;
}
.topcanvas {
	position: absolute;
	background-color: #FFF;
	width:1024px; /* 1045px */
	height: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	z-index: 1000;
	left: -650px;
	top: -155px;
} 
.canvas {
	background-image:url(../images/bkgrd_trees_1024x600.jpg);
	background-color: white;
	position: relative;
	width:1024px; /* 1045px */
	height: 100%;
	min-height:600px;
	margin-right: auto;
	margin-left: auto;
	z-index: auto;
}
.canvas_b {
	background-image:url(../images/bkgrd_trees_1024x600_fade.jpg);
	background-color: white;
	position: relative;
	width:1024px; /* 1045px */
	height: 100%;
	min-height:600px;
	margin-right: auto;
	margin-left: auto;
	z-index: auto;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx banner xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.band1 {
	position: absolute;
	background-color: #93C;
	width:952px; /* 1045px */
	height: 10px;
	z-index: 1000;
	left: 47px;
	top: 38px;
}
.banner {
	position: absolute;
	width:952px; /* 1045px */
	height: auto;
	z-index: 2000;
	left: 42px;
	top: 32px;
}

.bannerbox {
	position: absolute;
	background-color: #ffffff;
	width:952px; /* 1045px */
	height: 116px;
	z-index: 500;
	left: 47px;
	top: 39px;
	opacity:0.44;
	filter:alpha(opacity=44); /* For IE8 and earlier */
}


.band2 {
	position: absolute;
	background-color: #93C;
	width:952px; /* 1045px */
	height: 20px;
	z-index: 1000;
	left: 47px;
	top: 136px;
}

.nav {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	z-index: 9500;
	left: 590px;
	top: 136px;
	width: 420px;
	height: 20px;
}*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx nav bar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.nav a:link {
	color: #66CC99;
	text-decoration:none;
	}
.nav a:visited {
	color:#FCF;
	text-decoration:none;
}
.nav a:hover {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}
.nav a:active {
	color: #FCF;
	text-decoration:none;
}


.nav a.one:link {
	color: #fff;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	}
.nav a.one:visited {
	color:#FCF;
	text-decoration:none;
}
.nav a.one:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bolder;
}
.nav a.one:active {
	color: #FCF;
	text-decoration:none;
}


#w {
	color:#FFFFFF;
	padding-top:2px;
	/*padding-right: 2px;
	padding-left: 2px;*/
	font-family:"Arial Black", Gadget, sans-serif;
}
#purple {
	color:#93c;
	padding-top:2px;
	padding-right: 5px;
	padding-left: 5px;
	font-family:"Arial Black", Gadget, sans-serif;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx sub menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li {
    display: inline;
    position: relative;
    float: left;
	text-align:left;
	top:0;
}
li ul {
    display: none;

}
ul li a {
    
	display: block;
	text-decoration: none;
	    color: #FCF;
/*    border-top: 1px solid #ffffff;*/
    padding: 2px 10px 2px 10px;
    /*background: #1e7c9a;*/
    margin-left: 1px;
    white-space: nowrap;
}
ul li a:hover {
    /*background: #3b3b3b;
*/
background: #93c;
font-family:"Arial Black", Gadget, sans-serif;
}

li:hover ul {
    display: block;
    position: absolute;
	
}

li:hover li {
    float: none;
    font-size: 11px;
}
li:hover a { 
	background: #3b3b3b;

}
li:hover li a:hover {
    background: #1e7c9a;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align:left;
}


/*
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx sub menu end xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



/*xxxxxxxxxxxxxxxxxxxxxxxxxxx main content area xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.content1 {
	position: absolute;
	width:952px; /* 1045px */
	height: 390px;
	z-index: auto;
	left: 47px;
	top: 155px;
}
.content {
	position: absolute;
	background-color: #FFF;
	width:752px; /* 1045px */
	height: 380px;
	z-index: auto;
	left: 47px;
	top: 156px;
}


.index_book1
{
	position: absolute;
	width:300px; /* 1045px */
	height: 276px;
	z-index: 1000;
	left: 0px;
	top: 6px;
}
.index_book1_title
{
	position: absolute;
	width:300px; /* 1045px */
	height: 357px;
	z-index: 2000;
	left: 0px;
	top: 37px;
}

.index_book1_txtbox
{
	position: absolute;
	width:295px; /* 1045px */
	height: 144px;
	z-index: 5000;
	left: 0px;
	top: 235px;
	background-color: #9933cc;
}
#index_book1_txt
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}

.index_book2
{
	position: absolute;
	width:300px; /* 1045px */
	height: 276px;
	z-index: 1000;
	left: 320px;
	top: 6px;
}
.index_book2_title
{
	position: absolute;
	width:300px; /* 1045px */
	height: 357px;
	z-index: 2000;
	left: 320px;
	top: 37px;
}

.index_book2_txtbox
{
	position: absolute;
	width:295px; /* 1045px */
	height: 144px;
	z-index: 5000;
	left: 320px;
	top: 235px;
	background-color: #9933cc;
}
#index_book2_txt
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 340px;
}

.index_book3
{
	position: absolute;
	width:300px; /* 1045px */
	height: 276px;
	z-index: 1000;
	left: 640px;
	top: 6px;
}
.index_book3_title
{
	position: absolute;
	width:300px; /* 1045px */
	height: 357px;
	z-index: 2000;
	left: 640px;
	top: 55px;
}

.index_book3_txtbox
{
	position: absolute;
	width:261px; /* 1045px */
	height: 139px;
	z-index: 4500;
	background-color: #93C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	bottom: 1px;
	left: 0px;
}
#index_book3_txt
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 340px;
}

.index_book4
{
	position: absolute;
	width:100px; /* 1045px */
	height: auto;
	z-index: 9000;
	right: -18px;
	top: 337px;
	
}
.index_book4_txtbox
{
	position: absolute;
	width:200px; /* 1045px */
	height: 55px;
	z-index: 6000;
	right: 0px;
	top: 375px;
	background-color: #ffffff;
}

#index_book4_txt
{font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
	}
.index1
{
	position: absolute;
	width:300px; /* 1045px */
	height: 145px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1000;
	left: 290px;
	top: 238px;
}

.index2
{
	position: absolute;
	width:300px; /* 1045px */
	height: 374px;
	z-index: 5500;
	left: 353px;
	top: 6px;
}
.index22
{
	position: absolute;
	width:300px; /* 1045px */
	height: 276px;
	z-index: 4500;
	left: 353px;
	top: 6px;
}
.index22_1
{
	position: absolute;
	width:300px; /* 1045px */
	height: 250px;
	z-index: 4500;
	left: 353px;
	top: 6px;
}
.index3
{
	position: absolute;
	width:331px; /* 1045px */
	height: 245px;
	z-index: 2000;
	left: 608px;
	top: 19px;
}
.index33
{
	position: absolute;
	width:336px; /* 1045px */
	height: 357px;
	z-index: 6000;
	left: 369px;
	top: 23px;
}
.index33xx
{
	position: absolute;
	width:300px; /* 1045px */
	height: 357px;
	z-index: 4600;
	left: 350px;
	top: 23px;
}
.index33box
{
	position: absolute;
	width:328px; /* 1045px */
	height: 144px;
	z-index: 4500;
	left: -19px;
	top: 211px;
	background-color: #93C;
}
.index33boxxx
{
	position: absolute;
	width:295px; /* 1045px */
	height: 144px;
	z-index: 4500;
	/*left: -19px;*/
	top: 211px;
	background-color: #93C;
}
#index33boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
#index33boxtxtxx
{

	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index33img
{
	position: absolute;
	width:106px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 179px;
	top: 259px;
	
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FACEBOOK xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
.index33facebook
{
	position: absolute;
	background-color: #FFFFFF;
	width: 110px; /* 1045px */
	height: 21px;
	z-index: 9000;
	left: 658px;
	/*left: 170px;*/
	top: 542px;
	
	
}

#index22facebook
{
	position: absolute;
	background-color: #FFFFFF;
	width: 110px; /* 1045px */
	height: 21px;
	z-index: 9000;
	left: 18px;
	/*left: 170px;*/
	top: 416px;
	
	
}


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FACEBOOK end xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

.index33imgxx
{
	position: absolute;
	width:106px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 175px;
	top: 259px;
	
}
.index3_1box
{
	position: absolute;
	width:328px; /* 1045px */
	height: 144px;
	z-index: 7000;
	left: -11px;
	top: 211px;
	background-color: #93C;
}
#index3_1boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index3_1img
{
	position: absolute;
	width:106px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 222px;
	top: 262px;
	
}
.index3box
{
	position: absolute;
	width:328px; /* 1045px */
	height: auto;
	z-index: 2000;
	left: 14px;
	top: 262px;
	background-color: #93C;	
}
#index3boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index3img
{
	position: absolute;
	width:328px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 568px;
	top: 79px;
	
}
.index4
{
	position: absolute;
	width:225px; /* 1045px */
	height: auto;
	z-index: 2000;
	left: 689px;
	top: 133px;
}
.index4xx
{
	position: absolute;
	width:300px; /* 1045px */
	height: 355px;
	z-index: 6000;
	left: 660px;
	top: 25px;
}

.index44xx2
{
	position: absolute;
	width:300px; /* 1045px */
	height: 276px;
	z-index: 5500;
	left: 660px;
	top: 6px;
}

.index4box
{
	position: absolute;
	width:262px; /* 1045px */
	height: 144px;
	z-index: 5000;
	left: 41px;
	top: 194px;
	background-color: #93C;
}

#index4boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index44img
{
	position: absolute;
	width:106px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 179px;
	top: 259px;
	
}
.index4_1
{
	position: absolute;
	width:583px; /* 1045px */
	height: 213px;
	z-index: 5500;
	left: 363px;
	top: 23px;
}
.index4_1 td
{
	vertical-align:top;
}
.purple
{
	background-color: #93c;
	color:#FFFFFF;
	font-size:12px;
	width:auto;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.index4_1box
{
	position: absolute;
	width:262px; /* 1045px */
	height: 144px;
	z-index: 5000;
	left: 0px;
	top: 101px;
	background-color: #9933cc;
}
.index4_1boxtxtx
{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:262px;
	height: 144px;
	top: 211px;
	z-index: 4500;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;

	left: 0px;
	background-color: #9933cc;
}
#index4_1boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	z-index: 5000;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
	background-color: #9933cc;
}

.index4_3imgxx
{
	position: absolute;
	width:106px; /* 1045px */
	height: auto;
	z-index: 9000;
	left: 869px;
	top: 279px;
	
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Sloughing the skin xxxxxxxxx*/

.index4_3boxxx1 
{
	position: absolute;
	width:173px; /* 1045px */
	height: 79px;
	z-index: 9000;
	left: 796px;
	top: 342px;
	background-color: #ffffff;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Sloughing the skin END xxxxxxxxx*/
.index4_3boxxx
{
	position: absolute;
	width:173px; /* 1045px */
	height: 79px;
/*	z-index: 6000;*/
	left: 134px;
	top: 324px;
	background-color: #ffffff;
}
#index4_3boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index4_1boxxx
{
	position: absolute;
	width:295px; /* 1045px */
	height: 144px;
	z-index: 5000;
	left: -3px;
	top: 209px;
	background-color: #9933cc;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx POD box xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
.index4_1boxxx1
{
	position: absolute;
	width:295px; /* 1045px */
	height: 144px;
	z-index: 8000;
	left: -3px;
/*	top: 200px;*/
	background-color: #9933cc;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx POD box END xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
#index4_1boxtxtxx
{

	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}
.index4_2box
{
	position: absolute;
	width:262px; /* 1045px */
	height: auto;
	z-index: 6000;
	left: 689px;
	top: 137px;
	background-color: #fff;
}
#index4_2boxtxt
{

	font-family:Arial, Helvetica, sans-serif;
	color:#9933cc;
	font-size:12px;
	text-align:left;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	bottom: 75px;
	left: 0px;
}

.indexbox
{
	position: absolute;
	width:298px; /* 1045px */
	height: auto;
	z-index: 4500;
	background-color: #93C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	bottom: 12px;
	left: 0px;
}
.indexboxxx
{
	position: absolute;
	width:295px; /* 1045px */
	height: auto;
	z-index: 4500;
	background-color: #93C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	bottom: 11px;
	left: 0px;
}
.indexboxxx19
{
	position: absolute;
	width:295px; /* 1045px */
	height: 59px;
	z-index: 4500;
	background-color: #93C;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
/*	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;*/
	bottom: 118px;
	left: 0px;
}
.pageidx
{
	position: absolute;
	/*background-image:url(../images/book/web_714x390.png);*/
	background-color: #FFF;
	opacity:0.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	width:752px; /* 1045px */
	height: 356px;
	z-index: 1000;
	left: 199px;
	top: 13px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2019 INDEX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
*/
.page2019
{	position: absolute;

	width:930px; 
	height: 370px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	z-index: 1000;
	left: 3px;
	top: 3px;
}
.pic2019
{	position: relative;
	width:99px; 
	height: 370px;
	z-index: 1200;
	left: 0px;
	top: 5px;
}
.table2019
{
	position: absolute;
	z-index: 1500;
	left: 46px;
	top: 1px;
}
.T2019
{ vertical-align: top;
	}
.box2019
{ 	position: relative;
	vertical-align: top;
	/*background-color: #fff;
	opacity:0.70;
	filter:alpha(opacity=70);*/ /* For IE8 and earlier */
/*	z-index: 1000;*/

/*padding-top: 3px;
padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
	width:299px;*/
/*	height: auto;*/
	}
	.p2019
{ font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	text-align:center;

}

.box2019 .text {
  visibility: hidden;
  width: 120px;
  background-color: #93c;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding-top: 3px;
padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
}

.box2019:hover .text {
  visibility: visible;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2019 End xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2021 INDEX xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
*/
.page2021
{	position: absolute;

	width:930px; 
	height: 370px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	z-index: 1000;
	left: 3px;
	top: 3px;
}
.pic2021
{	position: relative;
	width:99px; 
	height: 370px;
	z-index: 1200;
	left: 0px;
	top: 5px;
}
.table2021
{ position: absolute;
	z-index: 1500;
	left: 45px;
	top: 1px;
}
.T2021
{ vertical-align: top;
	}
.box2021
{ 	position: relative;
	vertical-align: top;
	
	}
	.p2021
{ font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	text-align:center;

}

.box2021 .text {
  visibility: hidden;
  width: 120px;
  background-color: #93c;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding-top: 3px;
padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 5px;

  position: absolute;
  z-index: 2000;
}

.box2019:hover .text {
  visibility: visible;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 2021 End xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Index page small book table 2026 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*.table2026
{ position: relative;
	z-index: 1900;
	left: 45px;
	top: 1px;*/
/*}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxIndex page small book table 2026 ends xxxxxxxxxxxxxxxxxxxxxxxx*/
.page1
{
	position: absolute;
	/*background-image:url(../images/book/web_714x390.png);*/
	background-color: #FFF;
		opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
	width:714px; /* 1045px */
	height: 356px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1000;
	left: 199px;
	top: 13px;
}
.page11
{
	position: absolute;
	/*background-image:url(../images/book/web_714x390.png);*/
	background-color: #FFF;
		opacity:0.55;
	filter:alpha(opacity=55); /* For IE8 and earlier */
	width:714px; /* 1045px */
	height: 356px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1000;
	left: 199px;
	top: 13px;
}

.pageheader
{
	position: absolute;
	background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier*/
	width:auto; /* 1045px */
    height: 20;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:21px;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 5500;
	left: 224px;
	top: 27px;	
}

.pageheader2 
{
	position: absolute;
	background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	width:auto; /* 1045px */
	height: 20;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:28px;
	text-align:left;
	padding-left: 10px;
	padding-right: 20px;
	z-index: 5500;
	left: 224px;
	top: 27px;	
}

.pageheader3 
{
	position: absolute;
	background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	width:auto; /* 1045px */
	height: 20;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	text-align:left;
	padding-left: 10px;
	padding-right: 20px;
	z-index: 5500;
	left: 224px;
	top: 27px;	
}
.scrollarea
{
	position: absolute;
	/*background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */*/
	width:574px; /* 1045px */
	height: 297px;
	z-index: 5000;
	left: 363px;
	top: 71px;
}
.scroll
{
	position: absolute;
	width:574px; /* 1045px */
	height: 282px;
	z-index: 5500;
	left: 366px;
	top: 87px;
	overflow: scroll;
}
.infoarea
{
	position: absolute;
	width:574px; 
	height: 297px;
	z-index: 5000;
	left: 363px;
	top: 71px;
}

.scrollarea2
{
	position: absolute;
	/*background-color: #FFF;
	opacity:0.60;
	filter:alpha(opacity=60); /* For IE8 and earlier */*/
	width:574px; /* 1045px */
	height: 282px;
	z-index: 5000;
	left: 363px;
	top: 85px;
}
.scroll2
{
	position: absolute;
	width:574px; /* 1045px */
	height: 297px;
	z-index: 5500;
	left: 363px;
	top: 70px;
	overflow: scroll;
}

p1 {
	padding-left: 6px;
/*	padding-right: 20px;
    padding-bottom: 5px;
    margin: 0;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;

}
p2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;

}
.infoarea2
{
	position: absolute;
	width:574px; 
	height: 15px;
	z-index: 5000;
	left: 363px;
	top: 70px;
}


.pagecontent
{
	position: absolute;
	/*background-color: #FFF;
    *opacity:0.05;
	filter:alpha(opacity=05); /* For IE8 and earlier */*/
	width:574px; /* 1045px */
	height: 297px;
	z-index: 5500;
	left: 363px;
	top: 61px;
}
.thumbnails
{
	position: absolute;
	
	
}
.pagethumbnails
{
	position: absolute;
	left: 363px;
	top: 500px;
	z-index: 9000;
}

h1 {
	padding-left: 5px;
	padding-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999999;
	text-align:left;
}
h2 {
	padding-left: 5px;
	padding-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

h4 {
	padding-left: 3px;
	padding-right: 3px;
padding-bottom: 5px;
    margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}

p {
	padding-left: 7px;
	padding-right: 20px;
padding-bottom: 5px;
    margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

p a:link {
	color:#93C;
	text-decoration:none;
	}
p a:visited {
	color:#93C;
	text-decoration:none;
}
p a:hover {
	color: #000;
	text-decoration:none;
}
p a:active {
	color: #FCF;
	text-decoration:none;
}

p2 a:link {
	color:#93C;
	text-decoration:none;
	}
p2 a:visited {
	color:#93C;
	text-decoration:none;
}
p2 a:hover {
	color: #000;
	text-decoration:none;
}
p2 a:active {
	color: #FCF;
	text-decoration:none;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx pagenav bar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.pagenav {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	z-index: 9000;
	left: 668px;
	top: 36px;
	width: 268px;
	height: 20px;
}
.pagenav_1 {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	z-index: 9000;
	left: 388px;
	top: 24px;
	width: 574px;
	height: 20px;
}
.pagenav p{
	font-size:10px;
	float:right;
	}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx pagenav bar xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.pagenav a:link {
	color: #93C;
	text-decoration:none;
	}
.pagenav a:visited {
	color:#6C9;
	text-decoration:none;
}
.pagenav a:hover {
	color: #C6F;
	text-decoration:none;
	font-weight: bolder;
}
.pagenav a:active {
	color: #FCF;
	text-decoration:none;
} 

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx pagenav bar end xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx author xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.extraboxscroll
{
	position: absolute;
	background-color: #FCF;
	opacity:0.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	width:574px; /* 1045px */
	height: 35px;
	z-index: 5000;
	left: 363px
	top: 70px;
}

/*#extraboxscrolltxt
{
	padding-left: 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;

}*/

.extrabox
{
	position: absolute;
	background-color: #FCF;
	opacity:0.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	width:145px; /* 1045px */
	height: 74px;
	z-index: 6000;
	left: 206px;
	top: 294px;
}

.extraboxtxt
{
	position: absolute;
	width:123px; /* 1045px */
	height: 106px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	z-index: 7000;
	left: 217px;
	top: 293px;
}
.extraboxtxt a:link {
	color: #93c;
	text-decoration:none;
	}
	
.extraboxtxt a:hover {
	color: #000;
	text-decoration:none;

}
.extraboxtxt2
{
	position: absolute;
		background-color: #FCF;
			opacity:0.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */


	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	z-index: 7000;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.extraboxtxt3
{
	position: absolute;
	background-color: #FCF;
	opacity:0.50;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	width:370px; /* 1045px */
	height: 120px;
	z-index: 5000;
	left: 1px;
	top: 164px;
/*
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	z-index: 7000;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;*/
}

.extraboxtxt33 {
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 7000;
	
	}
.picturebox
{
	position: absolute;
	width:390px; /* 1045px */
	height: 390;
	z-index: 4000;
	left: 0px;
	top: -2px;
	
}
.picturebox1
{
	position: absolute;
	width:390px; /* 1045px */
	height: 390;
	z-index: 5000;
	left: 0px;
	top: -2px;
	
}
.picturebox2
{
	position: absolute;
	width:223px; /* 1045px */
	height: 261;
	z-index: 5000;
	left: 41px;
	top: 53px;
	
}
.picturebox2xx
{
	position: absolute;
	width:223px; /* 1045px */
	height: 224px;
	z-index: 5000;
	left: 36px;
	top: 15px;
	
}
.bookbox
{
	position: absolute;
	width:160px; /* 1045px */
	height: auto;
	z-index: 5000;
	left: 23px;
	top: 10px;
	
}
.bookbox2
{
	position: absolute;
	width:142px; /* 1045px */
	height: auto;
	z-index: 5000;
	left: 183px;
	top: 66px;
	
}
.detailbox
{
	position: absolute;
	width:170px; /* 1045px */
	height: auto;
	background-color: #93c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fff;
	padding-top: 45px;
	z-index: 4500;
	left: 16px;
	top: 200px;	
}

.detailbox a:link {
	color:#FCF;
	text-decoration:none;
	}
.detailbox a:visited {
	color:#66CC99;
	text-decoration:none;
}
.detailbox a:hover {
	color: #fff;
	text-decoration:none;
}
.detailbox a:active {
	color: #FCF;
	text-decoration:none;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx buy the book page xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.pagebuy
{
	position: absolute;
	/*background-image:url(../images/book/web_714x390.png);*/
	background-color: #FFF;
		opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
	width:714px; /* 1045px */
	height: 430px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1000;
	left: 199px;
	top: 13px;
}

.pagecontent_b
{
	position: absolute;
	/*background-color: #FFF;
    *opacity:0.05;
	filter:alpha(opacity=05); /* For IE8 and earlier */*/
	width:574px; /* 1045px */
	height: 400px;
	z-index: 5500;
	left: 363px;
	top: 61px;
}

.band3_bb {
	position: absolute;
	width:500px; /* 1045px */
	height: 20px;
	padding-top: 4px;
	padding-left: 18px;
	z-index: 1000;
	left: 29px;
	top: 539px;
}
.band3_b {
	position: absolute;
	width:952px; /* 1045px */
	height: 20px;
	color:#66CC99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	padding-top: 4px;
	padding-left: 18px;
	z-index: 1000;
	left: 47px;
	top: 542px;
}
.td1 { 
background-color: #ffffff;

 
}
.paypal
{
	position: absolute;
	width:112px; /* 1045px */
	height: auto;
	z-index: 4500;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	left: 28px;
	top: 136px;
}
.paypal_1
{
	position: absolute;
	width:112px; /* 1045px */
	height: auto;
	z-index: 4500;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	left: 28px;
	top: 130px;
}
.paypal_2
{
	/*position: absolute;*/
	width:112px; /* 1045px */
	height: auto;
	z-index: 4500;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	left: 12px;
	top: 138px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx book table xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.info {
	width:140px;
	padding-left: 5px;
	padding-right: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
} 
/*.buy {
	vertical-align: text-top;
	}*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footerbooks xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#footerbooks {
	position:absolute;
	left:282px;
	top:-12px;
	width:674px;
	height:68px;
	z-index:1;
}
.footerbooks {
	position:absolute;
	width:675px;
	text-align:right;
	z-index: 1050;
	right: 23px;
	top: 530px;
	
}
.T2026
{ vertical-align: top;
text-align:right;
	}
	.T2026_blank
{ width: 100;
	}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footerbooks ends xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.band3 {
	position: relative;
	background-color: #93C;
	width:938px; /* 1045px */
	height: 20px;
	color:#66CC99;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	padding-top: 4px;
	padding-left: 18px;
	z-index: 1000;
	left: 47px;
	top: 542px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx hyperlinks xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxx footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.band3 a:link {
	color: #66CC99;
	text-decoration:none;
	}
.band3 a:visited {
	color:#FCF;
	text-decoration:none;
}
.band3 a:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bolder;
}
.band3 a:active {
	color: #FCF;
	text-decoration:none;
}