/***   Menu styles   ***/

TD#navigationCell{ height: 35px; line-height: 35px; background-color: #000; }
UL#navigation{ 
  width: 850px; height: 35px;
  background-color: #000;
}

UL#navigation LI,
UL#navigation A{
  font-family: Arial;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
}
UL#navigation LI:hover A{ color: #00a8eb; }
UL#navigation LI{ 
  margin: 0 12px;
  line-height: 35px;  
}

UL#navigation LI UL{
  background-color: #333;
  border-bottom: solid 4px #00a8eb;
  padding: 5px 0;
}
UL#navigation LI:hover UL{ 
  margin-left: -12px;
}

UL#navigation LI UL LI A{
  padding: 0 12px; 
  margin: 2px 0;
  line-height: 20px;  
}
UL#navigation LI:hover UL LI A{ color: #fff; }
UL#navigation LI UL LI A:hover{
  background-color: #00a8eb;
  
}

/***   Do not edit the following   ***/

UL#navigation{ position: absolute; top: 228px; z-index: 200; }
UL#navigation UL{ position: absolute; }
UL#navigation, UL#navigation UL{ list-style-type: none; margin: 0px; padding: 0px; }
UL#navigation LI{ float: left; }
UL#navigation LI A{ display: block; }
UL#navigation LI UL{ display: none; }
UL#navigation LI:hover UL{ display: block; clear: left; position: absolute; }
UL#navigation LI UL LI{ width: 100%; clear: left; margin: 0px; }
UL#navigation LI UL LI A{ display: block; }

/***   Banner styles   ***/

DIV#Banner, DIV#BannerWindow{
  width: 850px; height: 300px;
  background-color: #000;
  overflow: hidden;
} 
DIV#BannerContent IMG{ display: none; position: absolute; }
DIV#BannerContent IMG.visible{ display: block; }

DIV#BannerControls{ position: absolute; top: 500px; margin-left: 20px; z-index: 150; }
DIV#BannerControls DIV.bannerButton{
  width: 20px; height: 20px;
  font-family: Arial; font-size: 12px;
  border: solid 1px #00aeef;
  line-height: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  margin-right: 5px;
  float: left;
}
DIV#BannerControls DIV.selected{ background-color: #00aeef; }