body {font-family:black chancery; font-size:14pt; line-height: 16pt; text-decoration: none; background-color:#000000; color:#402000;}
img {border:none;}
h1 {font-size:20pt; margin: 0px 0px 12px 0px;line-height: 22pt;color:#402000;}
h2 {font-size:16pt; font-weight:bold; margin: 0px 0px 0px 0px;line-height: 18pt;color:#402000;}
th { vertical-align:top; font-weight:bold; padding:0 4px 0 0; text-align:left;}

p {margin: 0px 0px 0px 0px;}
a {color:#204000;font-weight:normal;text-decoration: none; }
a:hover{color: #408000;}
.vis {font-family:Times New Roman;}
.gap{margin: 8px 0px 0px 0px;}
.font_test{text-align:center;font-size:18pt; margin:8px;}

/* index */
.front_cover {margin: 0 auto; width:830px; height:660px; background-image:url('../images/img_front_cover.jpg'); background-repeat:no-repeat;}
.front_cover_controls{position: relative; top: 580px; left: 470px;width:120px; padding: 0px 8px; text-align:center; font-size:28pt;line-height: 28pt;}
.front_cover_controls a {color:#e5ca8a; text-decoration: none;}
.front_cover_controls a:hover{color: #ffe9b5;}

.back_cover{margin: 0 auto; width:830px; height:660px; background-image:url('../images/img_back_cover.jpg'); background-repeat:no-repeat;}
.back_cover_controls{position: relative; top: 580px; left: 220px;width:120px; padding: 0px 8px; text-align:center; font-size:28pt;line-height: 28pt;}
.back_cover_controls a {color:#e5ca8a; text-decoration: none;}
.back_cover_controls a:hover{color: #ffe9b5;}

/* main page */
.book{margin: 0 auto; width:830px; height:660px; background-image:url('../images/img_page.jpg'); background-repeat:no-repeat;}
/* left page */
.page_left {position: relative; top: 32px; left: 50px; width:342px; height:584px; padding: 0px 8px; z-index:4;}
.page_controls_left{position: relative; top: 32px; left: 50px;width:342px; height:24px; padding: 0px 8px; z-index:3;}
/*right page */
.page_right {position: relative; top: -576px; left: 420px; width:342px; height:584px; padding: 0px 8px;z-index:90; z-index:2; }
.page_controls_right{position: relative; top: -576px; left: 420px;width:342px; height:24px; padding: 0px 8px; text-align:right; z-index:1; }

/* Special left page */
.map_page_left {position: relative; top: 32px; left: 50px; width:342px; height:160px; padding: 0px 8px; }
.map_page_controls_left{position: relative; top: 32px; left: 50px;width:342px; height:24px; padding: 0px 8px;}
/* Special right page */
.map_page_right {position: relative; top: -576px; left: 420px; width:342px; height:160px; padding: 0px 8px; }
.map_page_controls_right{position: relative; top: -152px; left: 420px;width:342px; height:24px; padding: 0px 8px; text-align:right; }
/*Special Bridgind Page */
.map_page_center{position: relative; top: 32px; left: 50px;width:712px; height:424px; padding: 0px 8px;  text-align: center;}
.map_special {margin: 0px;}

/* block with paragraphs images etc */
.block_center{text-align:center;margin: 8px 0px 8px 0px;}
.block_left{text-align:center;margin: 8px 4px 8px 0px;}
.block_right{float:right; text-align:right;margin: 8px 0px 8px 4px;}
.block_end{clear:both;}
.pic_right{float:right; text-align:center; margin: 4px 0px 4px 0px;}
.pic_left{float:left; text-align:center;margin: 4px 8px 4px 0px;}
.block_contents{text-align:center;}
#coat {width: 220px; font-size:12pt;}

/* popup info box */
.info_box a {position: relative;}
.info_box span {display: none;}
.info_box a:hover span { display:block;	border: 1px solid #724621; width: 200px; background-color:
  #fdeecd;background-image:url('../images/img_info_box_tile.jpg');
 	text-decoration: none; color:#402000; position:absolute;	left:-10px; top:24px;
 	padding: 5px;	font-weight:normal;	text-align:left;}
.info_box a:hover {display: inline;} /* Needed to make it work in IE6  */
#layer1{ z-index:98;}
#layer2{ z-index:99;}