/* -----------------------    NAVIGATION   ----------------------- */ 

.nav {
width: 800px;
height: 36px;
background: url(links.gif);
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.nav li {
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none; display: block; position: absolute;}
.nav a {display: block;}

.panel1 {left: 0px; top: 0px; width: 75px; height: 36px;}
.panel2 {left: 75px; top: 0px; width: 65px; height: 36px;}
.panel3 {left: 140px; top: 0px; width: 55px; height: 36px;}
.panel4 {left: 195px; top: 0px; width: 90px; height: 36px;}
.panel5 {left: 285px; top: 0px; width: 80px; height: 36px;}
.panel6 {left: 365px; top: 0px; width: 65px; height: 36px;}
.panel7 {left: 430px; top: 0px; width: 85px; height: 36px;}
.panel8 {left: 515px; top: 0px; width: 50px; height: 36px;}
.panel9 {left: 565px; top: 0px; width: 160px; height: 36px;}

.panel10 {left: 725px; top: 0px; width: 160px; height: 36px;}

.panel1 a {height: 36px;}
.panel2 a {height: 36px;}
.panel3 a {height: 36px;}
.panel4 a {height: 36px;}
.panel5 a {height: 36px;}
.panel6 a {height: 36px;}
.panel7 a {height: 36px;}
.panel8 a {height: 36px;}
.panel9 a {height: 36px;}
.panel10 a {height: 36px;}

.panel1 a:hover {background: url(links.gif) -0px -36px no-repeat;}
.panel2 a:hover {background: url(links.gif) -75px -36px no-repeat;}
.panel3 a:hover {background: url(links.gif) -140px -36px no-repeat;}
.panel4 a:hover {background: url(links.gif) -195px -36px no-repeat;}
.panel5 a:hover {background: url(links.gif) -285px -36px no-repeat;}
.panel6 a:hover {background: url(links.gif) -365px -36px no-repeat;}
.panel7 a:hover {background: url(links.gif) -430px -36px no-repeat;}
.panel8 a:hover {background: url(links.gif) -515px -36px no-repeat;}
.panel9 a:hover {background: url(links.gif) -565px -36px no-repeat;}
.panel10 a:hover {background: url(links.gif) -725px -36px no-repeat;}

/* -----------------------    NAVIGATION   ----------------------- */