/*
**-----------------------------------------------
** Common Styles
**-----------------------------------------------
*/

body {
  color: black;
  background-color: white;
  font-family: "times new roman", times, roman, serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}

acronym, .titleTip {
  font-style: italic;
  border-bottom: none;
}

acronym:after, .titleTip:after {  /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
  content: "(" attr(title) ")";
  font-size: 90%;
  font-style: normal;
  padding-left: 1ex;
}

.DoNotPrint {
  display: none !important;
}

.Debug {
  display: none !important;
}

/* No borders around pictures. */
img {
  border-style: none;
}

p {
  margin: 0 0 2ex 0;
  padding: 0;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  margin: 0 0 2ex 1.5em;
  padding: 0;
}

/*
** Start a new page for this style.
*/
.PrintNewPage {
  page-break-before: always;
}


/*
**-----------------------------------------------
** Header Styles
**-----------------------------------------------
*/

#Header {
  padding-bottom: 0.2em;
  border-bottom: 5px solid rgb(75%, 75%, 75%);

  /* Sometimes letters get chopped on the right without extra space. */
  margin-right: 1ex;
}

#Header img {
  border: 1px solid rgb(30%, 30%, 30%);
}

.HeaderTitle {
  color: rgb(50%, 50%, 50%);
}

.HeaderTitle #Title {
  margin: 0;
  padding: 0;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2em;
}

.HeaderTitle #Subtitle {
  margin: 0;
  padding: 0;
  font-size: 110%;
}

.HeaderTitle #ByLine {
  font-size: 80%;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  padding-bottom: 1ex; /* Need to raise it a bit in print for some reason. */
}

.HeaderTitle #ByLine a {
  color: rgb(50%, 50%, 50%);
  text-decoration: none;
}

.HeaderLinks {
  display: none;
}


/*
**-----------------------------------------------
** Sidebar Styles
**-----------------------------------------------
*/

#SideBar {
  display: none;
}


/*
**-----------------------------------------------
** Main Copy Styles
**-----------------------------------------------
*/

#MainCopy {
  text-align: justify;

  /* Sometimes letters get chopped on the right without extra space. */
  padding-right: 1ex;
}

/*
** TopicHeader encloses an H1 item.
*/
#MainCopy #TopicHeader {
  font-family: verdana, helvetica, arial, sans-serif;
  padding: 2.0ex 0 1.0ex 0;
  margin: 0;
  border-bottom: 1px solid rgb(0%, 0%, 0%);
}

#MainCopy #TopicHeader h1 {
  font-size: 180%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#MainCopy #TopicHeader p {
  font-size: 110%;
  margin: 0;
  padding: 0;
}

#MainCopy h2 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 120%;
  margin: 2ex 0 1ex 0;
  padding: 0;
}

#MainCopy h3 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding: 0;
}

#MainCopy .Instructions {
  display: none !important;
}

#MainCopy a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#MainCopy a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  font-size: 90%;
  padding-left: 1ex;
}

/*
** Display a "map not available" message in a box representing
** a map placeholder.
*/
#MainCopy .NoMap {
    font-size: 75%;
    font-style: italic;
    padding: 50px;
    border: 1px solid;
    width: 100px;
    text-align: center;
}

/*
** Put a border around rectangular map images.
*/
#TopicBody .RectAreaMap {
    border: 1px solid black;
}

/*
** Put a border and some space around photos.
*/
#TopicBody .Photo {
    border: 1px solid black;
    margin-right: 1em;
    margin-bottom: 1em;
}

/* Table of trail features */

#ItemFeatures table {
  padding-left: 1.5em;
}

#ItemFeatures table tr {
  padding-bottom: 0.5em;
}

#ItemFeatures .FeatureLabel {
  font-weight: bold;
  font-size: 90%;
  width: 12em;
  text-align: left;
  padding-right: 0;
}

#ItemFeatures .FeatureText {
  padding-left: 0;
}

/* List of multiple trailheads */
#ItemFeatures ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 0;
}

/* Trailhead list item */
#ItemFeatures .FeatureText ul li {
  line-height: 1.2em;
}

/* Button that displays map legend */
#MapLegendButton {
  display: none !important;
}


/*
**-----------------------------------------------
** Footer Styles
**-----------------------------------------------
*/

/*
** Print only the SubFooter, not the Footer.
*/
#Footer {
  display: none !important;
}

#SubFooter {
  margin: 2em 0 0 0;
  padding: 1ex 0 0 0;
  border-top: 1px solid black;
  font-size: 80%;
}

#SubFooter table {
  width: 100%;
}

#SubFooter .left {
  text-align: left;
}

#SubFooter .right {
  text-align: right;
}

#SubFooter a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}