.bare_frame
{
  border:0px;
  margin:0px;
  padding:0px;
}

.narrative_h1
{
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  font-weight:bold;
  font-size:150%;
}

.narrative_h2
{
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  font-weight:bold;
  font-size:125%;
}

.narrative_h3
{
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  font-weight:bold;
  font-size:100%;
}

.narrative_para
{
  font-family:"Times New Roman", Times, serif;
  text-align:justify;
  font-weight:normal;
  padding-left:1em;
  padding-right:1em;
}

.narrative_anchor
{
  font-family:"Times New Roman", Times, serif;
  text-align:right;
  padding-right:1em;
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
  border:0px;
}

a.narr_anchor:visited, a.narr_anchor:link
{
  color:blue;
  text-decoration:none;
}

a.narr_anchor:hover
{
  font-family:"Times New Roman", Times, serif;
  color:red;
  text-decoration:none;
}

.comment_para
{
  padding-left:10px;
  padding-right:10px;
  text-align:justify;
}

.my_nav 
{
  text-align: center;
  z-index: 99;
}
  .my_nav ul ul 
  {
    display: none;
  }
  .my_nav ul li:hover > ul 
  {
    display: block;
  }
  .my_nav ul 
  {
    background: #efefef; 
    padding: 0px;
    list-style: none;
    position: relative;
    display: inline-table;
  }
  .my_nav ul:after 
  {
    content: "";
    clear: both;
    display: block;
    z-index: 99;
  }
  .my_nav ul li 
  {
    float: left;
  }
  .my_nav ul li:hover 
  {
    background: #4b545f;
  }
  .my_nav ul li:hover a 
  {
    color: #fff;
  }
  .my_nav ul li a 
  {
    width: 150px;
    display: block; 
    padding: 0px 10px;
    color: #757575; 
    text-decoration: none;
    font-size:80%;
    font-family:Arial,Helvetica,sans-serif;
    text-align:left;
    z-index: 99;
  }
  .my_nav ul ul 
  {
    background: #5f6975; 
    padding: 0;
    position: absolute; 
    top: 100%;
    z-index: 99;
  }
  .my_nav ul ul li 
  {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a; 
    position: relative;
    z-index: 99;
  }
  .my_nav ul ul li a 
  {
    width: 150px;
    padding: 0px 10px;
    color: #fff;
    z-index: 99;
  }	
  .my_nav ul ul li a:hover 
  {
    background: #4b545f;
  }
  .my_nav ul ul ul 
  {
    position: absolute; left: 100%; top:0;
  }

.dictionary
{
  position:absolute;
  background:white;
  border:1px solid #4c2e1f;
  left:0px;
  top:500px;
  display:none;
  z-index:1;
}

.box
{
  position:relative;
}

.shadow
{
  -moz-box-shadow: 15px 15px 100px black;
  -webkit-box-shadow: 15px 15px 100px black;
  box-shadow: 15px 15px 100px black;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}

.round_rect
{
  width:100px;
  height:300px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:1px solid black;
  background-color:white;
  -webkit-box-shadow:#b3b3b3 10px 10px 10px;
  -moz-box-shadow: #b3b3b3 10px 10px 10px;
  box-shadow: #b3b3b3 10px 10px 10px;
}

.img_text
{
  width: 200px;
  height: 140px;
  border: 1px solid black;
  padding: 2px;
  margin:2px;
}

.hacton_plan
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  width: 50px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  border: 2px solid black;
  text-align: center;
}

.hacton_plan_b
{
  width: 50px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  border: 2px solid black;
}

.plan_control
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  display:inline;
  padding:5px;
  margin:5px;
  border:2px solid #c8cccc;
}

.img_large
{
  margin:4px;
  height:800px;
}