body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffff;
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow:hidden;
  }


p {
  width:100%;
  text-align:justify;
  }


#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100px; 
  overflow:auto; 
  background:#000000;
  color:#ffffff;
  }
  
#header a {
  text-decoration:none;
  color:#ffa500;
  }

#header a:visited {
  text-decoration:none;
  color:#ffa500;
  }

#header a:hover {
  text-decoration:none;
  color:#ffffff; 
  }

#header img {
  border:none;
  }

.headerleft-element {
   float:left;
   width:49%;
   padding:10px 10px 0 25px;
   }

.headerright-element {
   float:left;
   width:49%;
   padding:10px 20px 0px 10px;
   text-align:right;
   } 

/*************Begin NavBar Nav***********/
 
/*Contains the navigation */

#navBar {
  position:absolute; 
  top:100px; 
  left:0;
  right:0;
  bottom:auto; 
  width:100%; 
  height:24px; 
  overflow:auto;
  font-weight:bold;
  color:#FFCC22;
  background:#FFCC22;
  border-top: 2px solid #FFE303;
  border-bottom: 2px solid #FFA500;
  border-right: 2px solid #FFE303;
  border-left: 2px solid #FFA500;
  }

#navBar ul {
  text-align:center;
  margin: 2px; 
  padding: 0px;
  list-style-type: none; 
  /*white-space: nowrap;*/
  }

#navBar li {
  display: inline;
  list-style-type: none;
  padding: 2px;
  margin: 0px;
  }

#navBar li.navFirstLink {
  color: #FFFFFF;
  }

#navBar a {
  background: transparent;
  border: none;
  margin: 0px;
  color: #333333;
  text-decoration: none;
  padding: 0 16px 0 10px;
  border-right: 2px solid #FFA500;
  }

#navBar li.navLastLink a {
  border: none;
  }

#navBar a:link, #navBar a:visited {
  color: #333333;
  text-decoration: none; 
  }

#navBar a:hover {
  color: #FFFFFF;
  background-color: #000000;
  background-color: transparent;
  }

#navBar a:active {
  background-color: transparent;
  color: #FFFFFF;
  }

/* Current links are used to highlght the 
current page being viewed. */
#navBar a.currentLink:link,
#navBar a.currentLink:hover,
#navBar a.currentLink:visited,
#navBar a.currentLink:active {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  background-color: transparent;
  }

/***************End NavBar Nav ***************/

#justaContainer {
  position:fixed; 
  top:124px;
  left:0;
  bottom:25px; 
  right:0; 
  overflow:auto; 
  background: url(./images/backgrounds/flamesbw.jpg) no-repeat fixed center;
  padding:20px 0 50px 10%;
  }

#navSide {
  float: left;
  width: 150px;
  margin: 0 20px 0 0;
  padding: 0px 0px 0px 0px;
  border-top: none;
  border-bottom: none;
  background-color: transparent;
  }

#navSide ul {
  margin: 1px 0px 10px 15px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
  }

#navSide li {
  margin: 0px;
  /*margin-left: 10px;*/
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
  list-style-image: url(./images/bullet_ff6600.gif);
  }

#navSide li strong {
  color: #FF6600;
  }

#navSide a {
  color: #333333;
  background-color: transparent;
  text-decoration: none;
  }

#navSide a:hover {
  color: #FF6600;
  background-color: transparent;
  text-decoration: underline;
  }

#navSide a:active {
  color: #FFFFFF;
  background-color: #2A4347;
  text-decoration: none;
  }

#navSide h3 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 11px;
  font-size/* */:/**/12px;
  font-size: /**/12px;
  }

#navSide a.currentLink:link,
#navSide a.currentLink:hover,
#navSide a.currentLink:visited,
#navSide a.currentLink:active {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  background-color: transparent;
  }

#contents {
  float: left;
  }

#contents h4 {
  font-style:italic;
  color:#af4035;
  }

#contents p {
  color:#333333;
  }

#contents ul {
  text-align:left; 
  margin:0; 
  padding:0; 
  list-style-type:none;
  }

#contents td {
  font-size:76%;
  padding:0;
  }

#contents a, a:visited {
  text-decoration:none;
  color:#333333;
  }

#contents a:hover {
  text-decoration:none;
  color:#ffa500;
  }

#contents img {
  border:0;
  }

#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:25px; 
  overflow:auto; 
  text-align:center; 
  background:#000000;
  color:#bababa;
  font-size:80%;
  border-top: 4px ridge #FF0000;
  }

#footer a, a:visited {
  text-decoration:none;
  color:#bababa;
  }

#footer a:hover {
  color:#ffffff; 
  text-decoration:none;
  }

#footer ul {
  text-align:center; 
  margin:0px; 
  padding:2px; 
  list-style-type:none;
  }

#footer li {
  display:inline; 
  color:#bababa;
  }

#footer a.currentLink:link,
#footer a.currentLink:hover,
#footer a.currentLink:visited,
#footer a.currentLink:active {
  color: #bababa;
  text-transform: uppercase;
  font-weight: bold;
  background-color: transparent;
  }

#splash img {
  border:none;
  }

#splash p {
  text-align:center;
  color:#bababa;
  font-size:80%;
  }

.centeredimage {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  }

#hidden {
  color:#ffffff;
  font-size:1%;
  }

.floatright {
  float:right;
  margin-top:0px;
  margin-bottom:10px;
  margin-left:15px;
  margin-right:0px;
  }

.sema {
  float:right;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:15px;
  margin-right:0px;
  }

html {
  scrollbar-base-color: #000000;
  scrollbar-arrow-color: #ffa500;
  scrollbar-track-color: #bababa;

  scrollbar-shadow-color: none;
  scrollbar-lightshadow-color: none; 
  scrollbar-darkshadow-color: none;

  scrollbar-highlight-color: none;
  scrollbar-3dlight-color: none;
  }


/* 
Used when we have an alternate style that uses vertical nav;
not used in the horizontal nav.
need this container to clear out the 2 columns - sometimes
there is a bug in IE6 that makes things disappear in the left
column, the cleared container keeps things from disappearing */

.contentClear {
  clear: both;
  line-height: 1px;
  }

.contentClearRight {
  clear: right;
  line-height: 1px;
  }


/* for internet explorer */

* html body {
  padding:124px 0 25px 0; 
  }


* html #justaContainer {
  height:100%; 
  width:100%; 
  }