/* General */

body						{ 	background-color: #FFFFFF 
							}
							
body, p, td, tr				{	color: #0; 
								font-size: 12px;
								font-family: monospace;
								word-spacing: 0%; 
								letter-spacing: 0%;
								margin-top: 1px;
								margin-bottom: 10px
							}

							
a           				{ 	color: #000000; 
								text-decoration: none 
							}
							
a:link         				{ 	color: #000000; 
								text-decoration: underline; 
							}

a:visited          			{ 	color: #000000; 
								text-decoration: underline;
							}

a:hover     				{ 	color: #000000;
								text-decoration: underline;
							}
							
a:first-line     				{ 	color: #890097;
								text-decoration: none;
							}
							
a:active    				{ 	color: #FFFFFF; 
							}
							
td.box						{ 	border: 1px solid black;
							}
							
img							{	padding: 0pt; 
								margin: 0pt; 
							}
							
td.left						{ 	padding-right: 4px; 
							}

/* Left-side boxes */

.left div					{ 	margin: 1pt; padding: 0pt; 
							}	*/

/* div						{ 
							}	*/

div.homelink				{ 	width: 40px; height: 32px; 
							}

div.boxBookTitle			{ 	text-align: center;
								margin-top: 1px;
								margin-left: 1px;
								margin-right: 1px;
								margin-bottom: 4px;
								padding-top: 9px; 
								background-color: #890097; 
								color: #D6B6E1; 
								width: 94px; 
								height: 53px; 
								font-size: 14px; 
								line-height: 95%; 
								float: right 
							}
							
div.boxBookTitleBig			{ 	text-align: center;
								margin-top: 1px;
								margin-left: 1px;
								margin-right: 1px;
								margin-bottom: 4px;
								padding-top: 24px; 
								background-color: #890097; 
								color: #D6B6E1; 
								font-size: 56px; 
								line-height: 95%; 
								height: 166px; 
								width: 286px; 
								float: right 
								
							}
							
div.boxBookBody				{ 	background-color: #D6B6E1; 
								float: right 
							}
							
div.boxSwitch				{	text-align: center; 
								padding-top: 16px;
								margin: 1px; 
								height: 29px; 
								width: 78px; 
								font-size:12px; 
								line-height: 95%; 
								float: right 
							}
							
div.boxViewBy				{	background-color: #7EEB7E; 
								margin-top: 1px;
								margin-left: 1px;
								margin-right: 1px;
								margin-bottom: 4px;
								text-align: center; 
								height: 62px; 
								width: 94px;
								float: right;
								
							}

div.boxViewBy p				{	font-family: monospace; 
								text-align: center; 
								font-size:30px; 
								line-height: 95%;
								margin-top: 9px;
								margin-bottom: 2px
							}

div.topArrow				{
								position: absolute;
								left: 0px;
								top: 0px;
								margin: 0px
							}
							
div.boxViewByBig			{	background-color: #7EEB7E;
								font-size: 14px;
								margin-top: 1px;
								margin-left: 1px;
								margin-right: 1px;
								margin-bottom: 4px;
								padding-top: 9px;
								text-align: center; 
								height: 53px; 
								width: 94px;
								float: right;
								
							}
div.boxChapter				{ 	background-color: #EAF95C; 
								margin-top: 1px;
								margin-left: 1px;
								margin-right: 1px;
								margin-bottom: 4px;
								text-align: center; 
								height: 62px; 
								width: 94px; 
								float: left;
							}

div.boxChapter p			{ 	text-align: center; 
								font-size:14px; 
								line-height: 95%; 
								margin-top: 9px;
								margin-bottom: 2px
							}

div.boxChapterBig			{	margin: 1px; 
								font-family: monospace;
								font-weight: bold;
								text-align: center; 
								padding-top: 18px;
								padding-left: 4px;
								padding-right: 4px;
								margin-right: 8px;
								background-color: #EAF95C;
								color: black; 
								font-size: 28px; 
								line-height: 95%; 
								height: 108px; 
								width: 190px; 
								float: left; 
							}

div.boxItemBody				{	background-color: #EBCC7E;
								font-family: monospace;
								font-size: 10px;
								width: 86px;
								padding: 4px;
								margin-right: 1px;
								margin-left: -2px;
								float: right
							}

div.boxArrow				{	text-align: center; 
								padding-top: 14px; 
								height: 56px; 
								width: 24px; 
								font-size:16px; 
								line-height: 95%;
								float: right 
							}
							
div.aboutImage				{ 	padding: 0pt; 
								float: right 
							}

div.aboutText				{	width: 334px; 
								margin: 1px;
								text-align: left; 
								padding: 0px;
								font-size: 8px;
								float: right 
							}


div.aboutText h2			{	color: black;
								font-family: monospace;
								
							}
							
div.aboutText h3			{	color:green 
							}
														
div.left p 					{ 	font-size: 14px;  
							}
							
div.left p.small			{   font-size: 10px
							}


/* Right Side */

div.right					{	margin-top: 34px
							}

.right h2					{	margin: 1px; 
								font-family: monospace;
								text-align: center; 
								padding-top: 18px;
								padding-left: 4px;
								padding-right: 4px;
								margin-right: 8px;
								margin-bottom: 4px;
								background-color: #EBCC7E;
								color: black; 
								font-size: 28px; 
								line-height: 95%; 
								height: 108px; 
								width: 190px; 
								float: left;
							}
							
.right h3					{	margin-bottom: 0px; 
								margin-top: 0px; 
							}
							
.right p					{	margin-top: 0px; 
							}
														
.right ul					{	list-style: none; 
								margin-left: 0; 
								padding-left: 0
							}
.right li					{	list-style: none; 
								margin-top: 0px;
								margin-bottom: 12px; 
								font-size: 14pt 
							}
							
.level1 li					{ 	background-color: #7EEB7E;
								color: black;
								margin: 1px;
								padding-top: 9px;
								text-align: center; 
								height: 53px; 
								width: 94px; 
								font-size: 14px; 
								line-height: 95%; 
								float: left 
							}

.level2 li					{ 	
								background-image: url(images/square.yellow_1.gif);
								background-repeat: no-repeat;
								background-position: 100% 30%;
								/* background-color: #FFFF66;*/
								font-family: monospace; 
								margin: 1px; 
								margin-right: 12px;
								margin-bottom: 0px;
								padding-top: 0px; 
								padding-right: 22px;
								height: 20px; 
								font-size: 14px; 
								line-height: 95%; 
								float: left
							}
							
.level3 li					{	font-size: 14px;
							}

.level3 img					{ 	vertical-align: top;
								margin-top: 2px
								
								
							}

body.imagepopup_landscape p { margin: 0; padding-top: 6px; padding-left: 0px }
body.imagepopup_portrait p { margin: 0; padding-top: 6px; padding-left: 0px }

body.imagepopup_landscape img {}
body.imagepopup_portrait img { margin-right: 6 px;}

a.editlink { float: left; border: 1px dashed gray; padding: 2px; color: gray; font-size: smaller }