/* CSS Document */

#page-container {
	width: 792px;
	margin: 0 auto;
	border: 1px solid #fff;
	text-align: left;
	background: #fff;


}



html, body {
	background: #284974;
	margin: 0;
	padding: 0;
	text-align: center;
}


#topnav { 
margin: 0;
padding: 0;
float: right;
padding-right: 20px;}
		
#topnav p { padding: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; text-align: right; color: #ccc;}


#topnav a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	font-style: normal;
}

#topnav a:hover { color: #284974; text-decoration: underline; }
#topnav a:visited { color:#fff; text-decoration: none;  }
	

#header {
	background: #196b9c url(../images/header_logo.jpg) left no-repeat;
	height: 94px;
	margin:0;
	padding:0;
}

#header h1 {
font-family: "Times New Roman",Times,serif;;
color: #D6F2FF;
font-size: 1.6em;
padding-left:165px;
float: left;
margin: 54px 0 0 0;
		line-height: 120%;

}



#header h2 {
margin: 0;
padding: 0;
float: right;
margin-top: 0px;
padding-right: 31px;
}


.hidden {
	display: none;
}


/* Main Navigation */

#main-nav { height: 27px; background-color:#196b9c;}
#main-nav dl { margin: 0; padding: 0; }
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:27px; /* IE 5/Win hack */ 
	padding: 27px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -27px;
}


#main-nav dt#about,
#main-nav dt#about a {  width: 83px; background-image: url(../images/nav/aboutus.gif); }

#main-nav dt#hours,
#main-nav dt#hours a { width: 117px; background-image: url(../images/nav/hours.gif); }

#main-nav dt#event,
#main-nav dt#event a { width: 70px; background-image: url(../images/nav/events.gif); }

#main-nav dt#park,
#main-nav dt#park a { width: 211px; background-image: url(../images/nav/park.gif); }

#main-nav dt#aerial,
#main-nav dt#aerial a { width: 99px; background-image: url(../images/nav/aerial.gif); }

#main-nav dt#guide,
#main-nav dt#guide a { width: 116px; background-image: url(../images/nav/guide.gif); }

#main-nav dt#directions,
#main-nav dt#directions a { width: 95px; background-image: url(../images/nav/directions.gif); }


body.about dt#about,
body.about dt#about a,
body.hours dt#hours,
body.hours dt#hours a,
body.event dt#event,
body.event dt#event a,
body.park dt#park,
body.park dt#park a,
body.aerial dt#aerial,
body.aerial dt#aerial a,
body.guide dt#guide,
body.guide dt#guide a,
body.directions dt#directions,
body.directions dt#directions a, 
 {
	background-position: 0 -54px;
}


#sub-nav {
	clear: both;
	background: #F0EEE7 ;
	display:block;
	height: 30px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: .75em;
	color: #8A0227;
	border-bottom: 1px solid #ceccc6;
	padding: 4px 10px 0 10px;
		line-height: 120%;

}

#sub-nav a {
	color: #196B9C;
	text-decoration: none;
}

#sub-nav a:hover {
	color: #8A0227;
}

#sub-nav #altnav {
	text-align: center;
}






#content {
margin-left: 12px;
	background: #fff;
	line-height: 18px;
}

#content p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .8em;
	line-height: 120%;
	color: #666666;
	background: #ffffff;
	padding-bottom: 15px;
		padding-left: 15px;
}

#content ul {	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .8em;
	line-height: 120%;
}







#content h1 {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 15px;
	font-family: "Times New Roman",Times,serif;
	font-size: 1.8em;
	color: #8A0227;
		line-height: 120%;

}





#content .padding {
	padding: 10px;
}


#footer {
	clear: both;
	background: #6c7771;
	height: 34px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #c9c9c9;
	border-top: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 18px;
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer a:hover {
	color: #ffff99;
}

#footer #altnav {
	text-align: center;
}

img.left{ float: left; margin: 2px 5px 2px 0px; border: 2px solid #c9c9c9;}


img.space{ margin: 1px;}


#page-containertrail {
	width: 600px;
	margin: auto;
	background: #fff;
	border: 1px solid #fff;
}

#contentTRAIL {
	background: #fff;
	line-height: 18px;
}

#contentTRAIL p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .8em;
	line-height: 120%;
	color: #666666;
	background: #ffffff;
	padding-bottom: 15px;
		padding-left: 15px;
}

#contentTRAIL table {width: 420px; 
background: #F3F3F3;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .8em;
	line-height: 120%;
	color: #5e685d;
	margin: 2px;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .8em;
	line-height: 120%;
			padding-left: 15px;
	color: #666666;
}
#contentTRAIL td {padding: 10px;}

#contentTRAIL h1 {
	margin: 0;
	padding: 0;
		padding-left: 10px;

	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1.2em;
	line-height: 120%;
	color: #EF4A4F;
}
#contentTRAIL h2 {
	margin: 0;
	padding: 0;
		padding-left: 10px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #027abb;
}

#contentTRAIL h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .9em;
	line-height: 120%;
	color: #5E685D;
}

#contentTRAIL a {
	color: #027abb;
	text-decoration: none;
}

#contentTRAIL a:hover {
	color: #ef4a4f;
}


#footerTRAIL {
	clear: both;
	background: #5e685d;
	height: 34px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #c9c9c9;
	border-top: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 18px;
}

#footerTRAIL a {
	color: #c9c9c9;
	text-decoration: none;
}

#footerTRAIL a:hover {
	color: #db6d16;
}

#footerTRAIL #altnav {
	width: 600px;
	text-align: center;
}

/* css-form */
#page-wrap {
	width: 400px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 400px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: .9em;
		font-family: Arial, Helvetica, sans-serif;

}

#contact-area {
	width: 400px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
		font-family: Helvetica, sans-serif;
	font-size: .9em;

}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.0em;
}

#home_left { margin-right: 300px;}
#home_right {float: right; width: 300px;}