.chromestyle{
  width: 695px;
  /*height: 100%;*/
  font-family: Verdana;
  font-weight: normal;
  /*border: 1px solid #aaaaaa;*/
}


.chromestyle:after /*Add margin between menu and rest of content in Firefox*/
{
  /*
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  */
}


/*************************************************************
 * Styles used by a table version of the menu
 *************************************************************/
.chromestyle table
{
  width: 100%;
  height: 24px;                     /* Make sure this height is the same as the background image or the height you want for the menu */
  text-align: center;
  /*background: url(/images/layout/menu-background.gif) repeat-x top; *//*THEME CHANGE HERE*/
}


.chromestyle table td
{
  /*border-right: 1px solid #aaaaaa;*/
  vertical-align: middle;
}


/*
.chromestyle table td:last-child
{
  border-right: 0px;
}
*/


.chromestyle table td.last
{
  border-right: 0px;
}
.chromestyle table td.last span {
  padding-right: 2px;
  color: #FF6600;
}


.chromestyle table a
{
  width: auto;
  font-size: 14px;
  color: #666666;                   /* Color of the unhighlighted menu text */
  line-height: 24px;                /* CONFIG: Make sure this is the same height as the table */
  text-decoration: none;
  display: block;                   /* Required to take over the whole table cell */
}


.chromestyle table a:hover, .chromestyle table .active a, .chromestyle table a.active
{
  color: #0077C0;                   /* Color of the highlighted main menu text */
  /*background-color: #324C81;        /* Makes the entire background a highlighted main menu a solid color */
  /*background: url(/images/menu/menu-background-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
  text-decoration: none;
}


/*************************************************************
 * Styles used by an unordered list version of the menu
 *************************************************************/
.chromestyle ul
{
  font-size: 11px;
  border: 1px solid #BBB;
  width: 100%;
  height: 24px;
  background: url(/images/menu/menu-background.gif) center center repeat-x; /*THEME CHANGE HERE*/
  /*padding: 4px 0; */
  margin: 0;
  text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li
{
  display: inline;
}

.chromestyle ul li a
{
  color: #336699;                   /* Color of the unhighlighted menu text */
  /*padding: 4px 7px;*/
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover
{
  color: #ffffff;                   /* Color of the highlighted main menu text */
  background-color: #324C81;        /* Makes the entire background a highlighted main menu a solid color */
  /*background: url(/images/menu/menu-background-over.gif) center center repeat-x;*/ /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after /*HTML to indicate drop down link*/
{
  /*content: " v";*/
  /*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/*************************************************************
 * Style for the Drop Down Menu
 *************************************************************/
.dropmenudiv
{
  position: absolute;
  top: 0;
  width: 150px;
  /*border: 1px solid #aaaaaa; /*THEME CHANGE HERE*/
  /*border-bottom-width: 1;*/
  z-index: 100;
  /*background-color: #F0F0F0;        /* Color of the dropdown menu's background */
  visibility: hidden;
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
}


/* Sets the style of the drop down menu item links */
.dropmenudiv a
{
  color: #666666;                   /* Color of the unhighlighted menu text */
  width: auto;
  display: block;
  text-indent: 8px;
  text-decoration: none;
  /*border-bottom: 1px solid #BBB;*/ /* Creates a line underneath each menu item */
  padding: 2px 0;
}

* html .dropmenudiv a /*IE only hack*/
{
  width: 100%;
}

.dropmenudiv a:hover /*THEME CHANGE HERE*/
{
  color: #0077C0;                   /* Color of the font when highlighted */
  background-color: #E9E9E9;        /* Background color of the link when highlighted */
  text-decoration: none;
}

.dropmenudiv.rbox_10 .lc, .dropmenudiv.rbox_10 .uc, .dropmenudiv.rbox_10 .cc {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.dropmenudiv.rbox_10 .ul, .dropmenudiv.rbox_10 .ur, .dropmenudiv.rbox_10 .ll, .dropmenudiv.rbox_10 .lr {
  background: transparent url('/images/layout/rounded-corners.png') no-repeat 0 0;
}