/* ---------------------------------------------------------
BASIC RULES
-------------------------------------------------------- */
body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.625em;
line-height: 1.3;
}
p, ul, ol, dl {
font-size: 1.2em;
}
li ul, li ol {
/* For nested lists, inherit the font-size of the parent */
font-size: 1.0em;
/* Make sure nested listed are not jammed right up against their parent */
margin-top: 0.5em;
}
table, td { font-size: 100%; } /* to fix IE 5.x font inheritance bug */
/* Spacing */
p {
margin: 0 0 1.4em;
line-height: 1.4;
/* text-align: justify; */
}
ul, ol, dl {
margin-top: -0.5em;
margin-bottom: 1.4em;
}
li {
line-height: 1.2;
margin: 0 0 0.5em;
text-align: justify;
}
.photo-caption {
margin-top: 0;
text-align: center;
color: #333;
font-style: italic;
}
a, a:link {
color: #333366;
}
a:visited {
color: #000033;
}
a img {
border-width: 0;
}
/* End Basic Styles */
div#container {
margin: 0 auto;
width: 660px;
padding: 0;
text-align: left;
}
/* This is set to float so everything within it, which is floating, affects its height. */
div#inner-containter {
float: left;
background: url(/images/container-bkgd.gif);
text-align: none;
}
/* ---------------------------------------------------------
#banner is the white space above the black nav bar
containing the park logo and the flag.
-------------------------------------------------------- */
div#banner {
width: 660px;
padding: 0;
height: 69px;
background: #fff;
position: relative;
}
div#banner img#logo {
position: absolute;
top: 6px;
left: 10px;
width: 151px;
height: 54px;
}
div#banner img#flag {
position: absolute;
top: 6px;
left: 502px;
width: 151px;
height: 54px;
}
/* ---- End Banner ---- */
/* ---------------------------------------------------------
Flash space. Right now it is a static image
-------------------------------------------------------- */
div#flash {
height: 258px;
width: 660px;
overflow: hidden;
/* Create top margin that is equal to the height of the black banner
(div#global-nav) since it is being added semantically at the bottom
of the page. */
margin: 2.2em 0 0;
}
div#flash img {
line-height: 1px;
font-size: 1px;
margin: 0;
}
/* ---- End Flash ---- */
/* ---------------------------------------------------------
div#nav-bkgd-placement places the background image for
the navigation above the two-striped background but under
the content. Has a min-height so the background image
will always be completely show.
-------------------------------------------------------- */
div#nav-bkgd-placement {
background: url(/images/nav_bkgd.gif) no-repeat;
min-height: 471px;
}
/* ---------------------------------------------------------
Content area. Leaving most of the styles for lists and
paragraphs to the internal.css stylesheet that will be
accessible from Contribute.
-------------------------------------------------------- */
div#content {
background: #EDEDF8;
width: 469px;
float: left;
padding: 0 18px 0 19px;
margin-left: 154px;
}
/* ---- End Content Area ---- */
/* ---------------------------------------------------------
Let hand navigation in the purple column.
-------------------------------------------------------- */
div#left-nav {
padding: 12px 0 0 15px;
float: left;
width: 154px;
w\idth: 139px;
overflow: visible;
margin-left: -660px;
}
div#left-nav h2 {
display: none;
}
/* Set this to override general full justification. */
div#left-nav li {
text-align: left;
}
div#left-nav ul.first-level {
list-style: none;
width: 129px;
margin: 0;
padding: 0 0 10px; /* So there is always some gap between the last nav element
and the bottom of the purlple bar. */
overflow: visible;
font-size: 1.0em;
}
div#left-nav ul.first-level li.first-level {
border-bottom: white 1px dotted;
padding: 1.2em 0 1.0em 0;
margin: 0;
font-size: 1.0em;
line-height: 1.2;
/*
IE5.5 adjustment since it does not deal with lists without
margins or padding too well.
*/
text-indent: -1.5em;
te\xt-indent: 0em;
}
/* When we have sub-nav */
div#left-nav ul.first-level li ul {
list-style: disc;
margin: 0.7em 0 0 20px;
font-size: 1.0em;
}
/* Applied to non-IE browsers */
li.first-level>ul {
padding: 0;
}
div#left-nav ul.first-level ul li {
border-bottom: 0;
color: white;
}
div#left-nav a {
color: white;
text-decoration: none;
font-size: 100%;
text-transform: uppercase;
font-weight: bold;
}
div#left-nav a:hover {
color: #FFFF00;
}
/* ---- End left hand nav ---- */
/* ---------------------------------------------------------
Footer
-------------------------------------------------------- */
div#footer {
margin-top: 13px;
border-top: solid 1px #333366;
position: relative;
width: 469px;
height: 7.5em;
clear: both;
/* margin-left: 173px; */
}
div#footer p {
font-size: 0.9em;
}
div#footer hr {
display: none;
}
div#footer p#updated {
position: absolute;
top: 14px;
left: 0;
margin: 0;
padding: 0;
}
div#footer p#priv-policy {
position: absolute;
top: 14px;
right: 0;
margin: 0;
padding: 0;
}
div#footer p#zed-credit {
position: absolute;
top: 34px;
right: 0;
width: 10.0em;
text-align: right;
line-height: 1.1;
margin: 0;
padding: 0;
}
div#footer p#zed-credit img {
float: right;
margin-left: 0.5em;
border-width: 0;
}
/* ---- End Footer ---- */
/* ---------------------------------------------------------
Black navigation bar at the top of every page
-------------------------------------------------------- */
div#global-nav {
width: 660px;
background: black;
height: 2.2em;
border-bottom: solid 1px white;
position: absolute;
top: 69px;
}
div#global-nav ul {
list-style: none;
padding: 0;
margin: 4px 0 0;
float: right;
font-size: 1.0em;
}
div#global-nav li {
display: block;
float: left;
padding-right: 6px;
border-right: 1px solid white;
margin-right: 6px;
font-size: 1.0em;
}
div#global-nav li.last {
margin-right: 0;
border-right-width: 0;
}
/* With font-size @ 100% ~ 10px, so the entire height of that element is around 13px. */
div#global-nav a {
color: white;
text-decoration: none;
font-size: 100%;
text-transform: uppercase;
font-weight: bold;
}
div#global-nav a:hover {
text-decoration: underline;
}
/* ---- End Global Navigation ---- */