/* CSS Document */
/* code for main pages*/
body {
	margin: 0px 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, san-serif;
	background-color: #666;
	layer-background-color: #666;
	color: #FFF;	
}

a.words:link {text-decoration: none;	color: #000; }
a.words:visited {text-decoration: none; color: #000;}
a.words:hover {color: #f00;}
a.words:active {color: #f00;}
a.word:link {text-decoration: underline; color: #000;}
a.word:visited {text-decoration: underline; color: #000;}
a.word:hover {color: #f00;}
a.word:active {color: #f00;}


#center {
width: 700px;
margin: 0px auto;
top: 10;
text-align: center;
}

#mainbox  {
position: absolute;
left: 50%;
width: 700px;
margin-top: 10px;
margin-left: -366;
height: 720px; 
z-index: 1;
padding: 0px;
border: 0px solid #f00;
background-color: #000; 
layer-background-color: #000; 
}

div.titlebar {
	position: absolute;
	left:0px;
	top: 0px;
	width: 700px;
	height: 20px;
	z-index: 5;
	text-align: center;
	background-color: #330;
	layer-background-color: #330;
	border: 1px none #000;
	font-size: 15px;
	font-weight: strong;
	visibility: visible;
}

div.picture {
	position: absolute;
	top: 55;
	left: 120;
	text-align: center;
	width: 470px;
	}
	
div.enlarge {
	position: absolute;
	left: 455px;
	top: 20px;
	width: 245px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	z-index: 6;
}

A.larger:link {text-decoration: underline; color: #fff;}

A.larger:hover {text-decoration: underline; color: #f00;}

A.larger:visited {text-decoration: underline; color: #fff;} 

div.next {
	position: absolute; 
	left: 625px; 
	top: 250px; 
	width: 45px; 
	height: 30px; 
	z-index:3;
}

div.back {
	position: absolute; 
	left: 25px; 
	top: 250px; 
	width: 45px; 
	height: 30px; 
	z-index: 2;
}

div.footer {
	position: absolute;
	left: 0px;
	top: 720px;
	width: 700px;
	height: 50px;
	z-index: 7;
	background-color: #330;
	layer-background-color: #330;
}

div.copyright {
	position:absolute;
	left:0px;
	top:20px;
	width:700;
	height:30px;
	z-index:6;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	visibility: visible;
}

div.about  {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 140px; 
	height: 20px; 
	z-index: 6; 
	background-color:  #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000; 
	visibility:  visible;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
}

div.use {
	position:absolute; 
	left:140px; 
	top:0px; 
	width:140px; 
	height:20px; 
	z-index:6; 
	background-color: #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000; 
	visibility: visible; 
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
}

div.metadata {
	position:absolute; 
	left:280px;
 	top:0px; 
	width:140px; 
 	height:20px; 
 	z-index:6; 
 	background-color: #CCC; 
 	layer-background-color: #CCC; 
 	border: 1px solid #000; 
 	visibility: visible;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
}

div.constellation {
	position: absolute; 
	left: 420px; 
	top: 0px; 
	width: 140px; 
	height: 20px; 
	z-index: 6; 
	background-color: #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000; 
	visibility: visible;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
}

div.jump {
	position:absolute;
	left:560px;
	top:0px;
	width:140px;
	height:20px;
	z-index:12;
	background-color: #CCC;
	layer-background-color: #CCC;
	border: 1px solid #000;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	color: #000;
	visibility: visible;
}

div.frontcover {
	position:absolute;
	left:0px;
	top:-20px;
	width:140px;
	height:20px;
	z-index:8;
	background-color: #fff;
	layer-background-color: #fff;
	border: 1px solid #000;
	visibility: hidden;
}

div.titlepage {
	position:absolute;
	left:0px;
	top:-40px;
	width:140px;
	height:20px;
	z-index:8;
	background-color: #fff;
	layer-background-color: #fff;
	border: 1px solid #000;
	visibility: hidden;
}

div.maps {
	position:absolute;
	left:0px;
	top:-60px;
	width:140px;
	height:20px;
	z-index:8;
	background-color: #fff;
	layer-background-color: #fff;
	border: 1px solid #000;
	visibility: hidden;
}

div.backcover {
	position:absolute;
	left:0px;
	top:-80px;
	width:140px;
	height:20px;
	z-index:8;
	background-color: #fff;
	layer-background-color: #fff;
	border: 1px solid #000;
	visibility: hidden;
}

div.close {
	position: absolute; 
	left: 0px; 
	top: 20px; 
	width: 50px; 
	height: 20px; 
	z-index: 3; 
	overflow: visible;
	visibility: visible;
}

/* style for large pages*/

body.big {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: verdana, arial, helvetica, san-serif;
	background-color: #000;
	color: #FFF;
	font-size: 15px;		
	font-weight: strong;
}

div.mainbox2 {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	z-index:2;
	background-color: #000; 
	layer-background-color: #000; 
	border: 1px none #000;
	visibility: visible;
}

div.close {
	position: absolute; 
	left: 0px; 
	top: 20px; 
	width: 100%; 
	height: 20px; 
	z-index: 3; 
	overflow: visible;
	visibility: visible;
}


div.pageinfo {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 20px; 
	z-index: 1; 
	visibility: visible; 
	background-color: #330; 
	layer-background-color: #630; 
}


div.picture2 { 
	position: absolute; 
	left: 0px; 
	top: 40px; 
	width: 100%; 
	z-index: 2; 
	overflow: visible;
	visibility: visible;
}

/* code for pages with color plates*/

div.mapform {
	position: absolute; 
	left: 0px; 
	top: 20px; 
	width:150px; 
	height: 20px; 
	z-index: 8; 
}

div.enlarge2 {
	position: absolute;
	left: 360px;
	top: 20px;
	
	padding: 0px;
	width: 275px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	z-index: 6;
}
/* constellation index*/


#mainbox3  {
position: absolute;
left: 50%;
width: 700px;
margin-top: 10px;
margin-left: -366;
height: 500px; 
z-index: 1;
padding: 0px;
border: 0px solid #f00;
background-color: #fff; 
layer-background-color: #fff; 
}

div.constell {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 700px;
	height: 430px;
	z-index: 2;
	border: none;
	background-color: #fff;
	text-align: center;
	overflow: visible;
	color: #000;
}
td {
   	font-size: 12pt;
	text-align: left;
}
div.footer2 {
	position: absolute;
	left: 0px;
	top: 450px;
	width: 700px;
	height: 50px;
	z-index: 7;
	background-color: #330;
	layer-background-color: #330;
	visibility: visible;
}