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

div.widestlhl {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 1600px; 
	height: 36px; 
	z-index: 2; 
	background-color: #000;
	layer-background-color: #000; 
	border: 1px none #000;
	}

div.lhllinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute; 
	left: 0px; 
	top: 36px; 
	width: 1600px; 
	z-index: 3; 
	background-color: #CCC; 
	layer-background-color: #CCC; 
	border: 1px solid #000000; 
	padding: 4px; 
	
	}

a.head:link {padding: 4px 8px; text-decoration: none;	color: #000;}
a.head:visited {padding: 4px 8px; text-decoration: none; color: #000;}
a.head:hover {padding: 4px 8px; color: #f00;}
a.head:active {padding: 4px 8px; color: #f00;}

a.head { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; }

span {
color: #000000;
}

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-size: 12px;}

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

td { font-size: 12px; }

/* style for websize image pages */

div.mainbox  {
	position: absolute;
	left: 45px;
	width: 700px;
	margin-top: 10px;
	height: 530px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #000; 
	layer-background-color: #000; 
}

div.titlebar2 {
	position: absolute;
	left:0px;
	top: 0px;
	width: 890px;
	height: 20px;
	z-index: 5;
	text-align: center;
	background-color: #660000;
	layer-background-color: #600;
	border: 1px none #000;
	font-size: 12px;
	visibility: visible;
}

div.titlebar3 {
	position: absolute;
	left:0px;
	top: 0px;
	width: 1100px;
	height: 20px;
	z-index: 5;
	text-align: center;
	background-color: #600;
	layer-background-color: #600;
	border: 1px none #000;
	font-size: 12px;
	visibility: visible;
}

div.widebox  {
	position: absolute;
	left: 45px;
	top: 69px;
	width: 890px;
	height: 530px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #000; 
	layer-background-color: #000; 
}

div.widebox2  {
	position: absolute;
	left: 45px;
	width: 1100px;
	top: 69px;
	height: 530px; 
	z-index: 1;
	padding: 0px;
	border: 0px solid #f00;
	background-color: #000; 
	layer-background-color: #000; 
}

div.picture {
	position: absolute;
	top: 40px;
	left: 0px;
	text-align: center;
	width: 700px;
	overflow: hidden;
	height: 430px;
	z-index: 2;
	}
	
div.picture3 {
	position: absolute;
	top: 40px;
	left: 0px;
	text-align: center;
	width: 890px;
	overflow: visible;
	z-index: 3;
	height: 435px;
	}	

div.picture4 {
	position: absolute;
	top: 40px;
	left: 0px;
	text-align: center;
	width: 1100px;
	overflow: visible;
	z-index: 2;
	height: 430px;
	}	
	
div.enlarge {
	position: absolute;
	left: 550px;
	top: 20px;
	width: 125px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	z-index: 4;
}

div.enlarge2 {
	position: absolute;
	left:400px;
	top: 24px;
	width:490px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	z-index: 16;
}

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

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

div.next2 {
	position: absolute; 
	left: 835px; 
	top: 150px; 
	width: 45px; 
	height: 30px; 
	z-index:4;
}

div.next3 {
	position: absolute; 
	left: 1045px; 
	top: 150px; 
	width: 45px; 
	height: 23px; 
	z-index:4;
}

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

div.gray {
	position:absolute;
	left:0px;
	width:100%;
	height:20px;
	z-index:1;
	background-color:#CCC;
	layer-background-color:#CCC;
	border: 1px solid #000;
	top: 0px;
	}

/* style for bigpix image 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.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;
}

div.picture2 {
	position: absolute;
	top: 35px;
	left: 50px;
	text-align: center;
	width: 470px;
	}
	
div.picture2 { 
	position: absolute; 
	left: 0px; 
	top: 40px; 
	width: 100%; 
	z-index: 2; 
	overflow: visible;
	visibility: visible;
}
	
div.pageinfo {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 20px; 
	z-index: 1; 
	visibility: visible; 
	background-color: #600; 
	layer-background-color: #600; 
}
	
div.close {
	position: absolute; 
	left: 0px; 
	top: 20px; 
	width: 1200px; 
	height: 20px; 
	z-index: 3; 
	overflow: visible;
	visibility: visible;
}

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



#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: 580px; 
	height: 20px; 
	z-index: 4; 
	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: 580px; 
	top: 0px; 
	width: 120px; 
	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: 120px; 
	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: 120px; 
	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: 120px; 
	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: 120px; 
	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: 120px; 
	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: 120px; 
	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: 120px; 
	height: 20px; 
	z-index: 1; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px solid #000000; 
	visibility: hidden;
}

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

#nine {
	position: absolute; 
	left: 0px; 
	top: -180px; 
	width: 120px; 
	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:#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: 3;
	text-align: center;
	background-color: #600;
}

/* style for menu top*/

a.words4:link {text-decoration: none;	color: #000; }
a.words4:visited {text-decoration: none; color: #000;}
a.words4:hover {color: #f00;}
a.words4:active {color: #f00;}
a.words4 {font-size:11px;}

div.ddmenu {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100px; 
	height:15px; 
	z-index:1; 
	border: 1px solid #ffffff; 
	background-color: #000000; 
	color: #ffffff; 
	font-size: 12px;
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	visibility: visible;
}
	
div.ddmenu2 {
	position:absolute; 
	left:0px; 
	top:35px; 
	width:100px; 
	height:20px; 
	z-index:4; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddmenu3 { 
	position:absolute; 
	left:0px; 
	top:55px; 
	width:100px; 
	height:20px; 
	z-index:4; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddmenu4 {
	position:absolute; 
	left:0px; 
	top:75px; 
	width:100px; 
	height:20px; 
	z-index:5; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddmenu5 { 
	position:absolute; 
	left:0px; 
	top:95px; 
	width:100px; 
	height:20px; 
	z-index:6; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddmenu6 { 
	position:absolute; 
	left:0px; 
	top:115px; 
	width:100px; 
	height:20px; 
	z-index:6; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddmenu7 {
	position:absolute; 
	left:0px; 
	top:135px; 
	width:100px; 
	height:20px; 
	z-index:7; 
	border: 1px solid #000000; 
	background-color: #FFFFFF; 
	text-align:center;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#000000; 
	visibility: hidden;
}

div.ddjump2 { 
	position:absolute; 
	left:100px; 
	top:135px; 
	width:100px; 
	height:20px; 
	z-index:9; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddjump3 { 
	position:absolute; 
	left:100px; 
	top:155px; 
	width:100px; 
	height:20px; 
	z-index:10; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddjump4 { 
	position:absolute; 
	left:100px; 
	top:175px; 
	width:100px; 
	height:20px; 
	z-index:11; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddjump5 {
	position:absolute; 
	left:100px; 
	top:195px; 
	width:100px; 
	height:30px; 
	z-index:12; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddjump6 {
	position:absolute; 
	left:100px; 
	top:225px; 
	width:100px; 
	height:20px; 
	z-index:13; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

div.ddjump7 {
	position:absolute;
	left:100px;
	top:245px;
	width:100px;
	height:20px;
	z-index:14;
	border: 1px solid #000000;
	text-align: center;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	visibility: hidden;
}

div.ddmenu1 { 
	position:absolute; 
	left:0px; 
	top:15px; 
	width:100px; 
	height:20px; 
	z-index:2; 
	border: 1px solid #000000; 
	text-align: center; 
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	visibility: hidden;
}

/* style for about page */

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

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

div.abouttext {
	position:absolute; 
	left:0px; 
	top:50px; 
	width:700px; 
	height:274px; 
	z-index:3;
	font-size:12px;
	color:#000;
}

/* style for constellation index */

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

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

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

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

/* style for index of tables */

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

div.tabletext {
	position: absolute;
	top: 50px;
	left: 25px;
	text-align: center;
	width: 650px;
	overflow: hidden;
	z-index: 2;
	}
	
/* style for thumbnail page */

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

div.thumbbox {
 	position:absolute; 
	margin-top: 10px; 
	left:45px; 
	width:700px; 
	height:3240px; 
	z-index:1; 
	background-color: #000000; 
	layer-background-color: #000000; 
	border: 1px none #000000;
}

div.layer1 {
	position:absolute; 
	left:794px; 
	top:63px; 
	width:0px; 
	height:7px; 
	z-index:2
}

div.menu_top {
	position:absolute; 
	left:38px; 
	top:29px; 
	width:177px; 
	height:31px; 
	z-index:5
}

div.Layer3 {
	position:absolute; 
	left:0px; 
	top:60px; 
	width:700px; 
	height:3130px; 
	z-index:2
}

div.homelink {
	position:absolute; 
	left:25px; 
	top:30px; 
	width:168px; 
	height:20px; 
	z-index:3;
}

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

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

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

/* style for footer */

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

div.footer2 {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 700px;
	height: 50px;
	z-index: 4;
	border: 0px solid #f00;
	background-color: #600;
	layer-background-color: #600;
}

div.footer3 {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 890px;
	height: 50px;
	z-index: 5;
	border: 0px solid #f00;
	background-color: #600;
	layer-background-color: #600;
}

div.footer4 {
	position: absolute;
	left: 0px;
	top: 480px;
	width: 1100px;
	height: 50px;
	z-index: 5;
	border: 0px solid #f00;
	background-color: #600;
	layer-background-color: #600;
}