/* CSS Document */



BODY {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: verdana, arial, helvetica, san-serif;
	background-color: #666;
	color: #FFF;		
}




div.mainbox {
	position: absolute; 
	left: 0px; 
	top: 63px; 
	width: 800px; 
	height: 530px; 
	z-index: 8;
}

div.titlebar {
	position: absolute; 
	left: 45px; 
	top: 0px; 
	width: 700px; 
	height: 20px; 
	z-index: 5; 
	text-align: center;
	background-color: #999966; 
	layer-background-color: #999966; 
	border: 1px solid #000000; 
	overflow: hidden; 
	visibility: visible;
	font-size: 14px;	
}

span.titlebold {
font-weight: bold;
}

div.imagebox {
	position: absolute;
	left: 45px;
	top: 20px;
	width: 700px;
	height: 500px;
	z-index: 3;
	border: 1px solid #000000;
	visibility: visible;
	background-color: #000;
	overflow: hide;

}

div.picture {
position:absolute; 
left:32px; 
top:20px; 
width:635px; 
height:435px; 
z-index:3;
}

div.constellation {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 500px;
	z-index: 4;
	border: 1px solid #000000;
	visibility: visible;
	background-color: #fff;
	font-size: 14px;
	color:#000000;
}

div.bottom {
	position: absolute; 
	left: 0px; 
	top: 475px; 
	width: 700px; 
	height: 50px; 
	z-index: 4;
	background-color: #999966; 
	layer-background-color: #999966; 
	border: 1px solid #000000; 
	visibility: visible;
	align: center;
	}
	

	
div.back {
	position: absolute; 
	left: -45px; 
	top: 125px; 
	width: 45px; 
	height: 23px; 
	z-index: 5; 
	visibility: visible;
}

div.next {
	position: absolute; 
	left: 700px; 
	top: 125px; 
	width: 45px; 
	height: 23px; 
	z-index: 6; 
	visibility: visible;
}

div.enlarge {
	position: absolute;
	left: 530px;
	top: 0px;
	width: 100px;
	height: 20px;
	z-index: 6;
	visibility: visible;
	font-size: 14px;
	color: #000;
	font-weight: strong;
	
	}
	
	
