@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #216b25 url(images/pg-bg.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColFixCtr #container, #container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(images/maze-bg.jpg) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index: 1;
}
.oneColFixCtr #mainContent, #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#peepsTable {
	position: absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:990px;
	z-index: -2;
}
#Table_01 {
	position: relative;
	left:0px;
	top:0px;
	width:1024px;
	height:990px;
	z-index: 5;
}

#btn-home {
	position: absolute;
	left:68px;
	top:118px;
	width:96px;
	height:33px;
	text-align:center;
}

#btn-fun {
	position: absolute;
	left:816px;
	top:138px;
	width:102px;
	height:29px;
	text-align:center;
}

#btn-login {
	position: absolute;
	left:413px;
	top:166px;
	width:100px;
	height:21px;
	text-align:center;
}

#btn-locator {
	position: absolute;
	left:94px;
	top:196px;
	width:110px;
	height:31px;
	text-align:center;
}

#btn-cometomaze {
	position: absolute;
	left:694px;
	top:193px;
	width:131px;
	height:31px;
	text-align:center;
}

#btn-photos {
	position: absolute;
	left:282px;
	top:209px;
	width:102px;
	height:26px;
	text-align:center;
}

#btn-business {
	position: absolute;
	left:547px;
	top:212px;
	width:102px;
	height:26px;
	text-align:center;
}

#main {
	position: absolute;
	left:427px;
	top:272px;
	width:518px;
	height:528px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	overflow: auto;
}

#main select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a.statelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#main a {
	color: #006600;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#main a:hover, #main a:visited:hover {
	color: #FF9900;
	text-decoration:underline;
}

#main a:visited {
	color: #333300;
	text-decoration: underline;
}

#minimap {
	position: absolute;
	left:98px;
	top:281px;
	width:222px;
	height:167px;
	text-align: center;
}

#leftside {
	position: absolute;
	left:98px;
	top:545px;
	width:222px;
	height:59px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	float: none;
	width: 500px;
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}

h4 {
	top: -40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	width: 350px;
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}


hr {
	float: none;
	size: 0px;
	width: 350px;
	border-bottom: #ff9900 medium dotted;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: none;
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: none;
	width: 222px;
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}
.mainlink, .mainlink:visited{
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}
.mainlink:hover {
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}

#photoHead {
	position:absolute;
	left:526px;
	top:300px;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	width: 350px;
	color: #009933;
	border-bottom: #ff9900 medium dotted;
}

#photoMain {
	position:absolute;
	color: #CCCCCC;
	left:245px;
	top:431px;
	width:728px;
	height:495px;
	text-align: center;
}

#photoMain a {
	color: #FFFF33;
	text-decoration: none;
}

#photoMain a:hover {
	color: #FF6600;
	text-decoration: none;
}


#aircopy {
	position:absolute;
	left:245px;
	top:968px;
	width:728px;
	height:22px;
}

#photoThumbs {
	position:absolute;
	left:49px;
	top:283px;
	width:150px;
	height:707px;
	text-align: center;
	overflow: auto;
}

.mazeinfo {
	position: absolute;
	top: 76px;
	left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	border-bottom: #003333 dotted thin;
	clear: both;
	width:505px;
	height:435px;
	overflow: auto;
}

.statemazes {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	border-bottom: #003333 dotted thin;
	clear: both;
	width:505px;
	height:435px;
	overflow: auto;
}

.stateinfo {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	border-bottom: #003333 dotted thin;
	clear: both;
	width: 488px;
}

.mazeinfo {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	border-bottom: #003333 dotted thin;
	clear: both;
	width:505px;
	height:435px;
	overflow: auto;
}

#mazephoto {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
	border-bottom: #003333 dotted thin;
	clear: both;
	width:222px;
	height:250px;
	overflow: auto;
}

#mazephoto a {
	color: #006600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a.piclink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006600;
	font-size: 10px;
}

a.piclink:hover {
	color: #009933;
	border-bottom: #ff9900 thin dotted;
}

#mazename, #mazename a {
	color: #006600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a.thumbnumbs, a.thumbnumbs:visited {
	padding: 5px;
	margin: 2px;
	width: 15px;
	height: 15px;
	background: #00CC00;
	border: #000000 thin 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	text-decoration: none;
}

a.thumbnumbs:hover {
	background: #FF9900;
	text-decoration: none;
}
