#navCourse { /* courseView.tpl.php */ 
  width: 250px;
  float: left;
}

.navLink {
    padding: 3px 0;
}

#navCourse A div.navLink {
    width: 100%;
   cursor: hand;
}


#navCourse A.lkOffItem:hover  .navLink {
color: #b10101;
}

#navCourse A.lkOnItem .navLink {
    color: #b10101;
}

.navLink0 {
    font-weight: bold;
}

.offItemTable {
    width: 250px;
    height: 20px;
    background: url(../img/course/navmenu-bg.gif);
}

.offItemTableNotDemo {
    height: 20px;
    background: #e0e0e0;
}

.onItemTable {
    height: 20px;
    background: #fff;
}

.onItemTable img, .offItemTable img, .offItemTableNotDemo img, .offAncestorItemTable img {
    padding: 5px;
}

.offAncestorItemTable {
    height: 20px;
    background: url(../img/course/navmenu-bg.gif);
}


.navChapterNo {
    color: #b2000a;
}


#navCourse A.lkOnItem  { /* courseView.tpl.php */ 
    background: #fff;
    color: #b10101;
    width: 100%;
}

#navCourse A.lkOffItem  { /* courseView.tpl.php */ 
    color: #000;
    width: 100%;
}


#navCourseTop {
    width: 250px;
    height: 35px;
    background: url(../img/course/navmenu-top-bg.gif);
}

#navCourseTop img {
    float: left;
    margin-top: 5px;
    margin-left: 33px;
}

#navCourseTop img.first {
    margin-left: 20px;
}


/*********************** begin other style ***********************/

.navCourseGrandParent IMG, .navCourseParentBro IMG, .navCourseBro IMG,  .navCourseBroOn IMG, .navCourseChild IMG   { 
  margin-right: 2px;
}


.navCourseGrandParent { 
  margin-bottom: 10px;
}

.navCourseParentBro { 
  margin-top: 12px;
  margin-left: 3px;
}

.navCourseBro, .navCourseBroOn  { 
  margin-top: 10px;
  margin-left: 13px;
}

.navCourseBroOn { 
  background: #DBFFDC;
}

.navCourseChild { 
  margin-left: 23px;
  margin-top: 5px;
}


/*********************** end other style ***********************/