/* CSS Document */

.chromestyle
{
  width: 100%;
}

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

.chromestyle
{
  background: #000000; /*THEME CHANGE HERE*/
}

.chromestyle ul
{
  border: 1px solid #BBB;
  width: 100%;
  padding: 0 0;
  margin: 0;
  text-align: right; /*set value to "left", "center", or "right"*/
  position: relative;
}

.chromestyle ul li
{
  float: left;
  list-style: none;
  padding: 0;
}

.chromestyle ul li a
{
  color: #FFFFFF;
  padding: 4px 16px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid #DADADA;
  display: block;
}

.chromestyle ul li:hover ul, .chromestyle ul li ul.hover
{
  display: block;
}

.chromestyle ul li ul
{
  display: none;
  position: absolute;
  left: auto;
  top: auto;
  width: auto;
  margin-left: -2px;
  background-color: #000000;
  padding: 0;
  height: auto;
  text-align: left;
}

.chromestyle ul li a.last
{
  border: 0; 
}

.chromestyle ul li ul li
{
  cursor: pointer;
  clear: left;
  margin-bottom: -1px;
  padding: 0;
  position: relative;
  float: left;
}

.chromestyle ul li ul li a
{
  border-right: 0;
  border-bottom: 1px solid #DADADA;
  width: 180px;
  display: block;
}

.chromestyle ul li a:hover
{
  background: #FFFFFF;
  color: #000000;
}

.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 Drop Down Menu ######### */

.dropmenudiv
{
  position: absolute;
  top: 0;
  border: 1px solid #BBB;
  border-bottom-width: 0;
  z-index: 100;
  background-color: #000000;
  width: 200px;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
  color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
  font-weight: normal;
  font-variant: normal;
}


.dropmenudiv a
{
  width: auto;
  display: block;
  text-indent: 3px;
  border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
  padding: 2px 0;
  text-decoration: none;
  color: #FFFFFF;
}

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

.dropmenudiv a:hover
{
  background-color: #FFFFFF;
  color: #000000;
}
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}