/* CSS Document */


/*FOR IMAGE ROLLOVERS*/
  #mainmenu {
    width: 692px; height: 44px;
	top: 22px;
    background: url(../images/mainmenu.png);
    margin: 0px;
	padding: 0;
    position: relative;
	}
	
  #mainmenu li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
	}
  #mainmenu li #panel1, #mainmenu #panel1 a {
    width: 94px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel2, #mainmenu #panel2 a {
    width: 111px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel3, #mainmenu #panel3 a {
    width: 117px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel4, #mainmenu #panel4 a {
    width: 167px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel5, #mainmenu #panel5 a {
    width: 88px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel6, #mainmenu #panel6 a {
    width: 98px;
	display: block;
	height: 44px;
	}
	
  #panel1 {left: 6px}
  #panel2 {left: 101px}
  #panel3 {left: 213px}
  #panel4 {left: 331px}
  #panel5 {left: 499px}
  #panel6 {left: 588px}
  
  
  #panel1 a:hover {
    background: transparent url(../images/mainmenu.png)   -6px -44px no-repeat;}
  #panel2 a:hover {
    background: transparent url(../images/mainmenu.png)    -101px -44px no-repeat;}
  #panel3 a:hover {
    background: transparent url(../images/mainmenu.png)    -213px -44px no-repeat;}
  #panel4 a:hover {
    background: transparent url(../images/mainmenu.png)    -331px -44px no-repeat;}
  #panel5 a:hover {
    background: transparent url(../images/mainmenu.png)    -499px -44px no-repeat;}
  #panel6 a:hover {
    background: transparent url(../images/mainmenu.png)    -588px -44px no-repeat;}