#wrapper {
  height:600px;
  overflow:hidden;
  border:0;
  }
#container {
  top:-600px;
  }
div.hikes {
  text-align:center;
  line-height:1.6em;
  font-variant:small-caps;
  }
/* ----POP UP IMAGES USING CSS ONLY--- */

a.screen, a.screen:visited {
color:#065816;
font-weight:bold; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:0; /* position:the image */
top:-450px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/* HIDDEN VALLEY */
a.hiddenv, a.hiddenv:visited {
color:#065816; 
font-weight:bold; 
position:relative; 
z-index:1;
}
a.hiddenv b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:-200px; /* position:the image */
top:-450px;
}
a.hiddenv:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.hiddenv:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.hiddenv:hover b img {
border:0; /* remove the link border */
}
/* JOSHUA TREE NATIONAL PARK */
a.jtnp, a.jtnp:visited {
color:#065816; 
font-weight:bold; 
position:relative; 
z-index:1;
}
a.jtnp b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:-325px; /* position:the image */
top:-450px;
}
a.jtnp:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.jtnp:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.jtnp:hover b img {
border:0; /* remove the link border */
}

/* INDIAN CANYON */
a.indian, a.indian:visited {
color:#065816; 
font-weight:bold; 
position:relative; 
z-index:1;
}
a.indian b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:-70px; /* position:the image */
top:-470px;
}
a.indian:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.indian:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.indian:hover b img {
border:0; /* remove the link border */
}
/* LA QUINTA COVE */
a.cove, a.cove:visited {
color:#065816; 
font-weight:bold; 
position:relative; 
z-index:1;
}
a.cove b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:-200px; /* position:the image */
top:-470px;
}
a.cove:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.cove:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.cove:hover b img {
border:0; /* remove the link border */
}
/* LOST HORSE MINE */
a.lost, a.lost:visited {
color:#065816; 
font-weight:bold; 
position:relative; 
z-index:1;
}
a.lost b {
position:absolute;
visibility:hidden; /* hide the image */
width:575px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:6px solid #054311; /* add a border */
left:-300px; /* position:the image */
top:-470px;
}
a.lost:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.lost:hover b {
visibility:visible; /* make the image visible */
height:432px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.lost:hover b img {
border:0; /* remove the link border */
}