/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* WHEN EDITING REMEMBER TO BE SURE YOU HAVE THE CORRECT PATH TO THIS FILE */
/* MANY OF THE HTML FILES POINT TO THIS FILE ON THE SERVER !!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/******************************************************************************
* Defines styles for the main site pages and menu.                            *
******************************************************************************/
html {
  font-size: medium;
}
body {
  font: 90% Garamond, Times, serif;
  margin-left: 1em;
  padding: 1em;
  max-width: 840px;
  width: 840px;
  border: 2px solid red;
}
a {
  color: #0070c0;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #d04000;
}
li.lh {
  font-weight:bold;
  font-size:1.2em;
  color: red;
  list-style-type: none;
}
div#searchbox {
  clear: right;
  padding-bottom: 1em;
  color: red;
  font: x-small Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#titleBar {
  background-color: #69502E; /*#a07050;*/
  border-color: #c09070 #704020 #704020 #c09070;
  border-style: solid;
  border-width: 2px;
  color: #fff0d0;
  font-size: 120%;
  font-weight: bold;
  padding: 2px .5em;
}
#innernav {
  font: 1em Arial, Helvetica, sans-serif;
}
#innernav a[href] {
  border: 1px solid #000000;  /*THIS DOESn't WORK in IE but the declaration is correct*/
  padding: 0.3em;
  background-color: #CCCCCC;
}
#innernav a[href]:hover {
  color: red;
}
h1 {
  font: 2em Arial, Helvetica, sans-serif;
  /*font: 2em Garamond, Times, serif;*/
  font-weight: bold;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.6em;
}

/*---------------------------------------------------------------------------*/
/* Site menu.                                                                */
/*---------------------------------------------------------------------------*/

.menuBar,
.menuBar a.menuButton,
.menu,
.menu a.menuItem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  line-height: 10pt;
  /*color: #000000; APPEARS TO CONTROL MENU HEADINGS COLOR */ 
  color: #000000;
}
.menuBar {
  background-color: #855B9E; /*#c09070;*/
  border: 2px solid;
  border-color: #9E825B #9E6619 #9E6619 #9E825B;
  /*border-color: #e0b090 #906040 #906040 #e0b090; THIS IS THE ORIGINAL*/
  padding: 4px 2px 4px 2px;
  text-align: left;
}
.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #c09070;
  color: #000000;
  cursor: default;
  font-weight: bold;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}
.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #9E825B #9E6619 #9E6619 #9E825B;
  /*border-color: #e0b090 #906040 #906040 #e0b090;*/
}
/* IE DOESN'T APPEAR TO SEE THIS STUFF !!! */
.menuBar a.menuButtonActive,
.menuBar a.menuButtonActive:hover {
  background-color: #6D199E; /*#9E6619; #906040;*/
  border-color: #704020 #e0b090 #e0b090 #704020;
  color: #fff0d0;
  position: relative;
  left: 1px;
  top: 1px;
}
.menu {
  background-color: #9E907C; /*#917C9E; /*#c09070;*/
  border: 2px solid;
  border-color: #e0b090 #906040 #906040 #e0b090;
  padding: 0px 1px 1px 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  visibility: hidden;
}
.menuShadow {
  background-color: #000000;
  position: absolute;
  visibility: hidden;
  opacity: .1;
  -moz-opacity: .1;
  filter: alpha(opacity = 10);
}
.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  text-decoration: none;
}
.menu a.menuItem,
.menu .menuHeader {
  padding: 3px 1em;
  /*white-space: nowrap;*/
}
.menu a.menuItemActive,
.menu a.menuItemActive:hover {
  background-color: #644476; /*#906040;*/
  color: #fff0d0;
}
.menu a.menuItem .menuItemText {
}
.menu a.menuItem .menuItemArrow {
  font-size: 75%;
  margin-right: -.75em;
  padding-left: .25em;
}
.menu .menuHeader {
  font-weight: bold;
}
.menu .menuSeparator {
  border-top: 1px solid #906040;
  border-bottom: 1px solid #e0b090;
  margin: 4px 2px;
}

