/* Blue - #3194E4 */
/* Green - #148035 */

#PrimaryMenu { 
padding:5px 3px;
height:40px; 
background-image:url('/content/images/clubhouse-menu-bg.jpg');
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem, div.menuBar a {
  font-family: Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  letter-spacing:0px;
}

div.menuBar {
  background-color: #3194E4;
  background-image:url('/content/images/clubhouse-menu-bg.jpg');
  border:solid 1px navy;
  padding: 4px 2px 12px 2px;
  text-align:left;
  border-left-style:none; 
  border-right-style:none; 
  color:#ccddcc; 
}

/* ===== meni menu item, non-active ===== */
div.menuBar a.menuButton {
  background-color: transparent;
  color: #FFFFFF;
  font-weight:normal;
  cursor: hand;
  left: 0px;
  margin: 2px;
  padding: 2px 7px 3px; /* ===== spacing of drop down menu ===== */
  position: relative;
  text-decoration: none;
  top: 4px;
  bottom: 4px;
  z-index: 902;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  color: #000000; 
  border:solid 1px white; 
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #257FC8;
  color:#ffffff;
}

/* ===== drop down menu ===== */
div.menu {
  background-color: #E0E0E0;
  border: 2px outset #E0E0E0; 
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 903;
}

/* ===== drop down menu item rollover ===== */
div.menu a.menuItem {
  font-size: 12px;
  color: #000000;
  cursor: hand;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  padding-left:5px;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #3194E4;
  color: #ffffff; 
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #f9f9f9;
  margin: 4px 2px;
}

/* ===== Class for Boxes Dynamically Created to Cover Select Lists ===== */
.dynamicBox 
{
	background-color:#ffffff; 
	border:solid 1px #999999; 
	visibility:visible; 
	border-right:solid 15px #999999;
}