/* CSS Document */

body {
	margin: 0px 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, san-serif;
	background-color: #666;
	layer-background-color: #666;
	color: #FFF;	
}

#mainbox  {
	position: absolute;
	left: 45px;
	width: 700px;
	margin-top: 10px;
	height: 480px; 
	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:30px; 
	z-index:3; 
	background-color: #996600; 
	layer-background-color: #cc9933;
	border: 1px none #000;
	text-align: center;
	font-size: 11px;
}


div.enlarge	{
	position:absolute; 
	left:451px; 
	top:31px; 
	width:214px; 
	height:15px; 
	z-index:5;
	font-size: 12px;
}

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

div.next {
	position: absolute; 
	left: 654px; 
	top: 150px; 
	width: 45px; 
	height: 30px; 
	z-index: 10;
}

div.back {
	position: absolute; 
	left: 0px; 
	top: 150px; 
	width: 45px; 
	height: 30px; 
	z-index: 10;
}

div.cover {
	position: absolute;
	top: 44px;
	left: 1px;
	text-align: center;
	width: 700px;
	overflow: hidden;
	z-index:2; 
}

#menu  {
	position:absolute; 
	left:0px; 
	width:700px; 
	height:50px; 
	z-index:10; 
	background-color: #663300; 
	layer-background-color: #663300; 
	border: 1px none #000; 
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#000;
}

#bar {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 600px; 
	height: 20px; 
	z-index: 2; 
	font-size: 11px; 
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000;
	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: #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000; 
	visibility: visible;
	text-align: center; 
	color: #000;
}

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

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

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

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

#five {
	position: absolute; 
	left: 0px; 
	top: -100px; 
	width: 100px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFF; 
	layer-background-color: #FFF; 
	border: 1px solid #000; 
	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: 20px;
	width: 700px;
	height: 30px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	z-index: 1;
	text-align: center;
	background-color: #996600;
}

div.copyright {
	position:absolute; 
	left:10px; 
	top:20px; 
	width:690; 
	height:30px;
	z-index:6;
	font-size: 10px;
	letter-spacing: 1px;
}

div.footer {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 700px;
	height: 51px;
	z-index: 5;
}

div.footerconstellation {
	position: absolute;
	left: 0px;
	top: 666px;
	width: 700px;
	height: 51px;
	z-index: 5;
}


div.footerthumb {
	position: absolute;
	left:45px; 
	top:2679px; 
	width:700px; 
	height:51px; 
	z-index:10; 
	background-color: #996600;
	layer-background-color: #663300;
}


/* about page and constellation page info */
#conbox  {
	position: absolute;
	left: 45px;
	width: 700px;
	margin-top: 10px;
	height: 666px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #fff; 
	layer-background-color: #fff;
}

#conbox2  {
	position: absolute;
	left: 45px;
	width: 700px;
	margin-top: 10px;
	height: 482px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #fff; 
	layer-background-color: #fff;
}

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

/* 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.titlebar2 {
position: absolute; 
left: 0px; 
top: 0px; 
width: 200%; 
height: 20px; 
z-index: 1; 
background-color:  #996600; 
layer-background-color: #996600; 
border: 1px none #000000;
}

div.imagebox3 {
position: absolute; 
left: 10px; 
top: 50px; 
width: 1200px; 
height: 1250px; 
z-index: 3;
}

div.imagebox4 {
position: absolute; 
left: 10px; 
top: 40px; 
width: 1100px; 
height: 1460px; 
z-index: 3; 
background-color: #000; 
layer-background-color: #000; 
border: 1px none #fff;
}

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

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


/* style for constellation index */

span.star {
	color: #f00;	
}


#thumbox  {
	position: absolute;
	left: 45px;
	width: 700px;
	margin-top: 10px;
	height: 2617px; 
	z-index: 2;
	overflow:visible;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #000; 
	layer-background-color: #000;
}

A.links:link {text-decoration: underline; color: #000;}
A.links:visited {text-decoration: underline; color: #000;}
A.links:hover {text-decoration: underline; color: #f00;}
A.links:active {color: #f00;}
A.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } 

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.words { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

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

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