/*Main Media StyleSheet */
body, html {
	margin:0;
	padding:0;
	background:#003C72;
	color: #00274F;
	font-family: Palatino, Verdana, Arial, Helvetica, sans-serif;
}

/* Added 08/28/2007 Jeff Bray */
td {

font-size:12px;

}

body {
	min-width:770px;
}

#wrap {
	background:#FFCC33;
	margin:0 auto;
	width:770px;
}

#header {
	background:#ddd;
	background-image: url(/repository/images/header.jpg);
	height: 80px;
	width: 770px;
	text-decoration:none;
	cursor:hand;
}

#header h1 {
	padding:5px;
	margin:0;
}

#nav {
}

/*
#nav ul{
    margin:0;
    padding:0;
    list-style:none;
    }
#nav li{
    display:inline;
    margin:0;
    padding:0;
    }
*/
#abovenav a{
	text-decoration:none;
	font-size:small;
	font-style:normal;
	color:white;
}

#abovenav a:hover{
	text-decoration:none;
	font-size:small;
	font-style:normal;
	color:#FFCC33;
}

#abovenav {
	margin: 0px;
	margin-top: 0px;
	padding: 0;
	padding-top: 5px;
	background-color: #003C72;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	height: 50px;
	border-left: 1px solid #5E89C7;
	border-right: 1px solid #5E89C7;
	text-decoration:none;
}

#sidenav {
    background:#FFCC33;
    float:left;
    width:150px;
}

#hptext{
    float: left;
	text-align: justify;
	background-color: #FFCC33;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	padding-bottom: 20px;
	width: 130px;
}

#search{
	float: center;
	margin-top: 10px;
	margin-left: 20px;
	height: 100%;
}

.searchtext{
	font-size: 12px;
}

#facsearch{
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
}

#abovecontent {
	float: right;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274F;
	width: 620px;
}

#content {
	float: right;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274F;
	width: 600px;
}

#belowcontent {
	float: right;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274F;
	width: 620px;
}

#footer { 
	background-color: #004F8F;
	padding:0px;
	margin:0;
	width: 770px;
	font: Verdana, Arial, Helvetica, sans-serif, small-caps;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	margin: auto;
	text-align: center;
	height: 60px;
	clear:both;
}

#footer p {
	background-color: #004F8F;
	font-size: 10px;
}

#footer a {
	background-color: #004F8F;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


/*this is for the menu portion only*/
#menu {
	width: 150px; /* set width of menu */
	margin-top: 0px;
	background-color:#FFCC33;
} 

.THeadings {
	font-family: Verdana, Arial, Helvetica;
	font-size: 24pt;
}

.TSubheadings {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18pt;
}

.TCaptions {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14pt;
}

.TBodyText {
	font-family: Palatino, Arial, Helvetica;
}

#calloutbox {
	float: left;
	background-image: url(/repository/images/calloutbkg.jpg);
	background-repeat: no-repeat;
	/*
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	*/
	color:#ffffff;
	height: 148px;
	width: 147px;
	z-index: 100;
	margin-left: 3px;
	margin-right: 3px;
}
#calloutbox p {
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#calloutbox h3 {
	text-align: center;
	color:#ffffff;
	font-size: 8pt;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#pageboxl {
	float: left;
	background-image: url(/repository/images/pageboxbkg.jpg);
	background-repeat: no-repeat;
	color:#ffffff;
	height: 160px;
	width: 112px;
	margin-left: 4px;
	margin-right: 4px;
}
#pageboxl p {
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#pageboxl h3 {
	text-align: center;
	width: 100px;
	color:#ffffff;
	font-size: 6pt;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
}

#pageboxr {
	float: right;
	background-image: url(/repository/images/pageboxbkg.jpg);
	background-repeat: no-repeat;
	color:#ffffff;
	height: 160px;
	width: 112px;
	margin-left: 4px;
	margin-right: 4px;
}
#pageboxr p {
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#pageboxr h3 {
	text-align: center;
	width: 100px;
	color:#ffffff;
	font-size: 6pt;
	font-weight: bold;
	margin-top: -10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
}

