/* AB-ITEMS-TOP.CSS IN ROOT */

#top-container {
  background: #ffffff url('/graphics/logo-background-1.jpg') no-repeat top center;
  height: 280px;
  margin: 0 auto -55px;    /* pulls the menu up into the background image */
  padding-top: 0px;
  padding-bottom: 0px;
/*  border: 1px solid #000000; */
}

#logo-box1 {
  width: 405px;
  float: left;
  margin-top: 10px;
  margin-left: 1px;
}

#logo-box1 li {
  color: #9999ff;        /* #0000ff;           blue */
  font-size: 20px;
  font-style: italic;
  margin: 3px;
  display: inline;
  float: left;
  list-style: none;
}

#top-nav {
/*  height: 200px; */
  font: 13px arial;
  height: auto;
  width: 160px;
  float: right;
  margin-top: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
/* position: fixed; */
}

#top-nav li {
/*  color: #9999ff; */
/*  font-style: italic; */
  display: list-item;
  text-align: right;
  list-style: none;
  padding: 3px;
  margin-right: 10px;
}

#top-nav a:link {
  text-decoration: none;
}

#top-nav a:visited {
  text-decoration: none;
/*  color: #800080;  */          /* default purple */
}

#top-nav a:hover {
  background: #0000ff;       /* blue */
  color: #fff;
  text-decoration: none;
}

#top-middle { 
  margin: 20px 170px 0 415px;
/*  text-align: left; */
  height: auto;
/*  vertical-align: top;                 DOESN'T WORK */
}

#main-container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}


/*  =====================================
    BEVEL HORIZONTAL MENU -- CSS
    =====================================  */

.bevelmenu {
  font: 13px arial;
  padding: 6px 0;
  margin: 0 0 20px;
  width: 100%;
  text-align: center;
  /* background-color: #fff2bf; */
  /* background: url('transparent.gif'); */
}

/*
.bevelmenu p {
  margin-top: auto;
}
*/

/* I added this next one */
.bevelmenu h3 {
  color: #339933;          /* green */
  font-size: 13px;
  display: inline;
  padding: 0 0 0 10px;
}

.bevelmenu li {
  list-style: none;
  display: inline;
}

.bevelmenu li a {
  padding: 3px 0.5em;
  text-decoration: none;
  border: 2px;
  color: #0000ff;   /* blue */
  /* background-color: #FFF2BF; */          
  /* border: 2px solid #FFF2BF; */
}

.bevelmenu li a:hover {
  color: #800080;   /* purple */
  background-color: #FFE271;
  border-style: outset;
  margin: 0 -2px;
}

html>body .bevelmenu li a:active { /* Apply mousedown effect only to NON IE browsers */
  border-style: inset;
}