/* JonesTrace CSS  */
/* Michael Jones, Pilot Oak Media  */

body {
  background-color: #ffffff;
  font-family: Arial;
  color: #000;
  }

h2 { 
  font: italic bold 16pt/1 Arial; 
  letter-spacing: 1px; 
  color: #000000;
  margin-bottom: -5px;
  }
  
a:link, a:visited  { 
  color: #2222ee;
  text-decoration: none; 
  }

a:hover, a:active { 
  text-decoration: underline; 
  color: #2222ee;
  }
  
#tall-scene { 
  font: 10pt Arial; 
  color: #000000; 
  background: #fff url(scene1f.jpg) no-repeat top left; 
  margin: 0px; 
  }

#no-scene { 
  font: 10pt Arial; 
  color: #000000; 
  background-color: #d8d8d8;
  margin: 10px; 
  }

.header-wrapper {
  margin-left: 72;
  margin-bottom: 8;
  background-color: white;
  padding: 0 5 10 0;
  }

.header {
  width: 100%;
  margin-top: 10px; 
  margin-right: 10px;
  background-color: white;
  height: 60;
  border-width: 0 0 thick;
  border-style: solid;
  border-color: #aa0000;
  }
  
.logo-left {
  position: absolute;
  top: 5px;
  left: 72px;
  width: 200px;
  font: bold 42px Arial;
  text-align: left;
  }
  
.logo-right {
  position: absolute;
  top: 20px;
  left: 192px;
  width: 200px;
  font: bold 40px Arial;
  color: #666666;
  text-align: left;
  vertical-align: -20%;
  }
  
.section-header {
  font: 24px Arial;
  position: absolute; 
  text-align: right;
  margin-right: 5;
  top: 35; 
  right: 5;
  }

.wrapper {
  margin-left: 72;
  margin-right: 5;
  background-color: #d8d8d8;
  padding: 0;
  }
  
h1 {
  margin: 0;
  padding: .2em 2%;
 }

h2 {
  margin: .2em 0;
  }

.main {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #d8d8d8 url(body-bg4.png) 75% 0 repeat-y;
  color: #000;
  border: thin solid #7d5500;
  }
  
.content {
  font: 12pt Arial;
  width: 70%;  /* width of .main container */
  float: left;  /* left side of window */
  margin: 0;
  padding: 1% 2%;
  }

.sidebar {
  color: white;
  margin-left: 75%;  /* past content */
  padding: 1%;
  font-size: 90%;
  }

.clear {
  clear: both;  /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;  /* prevent IE expanding the container */
  margin: 0;  /* keep flush with surrounding blocks */
  }

.copyright {
  background-color: white;
  font: 8pt Arial; 
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 1% 2%;
  }

.left-nav { 
  font: 12pt Arial; 
  color: #000000; 
  background-color: #ffffff;
  margin: 5px; 
  }
  
a.nav:link, a.nav:visited{ 
  color: #ffffff;
  text-decoration: none;
  font: 12px Arial;
  list-style-type: square;
  }

a.nav:hover, a.nav:active { 
  text-decoration: underline; 
  color: #ffffff;
  font: 12px Arial;
  list-style-type: square;
  }

.body-title {
  font: bold 16px Arial ;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: -10px;
  }

.nav-title {
  font: bold 16px Arial ;
  color: #ffffff;
  margin-top: 10px;
  margin-left: 0;
  margin-bottom: -5px;
  }

.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
  }

h1, .sidebar {
  position:relative;
  }
  
.jt-sup {
  color: black;
  font-size: smaller;
  font-weight: bold;
  vertical-align: 15%;
  }

.jt-sub {
  color: #666666;
  font-weight: bold;
  font-size: smaller;
  vertical-align: -15%;
  }  
  
.img-right {
  float: right;
  margin: 8px; 
  }