/*reset style*/
      * {
      margin: 0;
      padding: 0;
      }
      h1,h2,h3,h4,p,ul,ol,dl,address {
      margin: 1em 0.5%;
      }
      li {
      margin-left: 1.2em;
      }

      ul.mainMenu li {
          margin: 0.5em;
	  list-style-type: square;
      }

      span.breadcrumb {
          font-size: small;
	  font-weight: light;
	  font-family: sans-serif;
      }

      table.tours {
	  width: 100%;
      }

      table.tours td {
	  padding-top: 0.5em;
	  padding-bottom: 0.5em;
	  border-bottom: 1px #000 dotted;
      }

      table.tours th {
      }

      table.tours th.title {
	  width: 50%;
      }

      table.tours th.date {
	  width: 30%;
      }

      table.tours th.type {
	  width: 20%;
      }

      p.footer {
	  margin-top: 5%;
	  text-align: center;
	  font-size: small;
	  font-weight: light;
	  font-family: sans-serif;
      }

      p.photoCaption {
	  margin: 0;
	  margin-bottom: 2em;
	  padding: 0;
	  font-size: small;
      }

      div.articlePhoto {
	  margin-top: 4em;
      }

      p.tourSpec {
	  font-size: small;
	  margin-bottom: 4%;
      }
/*framing*/
      body {
	  width: 80%;
	  padding: 0 10%;
	  /* padding: 0 1.5%; */
	  background-color: #ccc; /* #bbb; */
	  font-size: medium;
	  font-weight: normal;
	  font-family: sans-serif;
      }
      h1 {/*page title*/
      margin: 1em 0;
      font-size: x-large;
      font-family: sans-serif;
      padding-bottom: 0.1em;
      border-bottom: 1px #48f solid;
      }
      span.signature {
      font-size: medium;
      font-weight: normal;
      font-family: sans-serif;
      }
      span.reversewd {
      text-decoration: underline;
      }

/*article*/
      div.article {
      float: right;
      padding-top: 0.04em;
      margin-left: auto;
      margin-left: 2.5%;
      padding-left: 2.5%;
      width: 72.5%;
      background-color: #bbb; /* #888 */
      padding-right: 2.5%;
      margin-right: 2.5%;
      margin-right: auto;
      padding-bottom: 0.04em;
      margin-bottom: 2em;
      }
      .article h2 {/*article title*/
      font-size: large;
      font-family: serif;
      margin-top: 3em;
      border-bottom: 1px black dotted;
      padding-left: 0.5em;
      border-left: 2px black solid;
      }
      .latest {
      margin-top: 0.4em;
      }
      .article h2.latest {
      margin-top: 0.4em;
      }
      h3 {/*chapter title*/
      font-size: medium;
      margin-top: 2em;
      }
      h4 {/*sub title*/
      font-size: medium;
      }
      p.terminal {
      width: 90%;
      margin: auto;
      padding: 0.2em 0.4em;
      font-family: monospace;
      color: #104;
      background-color: #ddd;
      border: solid 1px black;
      }
      em.term-response {
      font-style: oblique;
      font-weight: normal;
      }
      ul.ranking li {
      list-style-type: none;
      margin-left: 0;
      }
      dt {
      margin: 1% 0%;
      }
      dl.proc-exp {
      margin-left: 2%;
      }
      dl.proc-exp dt {
      margin: 4% 0% 1.5% 0%;
      padding: 0.5%;
      background-color: #eee;
      }
      dl.proc-exp dt + dt {
      margin-top: 0%;
      }
      dl.proc-exp dd {
      margin-left: 6%;
      }

/*linklist*/
      div.linklist {
      float: right;
      padding-top: 0.04em;
      margin-left: 0.25%;
      padding-left: 1%;
      width: 17.5%;
      font-size: small;
      background-color: #bbb; /* #aaa; */
      padding-right: 1%;
      margin-right: 0.25%;
      padding-bottom: 1em;
      }
      .linklist h2 {/*title of side article*/
      font-size: medium;
      border: none;
      }
      .linklist ul,.linklist dl {
      padding-left: 0;
      padding-right: 0;
      }
      .linklist li, .linklist dt, .linklist dd {
      margin-top: 0.2em;
      margin-left: 0;
      margin-bottom: 0.2em;
      list-style-type: none;
      }
      .linklist dd {
      margin-left: 0.6em;
      }