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



#sidebar-space {
	float: left;
	width: 0px;
	margin: 0 0 0 0px;
	background: #fff;
}



#sidebar-a {
	float: left;
	width: 227px;
	margin-left: 0px;
	background: #d4d8d4;
	line-height: 120%;
}

#sidebar-a h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 1em;
	line-height: 120%;
	color: #284974;

}



#sidebar-a p {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	line-height: 130%;
	color: #5e685d;
	padding-bottom: 15px;
}

#sidebar-a .padding {
	padding: 5px;
}


#sidebar-a a {
	color: #284974;
	text-decoration: underline;
}

#sidebar-a a:hover {
	color: #284974;
}


#sidebar-a  h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-family: Georgia, serif;
	font-size: 1.4em;
	line-height: 120%;
	color: #000;
	font-weight:100;
}
#content {
margin-left: 227px;
	background: #fff;
	line-height: 18px;
}

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

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

}

#content h2 {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman",Times,serif;
	font-size: 1.4em;
	line-height: 120%;
	color: #0A3C6F;
}

#content h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 120%;
	color: #656869;
}

#content h4 {
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 120%;
	color: #4D3533;
}

#content a {
	color: #027ABB;
	font-weight:100;
	text-decoration: underline;

}

#content a:hover {
	color: #B30000;
		font-weight:100;
			text-decoration: none;


}


#content em {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-style: NORMAL; 
	font-weight:600;
	line-height: 120%;
	color: #EF4A4F;
}

#content strong {color: #284974;}




#content .padding {
	padding: 0px 20px 20px 20px;
}

#content ul {color: #666666;	font-family: Arial, Helvetica, Verdana, Sans-serif;
	line-height: 140%;
	margin-left: 0;
	padding-left: 40px; 	font-size: .75em;

}

#content li {padding-bottom:10px; padding-top:0;}



#content ul ul, #content ul ol, #content ol ol, #content ul {margin-left:1em; padding-left:0;	font-size: .9em;
 }

#content ul li, ol li {font-family:Arial, Helvetica, sans-serif;
margin-left:2em; 
}

#content li li {margin-left:: .125em; font-family:Arial, Helvetica, sans-serif;
}














/* information table */






/* table design */
#table3 {width:500px; 
background: #D4DBE3;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	font-weight:600;
	line-height: 140%;
	color: #284974;
		margin-left: 5px;
		border: 1px solid #DEDEDE;
		text-align:center;
}

#table3 td {padding: 10px;}


/* data table */
#table4 {
	background: #e9ecf1;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .7em;
	line-height: 100%;
	color: #5e685d;
	margin-left: 5px;
	border: 1px solid #DEDEDE;
	}
		
#table4 td {padding: 5px;  border: 1px solid #fff;}
#table4 tr {border: 1px solid #fff;}
#table4 th {padding: 5px;  border: 1px solid #BAC4D3; background:#BAC4D3;}

		
 #table5 {
	width:500px; 
	background: #e9ecf1;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	line-height: 130%;
	color: #5e685d;
	margin-left: 5px;
	border: 1px solid #DEDEDE;
	}
	
		
#table5 td {padding: 5px;}

#currentevent {
	width:500px; 
	background: #e9ecf1;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	line-height: 130%;
	color: #5e685d;
	margin-left: 5px;
	border: 2px solid #DEDEDE;
	}
	
		
#currentevent td {padding: 5px; background: #e9ecf1;}

#events {
	width:500px; 
	background: #f2f2f2;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	line-height: 130%;
	color: #5e685d;
	margin-left: 5px;
	border: 1px solid #DEDEDE;
	}
		
#events td {padding: 5px;}







#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 10px 2px 0px;}

img.right{ float: right; margin: 2px 0px 2px 5px; }
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: .75em;
	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: .75em;
	line-height: 120%;
	color: #5e685d;
	margin: 2px;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: .75em;
	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;}


/* open calendar */
/* --- calendar formatting --- */


#calendar-month {
border: 1 solid #BBBBBB;
background: #DDDDFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
color: #494949;
}

#calendar-days {
border: 1 solid #CCCCCC;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 9px;
color: #B51829;
text-align:center;
}

#calendar-closed {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #BBBBBB;
text-align:center;

}

#calendar-open-blue {
border: 1 solid #A5BEF2;
background: #A5BEF2;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
text-align:center;

}

#calendar-open-green {
border: 1 solid #C1D8CB;
background: #C1D8CB;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
text-align:center;

}

#calendar-open-purple {
border: 1 solid #ede290;
background: #ede290;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
text-align:center;

}

#calendar-open-orange {
border: 1 solid #EFB03F;
background: #EFB03F;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
text-align:center;

}

#calendar-content {
border: none;
background: #FFFFFF;
font-family: Trebuchet MS, Georgia, Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #494949;
}

/* -- end of calendar formatting --*/