/* ThemeMenu Style Sheet */
/* NOTE:  Some additional CSS is included in public_html/styles/main.css */

.ThemeMenubar {
  width: 100%;
  padding-bottom:  2px;
}

.ThemeMenubackgr {
  background: #000000;  /* Background of the full width menu bar */
  border-bottom: 1px solid #cccccc;
}

.ThemeMenu, .ThemeMenubar a, .ThemeMenubar td {
  color: #ffffff; /* Main and Sub menu items anchor and text color (text is the colon before the select lists). */
}
/* Note:  Can't figure out how to get the rollover color on the submenus to change even though the above line */
/* changes the regular anchor element color. */

.ThemeMenu,.ThemeSubMenuTable {
  font-family:  arial, verdana, sans-serif;
  font-size:  1em;
  padding:  0;
  white-space:  nowrap;
  cursor:    default;
  height: 25px;
  vertical-align:middle;
}

.ThemeSubMenu {
  position:  absolute;
  visibility:  hidden;
  /*
     Netscape/Mozilla renders borders by increasing
     their z-index.  The following line is necessary
     to cover any borders underneath
  */
  z-index:  100;
  border:    0;
  padding:  1px;
  background-color:  #000000;  /* Makes a border around the submenu blocks */
  overflow:  visible;
  /*border:    1px solid #ff0000;*/
}

.ThemeSubMenuTable {
  overflow:  visible;
}

.ThemeMainItem,.ThemeMainItemHover,.ThemeMainItemActive,
.ThemeMenuItem,.ThemeMenuItemHover,.ThemeMenuItemActive {
  border:    0;
  cursor:    default;
  white-space:  nowrap;
}

.ThemeMainItem {
  background-color:  #000000; /* Background of the li block around the menu items */
  color: #ffffff;  /* Text color within the main menu block, but not used since text is only in anchor element */
}


.ThemeMainItemHover,.ThemeMainItemActive {
  background-color:  #000000;  /* Background of main menu items o rollover */
   color: #000000; /* Rollover text color, not used since text is only in anchor elements */
}

.ThemeMenuItem {
  background-color:  #000000;  /* Background behind submenu options */
   color: #ffffff;  /* text in sub-,menus - not used - text is all in anchor elements */
}

.ThemeMenuItemHover,.ThemeMenuItemActive {
  background-color:  #000000;  /* Background of submenu items on rollover */
  color: #c78039; /* Rollover text color in submenus, not used since text is only in anchor elements */
}

/* horizontal main menu */

.ThemeMainItem {
  padding: 1px;
  border: 0;
}

td.ThemeMainItemHover,td.ThemeMainItemActive {
  padding:  0px;
 /* border:  1px solid #c78039;*/
 color: #c78039;  /* Hover color of main menu item text */
}

.ThemeMainFolderLeft,.ThemeMainItemLeft,
.ThemeMainFolderText,.ThemeMainItemText,
.ThemeMainFolderRight,.ThemeMainItemRight {
  background-color:  inherit;  /* Main menu Anchor element background */
}

/* vertical main menu sub components */

td.ThemeMainFolderLeft,td.ThemeMainItemLeft {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  2px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;
  border-left:  1px solid #669900;*/
  background-color:  inherit;  /* not using a vertical menu */
}

td.ThemeMainFolderText,td.ThemeMainItemText {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  5px;
  padding-right:  5px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;*/
  background-color:  inherit;
  white-space:  nowrap;
}

td.ThemeMainFolderRight,td.ThemeMainItemRight {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  0px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;
  border-right:  1px solid #669900;
  */
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainFolderLeft,
tr.ThemeMainItem td.ThemeMainItemLeft {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  1px;
  padding-right:  2px;
  white-space:  nowrap;
  border:    0;
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainFolderText,
tr.ThemeMainItem td.ThemeMainItemText {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  5px;
  padding-right:  5px;
  border:    0;
  background-color:  inherit;
}

tr.ThemeMainItem td.ThemeMainItemRight,
tr.ThemeMainItem td.ThemeMainFolderRight {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  0px;
  padding-right:  1px;
  border:    0;
  background-color:  inherit;
}

/* sub menu sub components */

.ThemeMenuFolderLeft,.ThemeMenuItemLeft {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  1px;
  padding-right:  3px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;
  border-left:  1px solid #669900;     Borders around icons in pull down rollovers*/
  background-color:  #000000;  /* background of graphics in submenu on rolloever*/
  white-space:  nowrap;
}

.ThemeMenuFolderText,.ThemeMenuItemText {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  5px;
  padding-right:  5px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;    Borders around the words in the pulldown rollovers*/
  background-color:  inherit; /*Background of submenu item text on rollover */
  white-space:  nowrap;
}

.ThemeMenuFolderRight,.ThemeMenuItemRight {
  padding-top:  2px;
  padding-bottom:  2px;
  padding-left:  0px;
  padding-right:  0px;
  /*border-top:  1px solid #669900;
  border-bottom:  1px solid #669900;
  border-right:  1px solid #669900;     Borders around the right side of menu pulldown rollover*/
  background-color: inherit;  /* Makes a border on the right of submenu items */
  white-space:  nowrap;
}

.ThemeMenuItem .ThemeMenuFolderLeft,
.ThemeMenuItem .ThemeMenuItemLeft {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  2px;
  padding-right:  3px;
  white-space:  nowrap;
  border:   0px;
  background-color:  #000000;  /* LI background around submenu icons. */
}

.ThemeMenuItem .ThemeMenuFolderText,
.ThemeMenuItem .ThemeMenuItemText {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  5px;
  padding-right:  5px;
  border:    0px;
  background-color:  inherit;  /* background of submenu item text LI */
}

.ThemeMenuItem .ThemeMenuFolderRight,
.ThemeMenuItem .ThemeMenuItemRight {
  padding-top:  3px;
  padding-bottom:  3px;
  padding-left:  0px;
  padding-right:  1px;
  border:    0;
  background-color:  inherit;  /* makes a border on the right of the submenu text li */
}

/* menu splits */

.ThemeMenuSplit {
  margin:    2px;
  height:    1px;
  overflow:  hidden;
  background-color:  inherit;  /* affects the horizontal line in the search menu */
  border-top:  1px solid #C6C3BD;
}

/* image shadow animation */

/*
  seq1:  image for normal
  seq2:  image for hover and active

  To use, in the icon field, input the following:
  <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeMenuItem img.seq1 {
  display:  inline;
}

.ThemeMenuItemHover seq2,
.ThemeMenuItemActive seq2 {
  display:  inline;
  color: #c78039;
}

.ThemeMenuItem .seq2,
.ThemeMenuItemHover .seq1,
.ThemeMenuItemActive .seq1 {
  display:  none;
  color: #c78039;
}