/*---------------------------------------------------------------------------*/
/* New (added) Divs                                                          */
/*---------------------------------------------------------------------------*/
/* jblink is The Green "JB CHURCHILL" Link */

#jblink a {color: #7E9E7C;}
#jblink a:hover {color: #d04000;}

#jblink {
  border: medium none;
  float: right;
  padding-right: 0.5em;
  color: #1D9E19;
}

#jblink a[href]:hover {color: #green;}
#jblink a[href]:visited {color: #green;}
#jblink a[href]:active {color: #green;}
#jblink a[href]:link {color: #1D9E19;}

/*---------------------------------------------------------------------------*/
/* ORIGINAL JBCHURCHILL DIVS                                                 */
/*---------------------------------------------------------------------------*/

#smallcaps {
  font-variant: small-caps;
}
#footer {
  font: 0.7em Arial, Helvetica, sans-serif;
}
#content {
  position: relative;
  max-width: 850px;
}
#widecontent {
  position: relative; /*used for astore pages*/
  max-width: 840px;
  width: 840px;
}
#left {
  float: left;
  clear: both;
  width: 190px;
  /*position: absolute; left: 0; right: 190px;*/
  max-width: 190px;
  border: 1px dotted gray;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font: 90% Garamond, Times, serif;
  font-size: 1em;
}
#news {
  position: relative 0 0 0 0;
  margin-left: 220px;
  padding-left: 1em;
  padding-right: 1em;
  max-width: 590px;
  width: 590px;
  border: 1px dotted gray;
  margin-bottom: 20px;
}
* html #left {
  /* the star html ie hack */
  width:230px;
}
* html #news {
  /* the star html ie hack */
  margin-left: 262px;
  max-width: 540px;
  width: 540px;
}
#widenews { /*used for astore pages*/
  position: relative 0 0 0 0;
  /*margin-left: 200px;*/
  padding-left: 0;
  padding-right: 0;
  /* max-width: 940px;*/
  /*border: 1px dotted gray;*/
  margin-bottom: 20px;
}
#news p, widenews p {
  font-size: 1.2em;
}
div#top, div#top_central {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
#top {
  padding-left: 0;
  background: #917C9E url(images/icons/top.gif) no-repeat scroll top left;
  /*background-color: #917C9E;*/
}
#top h1 {
  padding-left: 1em;
}
#top h4 {
  padding-left: 3.2em;
}
div#top_central {
  background: #917C9E url(images/icons/middle2.gif) repeat;
}
a:link {
  color: #6D199E;
}
a:hover {
  color: red;
}
a:visited {
  /* Alternately use nothing at all ! */
  /* color: #9E6619;  #69502E; USE THIS TO MAKE THIS DARKER IF IE IS SCREWING UP THE MENU COLORS */
  /*text-decoration: none;*/
}
a.webdev_button {
  border: none; /*2px dotted green;*/
  padding: none;
  text-decoration: none;
}
a.webdev_button img {border: none;}
div.webdev_button {
  position: absolute;
  margin-top:-160px;
}
.label {
  font: 60% Arial, Helvetica, sans-serif;
}
.undecorated li {
  list-style-type: none;
  margin-left: -2em;
}
.nb {
  background-image: url(silver_bc.gif);
  margin-bottom: 4px;
}
.right {
  float: right;
  clear: right;
}
.portrait {
  padding-left: 15px;
  padding-right: 15px;
}
.landscape {
  padding-top: 15px;
  padding-bottom: 15px;
}
  /* used in missing.html */
.listheading {
  margin-left: 1.4em;
}
img.filler {
  border: 2px red solid;
  float: right;
}
div.missing_content {
  width: 800px;
  max-width: 800px;
}
div.oops_header {
  /*float: left;
  clear: left;*/
  /*display: inline;*/
}
div.oops_header img {
  border: 1px #000000 solid;
}