A.larger:link {text-decoration: underline; color: #fff;}

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

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


a.words:link {text-decoration: none; color: #fff;}
a.words:visited {text-decoration: none; color: #fff;}
a.words:hover {color: #f00;}
a.words:active {color: #f00;}
a.words {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}



	


/* style for table pages starts here */
div.mainbox2 {
	position: absolute;
	left: 30px;
	top: 10px;
	width: 650px;
	height: 1085px;
	z-index: 8;
	background-color: #FFFFFF;
}

div.pageinfo2 {
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
height:20px; 
z-index:1; 
background-color: #999966; 
layer-background-color: #999966; 
border: 1px solid #000000;
font-size:14px;
}


div.close2 {
position: absolute; 
left: 0px; 
top: 20px; 
width: 200px; 
height: 25px; 
z-index: 5; 
visibility: visible;
color: #000;


}

div.column2 {
position: absolute; 
left: 450px; 
top: 25px; 
width: 200px; 
height: 25px; 
z-index: 8; 
visibility: visible;
font-size: 11px;
font-weight: bold;
border: 0px solid #000000;
}

a.collink:link {text-decoration: underline; color: #000;}

a.collink:hover {text-decoration: underline; color: #f00;}

a.collink:visited {text-decoration: underline; color: #000;} 


a.col2:link {text-decoration: none; color: #000;}

a.col2:hover {text-decoration: underline; color: #f00;}

a.col2:visited {text-decoration: none; color: #000;} 

div.imagebox2 {
position: absolute;
	left: 0px;
	top: 45px;
	width: 650px;
	height: 1000px;
	z-index: 3;
	border: 0px solid #000000;
	visibility: visible;
	font-size: 14px;
	color:#fff;
	background-color: #fff;
	overflow: hide;
	
	}
	
	
	div.imagebox3 {
position: absolute;
	left: 0px;
	top: 25px;
	width: 700px;
	height: 3500px;
	z-index: 3;
	border: 0px solid #000000;
	visibility: visible;
	font-size: 14px;
	color:#fff;
	background-color: #000000;
	overflow: show;
	
	}
	
	div.bottom2 {
	position: absolute; 
	left: 0px; 
	top: 3475px; 
	width: 700px; 
	height: 50px; 
	z-index: 8;
	background-color: #999966; 
	layer-background-color: #999966; 
	border: 1px solid #000000; 
	visibility: visible;
	align: center;
	}
	

/* style for map pages starts here */

div.mainbox3 {
position: absolute; 
left: 45px; 
top: 10px; 
width: 1200px; 
height: 1085px; 
z-index: 1; 

}

div.mainbox4 {
	position: absolute;
	left: 45px;
	top: 63px;
	width: 700px;
	height: 1085px;
	z-index: 1;
	background-color: #000000;
	visibility: visible;

}

div.pageinfo3 {
position: absolute; 
left: 0px; 
top: 0px; 
width: 1200px; 
height: 20px; 
z-index: 4; 
visibility: visible; 
background-color: #999966; 
layer-background-color: #999966; 
border: 1px solid #000000;
}

div.close3 {
position: absolute; 
left: 0px; 
top: 20px; 
width: 1200px; 
height: 25px; 
z-index: 4;
background-color: #000;  
visibility: visible;
}

div.image3 {
position: absolute; 
left: 0px; 
top: 45px; 
width: 1200px; 
height: 1020px; 
z-index:3
}


/* menu */

#menu {
	position: absolute;
	left: 0px;
	width: 700px;
	height: 50px;
	z-index: 1;
	border: 1px none #000000;
	background-color: #51170A;
}

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

#bar {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 600px; 
	height: 20px; 
	z-index: 1; 
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #CCCCCC; 
	layer-background-color: #CCCCCC; 
	border: 1px solid #000000;
	text-align: center; 
	color: #000;
}

#jump {
	position: absolute; 
	left: 600px; 
	top: 0px; 
	width: 98px; 
	height: 20px; 
	z-index: 2;  
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #CCCCCC; 
	layer-background-color: #CCCCCC; 
	border: 1px solid #000000; 
	visibility: visible;
	text-align: center; 
	color: #000;
}

#one {
	position: absolute; 
	left: 0px; 
	top: -20px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#two {
	position: absolute; 
	left: 0px; 
	top: -40px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#three {
	position: absolute; 
	left: 0px; 
	top: -60px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#four {
	position: absolute; 
	left: 0px; 
	top: -80px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#five {
	position: absolute; 
	left: 0px; 
	top: -100px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#six {
	position: absolute; 
	left: 0px; 
	top: -120px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

#seven {
	position: absolute; 
	left: 0px; 
	top: -140px; 
	width: 98px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

a.copyright:link { text-decoration:none; color: #fff; }
a.copyright:visited { text-decoration:none; color: #fff; }
a.copyright:active { text-decoration:none; color:#000; }
a.copyright:hover { text-decoration:none; color:#000; }

#copyright {
	position: absolute;
	left: 0px;
	top: 22px;
	width: 700px;
	height: 30px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	z-index: 3;
	text-align: center;
	background-color: #996;
}

/* constellation */

A.words2:link {text-decoration: none; color: #000; font-size: 12px; }

A.words2:hover { text-decoration:none; color:#f00; font-size: 12px;}

A.words2:visited {text-decoration: none; color: #000; font-size: 12px;} 

A.words2a:link {text-decoration: underline; color: #000; }

A.words2a:hover { text-decoration: underline; color:#f00; font-size: 12px; }

A.words2a:visited {text-decoration: underline; color: #000; font-size: 12px; } 

a.menu:link { text-decoration: none; color: #000; }
a.menu:hover { text-decoration: none; color: #f00; }
a.menu:visited { text-decoration: none; color: #000; }