ul#nav {
  padding: 0;
  margin: 60px 0 60px 8px;
  width: 168px;
}


ul#nav li {
  list-style: none;
}

ul#nav a {
  text-indent: -1000px;
  display: block;
  width: 168px;
  height: 30px;
  outline: none;
}

ul#nav li#nav-home a {background: url(../images/nav.gif) no-repeat 0 0;}
ul#nav li#nav-home a:hover {background: url(../images/nav.gif) no-repeat -168px 0;}
body#section-home ul#nav li#nav-home a {background: url(../images/nav.gif) no-repeat -336px 0;}

ul#nav li#nav-register a {background: url(../images/nav.gif) no-repeat 0 -30px;}
ul#nav li#nav-register a:hover {background: url(../images/nav.gif) no-repeat -168px -30px;}
body#section-register ul#nav li#nav-register a {background: url(../images/nav.gif) no-repeat -336px -30px;}

ul#nav li#nav-board a {background: url(../images/nav.gif) no-repeat 0 -60px;}
ul#nav li#nav-board a:hover {background: url(../images/nav.gif) no-repeat -168px -60px;}
body#section-board ul#nav li#nav-board a {background: url(../images/nav.gif) no-repeat -336px -60px;}

ul#nav li#nav-detail a {background: url(../images/nav.gif) no-repeat 0 -90px;}
ul#nav li#nav-detail a:hover {background: url(../images/nav.gif) no-repeat -168px -90px;}
body#section-detail ul#nav li#nav-detail a {background: url(../images/nav.gif) no-repeat -336px -90px;}

ul#nav li#nav-members a {background: url(../images/nav.gif) no-repeat 0 -120px;}
ul#nav li#nav-members a:hover {background: url(../images/nav.gif) no-repeat -168px -120px;}
body#section-members ul#nav li#nav-members a {background: url(../images/nav.gif) no-repeat -336px -120px;}

ul#nav li#nav-course a {background: url(../images/nav.gif) no-repeat 0 -150px;}
ul#nav li#nav-course a:hover {background: url(../images/nav.gif) no-repeat -168px -150px;}
body#section-course ul#nav li#nav-course a {background: url(../images/nav.gif) no-repeat -336px -150px;}

ul#nav li#nav-cpd a {background: url(../images/nav.gif) no-repeat 0 -180px;}
ul#nav li#nav-cpd a:hover {background: url(../images/nav.gif) no-repeat -168px -180px;}
body#section-cpd ul#nav li#nav-cpd a {background: url(../images/nav.gif) no-repeat -336px -180px;}

ul#nav li#nav-news a {background: url(../images/nav.gif) no-repeat 0 -210px;}
ul#nav li#nav-news a:hover {background: url(../images/nav.gif) no-repeat -168px -210px;}
body#section-news ul#nav li#nav-news a {background: url(../images/nav.gif) no-repeat -336px -210px;}

ul#nav li#nav-contact a {background: url(../images/nav.gif) no-repeat 0 -240px;}
ul#nav li#nav-contact a:hover {background: url(../images/nav.gif) no-repeat -168px -240px;}
body#section-contact ul#nav li#nav-contact a {background: url(../images/nav.gif) no-repeat -336px -240px;}