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

#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.picture {
	position: absolute;
	top: 35px;
	left: 0px;
	text-align: center;
	width: 700px;
	overflow: hidden;
}

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

div.enlarge	{
	position:absolute; 
	left:540px; 
	top:20px; 
	width:125px; 
	height:15px; 
	z-index:7;
	font-size: 12px;
}


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

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

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

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

div.pictura {
	position: absolute;
	top: 23px;
	left: 0px;
	text-align: center;
	z-index: 3;
	width: 700px;
	overflow: auto;
	height: 447px;
}

div.picturalong {
	position: absolute;
	top: 50px;
	left: 1px;
    height: 1000px;
	text-align: center;
	z-index: 3;
	width: 700px;
	
}

div.pictura2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
	text-align: center;
	width: 682px;
	overflow: visible;
}

div.footerthumb {
	position: absolute;
	left:45px; 
	top:549px; 
	width:700px; 
	height:50px; 
	z-index:10; 
	background-color: #625628;
	layer-background-color: #625628;
}

div.footerthumb2 {
	position: absolute;
	left:45px; 
	top:2165px; 
	width:700px; 
	height:50px; 
	z-index:10; 
	background-color: #625628;
	layer-background-color: #625628;
}

/* flamsteed25.shtml and it's larger veiw info */
div.pageinfo25 {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 1972px; 
	height: 20px; 
	z-index: 1; 
	visibility: visible; 
	background-color:  #625628;
	layer-background-color: #625628;
}

#mainbox25  {
	position: absolute;
	left: 45px;
	width: 1106px;
	margin-top: 10px;
	height: 480px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #000; 
	layer-background-color: #000; 
}

div.enlarge25  {
	position:absolute; 
	left:920px; 
	top:20px; 
	width:125px; 
	height:15px; 
	z-index:7;
	font-size: 12px;
}

div.titlebar25 {
	position: absolute;
	left:0px;
	top: 0px;
	width: 1106px;
	height: 20px;
	z-index: 9;
	text-align: center;
	background-color: #625628;
	layer-background-color: #625628;
	border: 1px none #000;
	font-size: 14px;
	font-weight: strong;
	visibility: visible;
}

div.picture25 {
	position: absolute;
	top: 35px;
	left: 0px;
	text-align: center;
	width: 1106px;
	overflow: hidden;
}

div.footerx {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 1106px;
	height: 50px;
	z-index: 8;
	background-color: #625628;
	layer-background-color: #625628;
}

div.next25 {
	position: absolute; 
	left: 1061px; 
	top: 150px; 
	width: 45px; 
	height: 30px; 
	z-index:3;
}

/* larger veiw page info */

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

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: 14px;		
	font-weight: strong;
}

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



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


div.aboutfoot {
	position: absolute;
	left: 0px;
	top: 455px;
	width: 700px;
	height: 50px;
	z-index: 8;
	background-color: #625628;
	layer-background-color: #625628;
}


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

#bar {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:700px; 
	height:20px; 
	z-index:2; 
	background-color: #CCCCCC; 
	layer-background-color: #CCCCCC; 
	border: 1px none #000000;
}

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

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

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

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

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

#links {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:600px; 
	height:20px; 
	z-index:1; 
	border: 1px solid #000;
}

#jump {
	position:absolute; 
	left:600px; 
	top:0px; 
	width:100px; 
	height:20px; 
	z-index:3; 
	border: 1px solid #000;
}

div.copyright {
	position:absolute;
	left:89px;
	top:21px;
	width:520px;
	height:25px;
	z-index:10;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	color:#fff;
	visibility: visible;
}


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

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.larger:active {color: #f00;}

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

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

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