/*  _______  two top nav bars ________  */

/*  Thanks to Dave Shea for CSS Sprites: Image Slicingšs Kiss of Death at http://www.alistapart.com/articles/sprites   */

#ooaknav {width: 399px; height: 20px;z-index: 5; background: url(../images/nav/topnavx3.gif);margin: 0; padding: 0; position: relative; top: 12px; left: 110px; z-index: 15;}
* html #ooaknav {left: 0px;}

#ooaknav li, #ooaknav a { height: 20px; display: block; }
#ooaknav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#ooaknav a { border: 0; }

#panel1 {left: 0; width: 50px; }  
#panel2 {left: 50px; width: 64px; }
#panel3 {left: 114px; width: 68px; }
#panel4 {left: 182px; width: 68px; }
#panel5 {left: 250px; width: 66px; }
#panel6 {left: 316px; width: 84px; }

#panel1 a:hover { background: transparent url(../images/nav/topnavx3.gif) 0 -20px no-repeat; }
#panel2 a:hover { background: transparent url(../images/nav/topnavx3.gif) -50px -20px no-repeat; }
#panel3 a:hover { background: transparent url(../images/nav/topnavx3.gif) -114px -20px no-repeat; }
#panel4 a:hover { background: transparent url(../images/nav/topnavx3.gif) -182px -20px no-repeat; }
#panel5 a:hover { background: transparent url(../images/nav/topnavx3.gif) -250px -20px no-repeat; }
#panel6 a:hover { background: transparent url(../images/nav/topnavx3.gif) -316px -20px no-repeat; }

#panel1 a:active { background: transparent url(../images/nav/topnavx3.gif) 0 -40px no-repeat; }
#panel2 a:active { background: transparent url(../images/nav/topnavx3.gif) -50px -40px no-repeat; }
#panel3 a:active { background: transparent url(../images/nav/topnavx3.gif) -114px -40px no-repeat; }
#panel4 a:active { background: transparent url(../images/nav/topnavx3.gif) -182px -40px no-repeat; }
#panel5 a:active { background: transparent url(../images/nav/topnavx3.gif) -250px -40px no-repeat; }
#panel6 a:active { background: transparent url(../images/nav/topnavx3.gif) -316px	 -40px no-repeat; }


#ooaknav2 {width: 399px; height: 30px;z-index: 5; background: url(../images/nav/navmenu.png);margin: 0; padding: 0; position: relative; top: 0px; left: 0px; z-index: 15;}

#ooaknav2 li, #ooaknav2 a { height: 30px; display: block; }
#ooaknav2 li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#ooaknav2 a { border: 0; }

#panel1a {left: 0; width: 91px; }  
#panel2a {left: 91px; width: 101px; }
#panel3a {left: 191px; width: 99px; }
#panel4a {left: 291px; width: 110px; }

#panel1a a:hover { background: transparent url(../images/nav/navmenu.png) 0 -30px no-repeat; }
#panel2a a:hover { background: transparent url(../images/nav/navmenu.png) -91px -30px no-repeat; }
#panel3a a:hover { background: transparent url(../images/nav/navmenu.png) -191px -30px no-repeat; }
#panel4a { background: transparent url(../images/nav/navmenu.png) -291px -30px no-repeat; }

#panel1a a:active { background: transparent url(../images/nav/navmenu.png) 0 -60px no-repeat; }
#panel2a a:active { background: transparent url(../images/nav/navmenu.png) -91px -60px no-repeat; }
#panel3a a:active { background: transparent url(../images/nav/navmenu.png) -191px -60px no-repeat; }
#panel4a a:active { background: transparent url(../images/nav/navmenu.png) -291px -60px no-repeat; }



	/* EOF */