/*********************\
* Color Ref           *********\
* Pale Orange:  #FFEFDF        *
* Dark Green:   #004020        *
* Light Gray:   #F9F9F9        *
\******************************/
*
{
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}
html, body
{
  height: 100%;
}
body
{
  background: url("../images/bgfade.jpg") no-repeat top right fixed;
}
h1, h2, h3, h4, h5, h6
{
  color: #FFEFDF;
}
h1
{
  font-size: 18pt;
}
h2
{
  font-size: 16pt;
}
p
{
  margin: 0.5em 0px;
}
a
{
  color: #FFFFFF;
}
fieldset
{
  border: solid 1px #FFEFDF;
  padding: 4px;
  border-radius: 4px;
}
input, select, textarea
{
  margin: 4px;
}
input[type=submit], input[type=reset], input[type=button]
{
  background: #FFEFDF;
  border: solid 1px #000000;
  outline: solid 1px #FFEFDF;
  width: 120px;
  margin: 4px;
  cursor: pointer;
}
input[type=reset]
{
  background: #F9F9F9;
  outline: solid 1px #F9F9F9;
}
input[type=text], input[type=password], select, input[type=button]
{
  width: 200px;
  height: 20px;
}
.b
{
  font-weight: 700;
}
.i
{
  font-style: italic;
}
.u
{
  text-decoration: underline;
}
#header
{
  background-color: rgba(224, 224, 224, 0.6) !important;
  background-color: rgb(224, 224, 224);
}
#header
{
  width: 100%;
  height: 71px;
  border-bottom: solid 1px #000000;
}
#navCont
{
  width: 200px;
  height: auto;
  min-height: 100%;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
}
#leftshade
{
  float: left;
  position: fixed;
  bottom: 0px;
  width: 200px;
  height: 100%;
  background: rgba(224, 224, 224, 0.6) !important;
  background: rgb(224, 224, 224);
  z-index: -50;
  border-right: solid 1px #000000;
}
#mainNav
{
  border-radius: 6px;
}
ul#mainNav
{
  background: #FFFFFF;
  border: solid 1px #004020;
  list-style-type: none;
  margin: 8px;
  text-align: center;
}
#mainNav li
{
  background: url("../images/nav_.png") top left no-repeat;
  background-color: #004020;
  width: 160px;
  height: 21px;
  margin: 10px auto;
  color: #FFEFDF;
}
#mainNav a
{
  color: #FFEFDF;
  text-decoration: none;
}
#mainNav li:hover
{
  background-position: bottom left;
}
li
{
  margin: 15px 0px;
}
#container
{
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#content
{
  position: absolute;
  top: 87px;
  right: 16px; /* make it stretch */
  left: 216px;
  padding: 8px;
  background: #004020;
  color: #FFFFFF;
  border-radius: 8px;
}
.tablediv
{
}
.tablecol
{
  float: left;
  border: solid 1px #FFEFDF;
  padding: 4px;
  width: 250px;
}
.labeltext
{
  float: left;
  line-height: 1.8em;
  width: 90px;
  min-width: 80px;
}
#about_title
{
  font-size: 14pt;
  font-weight: 700;
}
#portrait
{
  float: left;
  width: 65px;
  border: 1px solid #840404;
  margin: 0 10px 0 0;
  -webkit-box-shadow: 3px 3px 3px #888888;
  -moz-box-shadow: 3px 3px 3px #888888;
  box-shadow: 3px 3px 3px #888888;
}
/* ------------------------------------ */
#cnav
{
  /* width: 900px; */
  right: 8px;
  background: #DDDDDD;
  border: dashed 1px #FFFFCC;
  border-radius: 2px;
  padding: 8px;
  color: #000000;
}
#cnav div
{
  height: 20px;
  vertical-align: top;
}
#cnav span, #cnav strong
{
  vertical-align: top;
}
#cnav a
{
  vertical-align: top;
  color: #00007F;
  text-decoration: none;
}
#cnav a:hover
{
  text-decoration: underline;
}
.cnav_item
{
}
#cnav_root
{
  display: inline;
}
.cnav_branch
{
  display: inline;
}
.jlink
{
  cursor: pointer;
}
/* ------------------------------------ */
.jp-gui
{
  clear: both;
  display: block;
  background: #F0F0F0;
}
.jp-type-single, .jp-controls, .jp-volume-bar, .jp-toggles
{
  list-style: none;
}
.jp-play, .jp-pause, .jp-stop, .jp-mute, .jp-unmute
{
  float: left;
  width: 26px;
  height: 26px;
}
.jp-play
{
  background: url("../images/player/btn_play.png");
}
.jp-pause
{
  background: url("../images/player/btn_paus.png");
}
.jp-stop
{
  background: url("../images/player/btn_stop.png");
}
.jp-mute
{
  background: url("../images/player/btn_spkr.png");
}
.jp-unmute
{
  background: url("../images/player/btn_mute.png");
}
.jp-volume-max
{
  background: url("../images/player/btn_maxv.png");
}
.jp-progress
{
  width: 688px;
  float: left;
  border: solid 2px #444444;
  margin: 0px 3px;
  background: #FFFFFF;
}
.jp-seek-bar
{
  background: #FFFFFF;
}
.jp-play-bar
{
  width: 680px;
  height: 18px;
  background-image: url("../images/player/bar.png");
  margin: 2px 0px;
}