#parkmap {
	z-index: 3;
	float: right;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274F;
	width: 620px;
}

#info {padding:2em 0;}

#imap {display:block; width:610px; height:902px; background:url(/repository/Images/TheParkMap2006-s.jpg); position:relative; margin:0 auto 2em auto; z-index:0;}

a#p1, a#p2, a#p3, a#p4, a#p5, a#p6, a#p7, a#p8, a#p9, a#p10, a#p11, a#p12, a#p13, a#p14, a#p15, a#p16, a#p17 {display:block; width:300px; height:0; padding-top:80px; overflow:hidden; position:absolute;}

* html a#p1, * html a#p2, * html a#p3, * html a#p4, * html a#p5, * html a#p6, * html a#p7, * html a#p8, * html a#p9, * html a#p10, * html a#p11, * html a#p12, * html a#p13, * html a#p14, * html a#p15, * html a#p16, * html a#p17 {height:80px; he\ight:0;}

a#p1 {left:130px; top:580px; background:transparent url(/repository/Images/p1.gif) no-repeat 100px 100px;}
a#p2 {left:370px; top:470px; background:transparent url(/repository/Images/p2.gif) no-repeat 100px 100px;}
a#p3 {left:428px; top:181px; background:transparent url(/repository/Images/p3.gif) no-repeat 100px 100px;}
a#p4 {left:160px; top:560px; background:transparent url(/repository/Images/p4.gif) no-repeat 100px 100px;}
a#p5 {left:336px; top:355px; background:transparent url(/repository/Images/p5.gif) no-repeat 100px 100px;}
a#p6 {left:307px; top:128px; background:transparent url(/repository/Images/p6.gif) no-repeat 100px 100px;}
a#p7 {left:227px; top:420px; background:transparent url(/repository/Images/p7.gif) no-repeat 400px 400px;}
a#p8 {left:330px; top:620px; background:transparent url(/repository/Images/p8.gif) no-repeat 400px 400px;}
a#p9 {left:462px; top:350px; background:transparent url(/repository/Images/p9.gif) no-repeat 400px 400px;}
a#p10 {left:462px; top:330px; background:transparent url(/repository/Images/p10.gif) no-repeat 400px 400px;}
a#p11 {left:0px; top:0px; background:transparent url(/repository/Images/p11.gif) no-repeat 400px 400px;}
a#p12 {left:0px; top:0px; background:transparent url(/repository/Images/p12.gif) no-repeat 400px 400px;}
a#p13 {left:0px; top:0px; background:transparent url(/repository/Images/p13.gif) no-repeat 400px 400px;}
a#p14 {left:0px; top:0px; background:transparent url(/repository/Images/p14.gif) no-repeat 400px 400px;}
a#p15 {left:0px; top:0px; background:transparent url(/repository/Images/p15.gif) no-repeat 400px 400px;}
a#p16 {left:0px; top:0px; background:transparent url(/repository/Images/p16.gif) no-repeat 400px 400px;}
a#p17 {left:0px; top:0px; background:transparent url(/repository/Images/p17.gif) no-repeat 400px 400px;}

a#p1:hover, a#p2:hover, a#p3:hover, a#p4:hover, a#p5:hover, a#p6:hover, a#p7:hover, a#p8:hover, a#p9:hover, a#p10:hover, a#p11:hover, a#p12:hover, a#p13:hover, a#p14:hover, a#p15:hover, a#p16:hover, a#p17:hover {background-position: 0 0;}







/*this is for the menu portion only*/
#menu {
width: 150px; /* set width of menu */

margin-top: -18px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu ul ul ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
margin-left: -1px;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font:Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
border-width: 1px;
border-style: solid;
margin: 0;
padding: 7px 6px;

}

#menu h2 {
background-color: #0758A9;
color: #eee;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #333333;
border-left: 1px solid #FFFFFF;
text-transform: uppercase;
}

#menu a {
background-color:#05529E;
color: #E2E2E2;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #eee;
background-color: #0569CD;

}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}