/* 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: 90px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel2, #mainmenu #panel2 a {
    width: 75px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel3, #mainmenu #panel3 a {
    width: 102px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel4, #mainmenu #panel4 a {
    width: 151px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel5, #mainmenu #panel5 a {
    width: 81px;
	display: block;
	height: 44px;
	}
  #mainmenu li #panel6, #mainmenu #panel6 a {
    width: 91px;
	display: block;
	height: 44px;
	}
	#mainmenu li #panel7, #mainmenu #panel7 a {
    width: 87px;
	display: block;
	height: 44px;
	}
	
  #panel1 { left: 6px }
  #panel2 { left: 97px }
  #panel3 { left: 173px }
  #panel4 { left: 276px }
  #panel5 { left: 427px }
  #panel6 { left: 508px }
  #panel7 { left: 599px }
  
  #panel1 a:hover {
    background: transparent url(../images/mainmenu.png)   -6px -44px no-repeat;}
  #panel2 a:hover {
    background: transparent url(../images/mainmenu.png)    -97px -44px no-repeat;}
  #panel3 a:hover {
    background: transparent url(../images/mainmenu.png)    -173px -44px no-repeat;}
  #panel4 a:hover {
    background: transparent url(../images/mainmenu.png)    -276px -44px no-repeat;}
  #panel5 a:hover {
    background: transparent url(../images/mainmenu.png)    -427px -44px no-repeat;}
  #panel6 a:hover {
    background: transparent url(../images/mainmenu.png)    -508px -44px no-repeat;}
  #panel7 a:hover {
    background: transparent url(../images/mainmenu.png)    -599px -44px no-repeat;}