/* CSS Document */



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

#mainbox {
	position:absolute;
	margin-top: 5px; 
	left:45px; 
	width:700px; 
	height:530px; 
	z-index:1; 
	background-color: #000000; 
	layer-background-color: #000000; 
	border: 1px none #000000;
}	

div.title {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 20px;
	z-index: 3;
	text-align: center;
	background-color: #51170A;
	layer-background-color: #960;
	border: 1px none #000;
	font-size: 11px;
}
	
div.title2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 700px;
	height: 30px;
	z-index: 4;
	text-align: center;
	background-color: #51170A;
	layer-background-color: #960;
	border: 1px none #000;
	font-size: 11px;
	visibility: visible;
}

div.back {
	position:absolute; 
	left:20px; 
	top:150px; 
	width:45px; 
	height:23px; 
	z-index:3;
}

div.next {
	position:absolute; 
	left:635px; 
	top:150px; 
	width:45px; 
	height:23px; 
	z-index:3;
}

div.imagebox {
	position:absolute; 
	left:0px; 
	top:50px; 
	width:700px; 
	height:420px; 
	z-index:2;
}

a.enlarge2:link { text-decoration:none; color: #fff; }
a.enlarge2:visited { color: #fff }
a.enlarge2:active { color:#f00 }
a.enlarge2:hover { color:#fc0 }

div.enlarge{
	position:absolute; 
	left:510px; 
	top:30px; 
	width:100px; 
	height:20px; 
	z-index:3;
	font-size: 12px;
}

div.footer {
	position:absolute;
	left:0px;
	top:480px;
	width:700px;
	height:50px;
	z-index:4;
	layer-background-color: #660000;
	border: 1px none #000000;
}


/* menu links */

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

div.spacer {
	position:absolute; 
	left:0px; 
	top:50px; 
	width:700px; 
	height:30px; 
	z-index:5
}

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: 100px; 
	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: 100px; 
	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: 100px; 
	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: 100px; 
	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: 100px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

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

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

#seven {
	position: absolute; 
	left: 0px; 
	top: -170px; 
	width: 100px; 
	height: 30px; 
	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:#f00 }
a.copyright:hover { text-decoration:none; color:#f00 }

#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: #51170A;
}

/* enlarged page */

#mainbox2 {
	position: absolute; 
	width: 1200px; 
	height: 850px; 
	top: 0px; 
	left: 0px; 
	background-color: #000; 
}
 
div.titlebar {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1200px;
	height: 20px;
	background-color: #660000; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-family: verdana, arial, helvetica, san-serif; 
	font-size: 15px;
}

div.imagebox2 {
	position: absolute; 
	left: 0px; 
	top: 39px;
}

div.close {
	text-align: left;
	position: absolute; 
	left: 0px; 
	top: 18px
}

/* about page */


#aboutbox {
	position: absolute;
	width: 700px;
	margin-top: 10px;
	height: 635px;
	z-index: 2;
	font-size: 12px;
	background-color: #000000;
	layer-background-color: #000000;
	border: 0px solid #f00;
	visibility: visible;
	left: 45px;
}	

div.textbox {
	position: absolute;
	top: 20px;
	text-align: left;
	width: 700px;
	height: 460px;
	overflow: hidden;
	color: #000;
	z-index: 2;
	background-color: #FFFFFF;
	font-size: 12px;
	}

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

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

a.words2:link {text-decoration: none;	color: #FFF; }
a.words2:visited {text-decoration: none; color: #FFF;}
a.words2:hover {color: #f00;}
a.words2:active {color: #f00;}
a.words2 {font-size:12px;}

a.word4 {font-size: 11px;}

/* thumbs page */

#thumbox {
	position:absolute;
	margin-top: 5px;
	left:45px;
	width:700px;
	height:1750px;
	z-index:1;
	background-color: #000000;
}	
	
div.textbox2 {
	position:absolute;
	left:0px;
	top:60px;
	width:700px;
	height:1570px;
	layer-background-color: #000000;
	border: 1px none #000000;
	z-index: 2;
}

div.thumbtitle {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:700px; 
	height:20px; 
	z-index:4; 
	background-color: #51170A; 
	layer-background-color: #660000; 
	border: 1px none #000000;
	font-size: 11px;
}

div.thumbfooter{
	position:absolute; 
	left:0px; 
	top:1700px; 
	width:700px; 
	height:50px; 
	z-index:4; 
	layer-background-color: #660000; 
	border: 1px none #000000;
}

div.toppage {
	position:absolute; 	
	left:505px; 
	top:1670px; 
	width:170px; 
	height:20px; 
	z-index:3;
	text-align:right;
}

div.bottompage {
	position:absolute;
	text-align:right; 
	left:505px; 
	top:30px; 
	width:170px; 
	height:20px; 
	z-index:3;
}

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;}

td { font-size: 12px; }

/* constellation page */

a.word5{color: #FF0000; font-size: 10px; }

#constellationbox {
	position: absolute;
	margin-top: 5px;
	width: 700px;
	height: 580px;
	z-index: 1;
	layer-background-color: #fff;
	border: 0px solid #f00;
	visibility: visible;
	left: 45px;
	background-color: #FFFFFF;
}

div.textbox3 {
	position: absolute;
	left: 0px;
	width: 700px;
	top: 50px;
	z-index: 2;
	height: 439px;
}

div.footer2 {
	position: absolute; 
	left: 0px; 
	top: 530px; 
	width: 700px; 
	height: 50px; 
	z-index: 3; 
	layer-background-color: #960; 
	border: 1px none #000000;
}

div.notes {
 	position:absolute; 
	left:117px; 
	top:30px; 
	width:455px; 
	height:15px; 
	z-index:3; 
	text-align:center; 
	color:#000000; font-size:11px;
}