/* 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: 44px;
	left: 0px;
	text-align: center;
	width: 700px;
	overflow: hidden;
	height: 436px;
}

div.picturex {
	position: absolute;
	top: 44px;
	left: 0px;
	text-align: center;
	width: 972px;
	overflow: hidden;
	z-index:5;
}

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

div.mapform2 {
	position: absolute; 
	left: 148px; 
	top: 18px; 
	width:300px; 
	height: 20px; 
	z-index: 8; 
}

div.picturetwo {
	position: absolute;
	top: 74px;
	left: 0px;
	text-align: center;
	width: 700px;
	overflow: hidden;
}

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


div.titlebar {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:700px; 
	height:30px; 
	z-index:3; 
	background-color: #503529; 
	layer-background-color: #cc9933;
	border: 1px none #000;
	text-align: center;
	font-size: 11px;
}

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


div.enlarge	{
	position:absolute; 
	left:344px; 
	top:31px; 
	width:226px; 
	height:17px; 
	z-index:5;
	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: 45px;
	z-index: 5;
	background-color: #503529;
	layer-background-color: #625628;
}

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

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


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



/* larger veiw page info */

#mainbox2 {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1780px; 
	height: 1261px; 
	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: #503529; 
	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;
}

/* menu include info */

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

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


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

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

#seven {
	position: absolute; 
	left: 0px; 
	top: -150px; 
	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: 29px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	z-index: 1;
	text-align: center;
	background-color: #503529;
}

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.word:link {text-decoration: none;	color: #000; }
a.word:visited {text-decoration: none; color: #000;}
a.word:hover {color: #f00;}
a.word:active {color: #f00;}
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; }

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