@charset "utf-8";
/* CSS Document */

body 
	{margin:0;
	padding:0;
	background-image: url(Technofictionland-index-06.jpg); 
	background-repeat:no-repeat;
	}

p	{
	margin: 10px;
	padding: 10px;
	color: #03C;
	font-family: "Courier New", Courier, monospace; 
	text-align: center;
	}

h1 {
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #00C;
	font-family: "courier new", monospace;
	font-weight: bold;
	}
h2 {
	letter-spacing: 1px;
	margin-bottom: 0;
	font-family: "Arial Black", Gadget, sans-serif;
	}
h3 {
	letter-spacing: 1px;
	margin-bottom: 0;
	color: yellow;
	font-family: "courier new", monospace;
	font-style: italic;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color:  #0f0;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #DCD;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #98B;
	}

/* to set the page size, the big picture confuses some browsers */

#big-pic {height: 4750px;
	width: 1200px;
	position: relative;
}

/* for the floating cities */

#pick-city-1 {
	position: absolute;
	left: 600px;
	bottom: 1300px;
	border: none;
}
#text-city-1 {
	position: absolute;
	left: 600px;
	bottom: 1200px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-1:hover {
	position: absolute;
	left: 600px;
	bottom: 1200px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-2 {
	position: absolute;
	left: 900px;
	bottom: 1100px;
	border: none;
}
#text-city-2 {
	position: absolute;
	left: 900px;
	bottom: 1000px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-2:hover {
	position: absolute;
	left: 900px;
	bottom: 1000px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-3 {
	position: absolute;
	left: 300px;
	bottom: 1000px;
	border: none;
}
#text-city-3 {
	position: absolute;
	left: 300px;
	bottom: 950px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-3:hover {
	position: absolute;
	left: 300px;
	bottom: 950px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-4 {
	position: absolute;
	left: 100px;
	bottom: 800px;
	border: none;
}
#text-city-4 {
	position: absolute;
	left: 100px;
	bottom: 700px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-4:hover {
	position: absolute;
	left: 100px;
	bottom: 700px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-5 {
	position: absolute;
	left: 600px;
	bottom: 800px;
	border: none;
}
#text-city-5 {
	position: absolute;
	left: 600px;
	bottom: 750px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-5:hover {
	position: absolute;
	left: 600px;
	bottom: 750px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-6 {
	position: absolute;
	left: 900px;
	bottom: 600px;
	border: none;
}
#text-city-6 {
	position: absolute;
	left: 900px;
	bottom: 600px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-6:hover {
	position: absolute;
	left: 900px;
	bottom: 600px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-7 {
	position: absolute;
	left: 150px;
	bottom: 400px;
	border: none;
}
#text-city-7 {
	position: absolute;
	left: 150px;
	bottom: 350px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-7:hover {
	position: absolute;
	left: 150px;
	bottom: 350px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-8 {
	position: absolute;
	left: 1000px;
	bottom: 400px;
	border: none;
}
#text-city-8 {
	position: absolute;
	left: 1000px;
	bottom: 400px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-8:hover {
	position: absolute;
	left: 1000px;
	bottom: 400px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-9 {
	position: absolute;
	left: 900px;
	bottom: 200px;
	border: none;
}
#text-city-9 {
	position: absolute;
	left: 950px;
	bottom: 200px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-9:hover {
	position: absolute;
	left: 950px;
	bottom: 200px;
	border: none;
	text-align:center;
	color: yellow;
	}
#pick-city-0 {
	position: absolute;
	left: 100px;
	bottom: 100px;
	border: none;
}
#text-city-0 {
	position: absolute;
	left: 150px;
	bottom: 100px;
	border: none;
	text-align:center;
	color: gray;
}
#text-city-0:hover {
	position: absolute;
	left: 150px;
	bottom: 100px;
	border: none;
	text-align:center;
	color: yellow;
	}

/* bottom text */

#bottom {
	position: absolute;
	bottom: auto;
	height: 71px;
	left: 115px;
	top: 4650px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	font-size: large;
}
.fearless-pic {
	padding: 10px;
	float: left;
	height: auto;
	width: auto;
}

/* top line and bottom line menus */

.top-line-choices li {
	display: inline;
	padding-right: 5px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: oblique;
	font-weight: bold;
	color: #0F3;
	font-size: small;
}
.top-line-choices li.empty {
	padding-left: 5px;
	}
	
/* pick boxes (alternate to tables for boxy shaped menu format) */

#pb-big {
	width: 800px;
}
.pick-box {
	width: 200px;
}
#pb-one {
	position: absolute;
	left: 0px;
	top: 0px auto;
}
#pb-two {
	position: absolute;
	left: 200px;
	top: 0px auto;
}
#pb-three {
	position: absolute;
	left: 400px;
	top: 0px auto;
}
#pb-four {
	position: absolute;
	left: 600px;
	top: 0px auto;
}