#MenuContainer
{
  background  :  #5b45b6;
  margin      :  0px auto 0px auto;
  width       :  942px;
  overflow    :  hidden;
}

#MenuContainer ul, #MenuContainer li
{
  padding  :  0px;
  margin   :  0px;
}

#MenuBoxes
{
  background  :  #5b45b6;
  position    :  relative;
  height      :  380px;			
}

/* following box properties altered by Javascript  when DOM loads - width, height */
#MenuBoxes .box
{
  overflow  :  hidden;
  float     :  left;
  display   :  block;
  width     :  234px;
  height    :  250px;
  padding   :  0px;
}

#MenuBoxes .box a, #MenuBoxes .box a:hover
{ 
  display          :  block; 
  padding-left     :  10px; 
  line-height      :  30px; 
  height           :  30px;
  background       :  url('../images/menu/title-bg.jpg'); 
  overflow         :  hidden; 

  font-family      :  Helvetica, Verdana, Arial, sans-serif; 
  font-weight      :  bold; 
  font-size        :  12px; 
  color            :  #ffffff;

  text-decoration  :  none;
}

/* following box_inner properties altered by Javascript when DOM loads - width, background-color, overflow, font-size */
#Box1, #Box2, #Box3, #Box4, #Box5, #Box6, #Box7, #Box8
{
  background  :  url('../images/menu/panels.jpg') no-repeat;
}

#Box1
{
  background-position  :  5px 30px;
}

#Box2
{
  background-position  :  -355px 30px;
}

#Box3
{
  background-position  :  -715px 30px;
}

#Box4
{
  background-position  :  -1075px 30px;
}

#Box5
{
  background-position  :  5px -330px;
}

#Box6
{
  background-position  :  -355px -330px;
}

#Box7
{
  background-position  :  -715px -330px;
}

#Box8
{
  background-position  :  -1075px -330px;
}