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

/*******************************
Development: Ira McMahon
********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { height:100%; background-color:#fff; margin:0 auto; padding:0; font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Verdana, sans-serif; font-size:.8em; }
* html { height: 100.02%; }
ol, ul { list-style: none; }

/*****End Reset, Start Design*****/

body{
	background:#3C2415;/* url(images/footprints.png) center */
}
#wrapper {
	margin: 25px auto;
	width:960px;
	background:#fff url(images/blue-gradient.jpg) repeat-x;
	border:1px #000 solid;
	padding-bottom:10px;
	position:relative;
}
a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#2E3192
}
a:hover {
	text-decoration:underline;
	color:#000;
}
h1, h2, h3, h4 {
	margin: 20px 0 10px 0;
	font-family:Georgia, Times, Times New Roman, serif;
	line-height:1.2em;
	color: #000; /*#F05A28;*/
}
h1 {
	font-size:175%;
}
h2 {
	font-size:200%;
}
h3 {
	font-size:130%;
}
h4 {
	font-size:105%;
}
ol {
	list-style:decimal;
}
ol li {
	margin-left:30px;
}
#masthead {
}
p { 
	margin: 10px 0;
	font-size:115%;
	line-height:1.2em;
}
#content {
	position:relative;
	z-index:20
}
.home #content{
	margin:205px 0 0 165px;
	width:420px;
	padding:6px 30px 80px;
	background: url(images/border-home.png) no-repeat;
}

.home #content p{
	line-height:1.2em
}
.details #content{
	margin:205px 0 0 165px;
	width:600px;
	padding:6px 30px 80px;
}
.details #content .detail-section{
	background: url(images/border-detail.png) no-repeat;
	padding:1px 0 0 15px;
	margin:20px 0;
	height:100px;
}
.details #content .detail-section .empty{
	padding-top:15px;
}
.map #content{
	width:920px;
	margin:145px 0 0 23px;
}
.map #content h1{
	text-align:right;
	margin-right: 75px;
	font-size:350%;
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
}
.map #content h3{
	font-size:100%;
	margin:0;
	padding:0;
}
.map #content p{
	font-size:100%;
	margin:0;
	padding:0;
}
.map #content li{
	margin:5px 31px 7px 20px;
}
.map #content #lower{
	float:left;
	display:inline;
	background:url(images/border-map-left2.png) no-repeat;
	padding:15px 0 45px 15px;
	width:280px;
	margin:15px 25px 0 0;
}
.map #content #higher{
	float:right;
	display:inline;
	background:url(images/border-map-rgt2.png) no-repeat;
	padding:15px 0 0px 20px;
	width:280px;
	margin:15px 0;
}
.map #content #map{
	float:left;
	display:inline;
	margin:0;
}
#topnav {
	position:absolute;
	top:70px;
	left:300px;
	list-style:none;
	font-size:150%;
	font-weight:bold;
	letter-spacing:.05em;
	font-family:Georgia, Times, Times New Roman, serif;
	z-index:10;
}
#topnav li {
	float:left;
	display:inline;
	margin:0 15px;
	width:160px;
	text-align:center;
}
#topnav li a.current, #topnav li a:hover{
	/*background:#666;*/
	border-color:#EF994A
}
#topnav li a{
	display:block;
	border: #ddd 3px solid;/*#F15A29 1px solid;*/
	padding:5px 10px;
}
#topnav li a, #topnav li a:link, #topnav li a:active, #topnav li a:visited, #topnav li a:hover{
	color:#000;
}

.home #hours{
	position:absolute;
	top:540px;
	left:650px;
	z-index:10;
}
.details #hours{
	position:absolute;
	top:120px;
	right:50px;
	z-index:10;
	text-align:right;
}
#hours h3{
	font-size:200%;
}
#hours .hours{
	font-size:130%;
}
#hours p{
	font-size:150%;
	line-height:1.6em
}
#ftTop{
	position:absolute;
	left:50px;
	top:0;
	z-index:0
}
#second-sat{
	position:absolute;
	left:21px;
	top:50px;
}
#evenings{
	margin:15px 0px;
}
#buildings {
	position:absolute;
	right:0;
	bottom:100px;
}
#breck{
	position:absolute;
	top:225px;
	left:40px;
}
#streetlight{
	position:absolute;
	top:230px;
	left:25px;
}
#ftBot{
	position:absolute;
	bottom:0;
	left:200px;
}

.clear{
	clear:both;
	height:0
}