diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 844188a..7d398aa 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -122,8 +122,14 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
         }
 
 
-        $rootScope.$on("$locationChangeSuccess", function () {
 
+        $rootScope.$on("$locationChangeSuccess", function () {
+            
+            $rootScope.isLeftMenuActive = function (moduleUrl) {
+              
+                return moduleUrl === $location.path();
+            }
+           
             if (($location.url() == "/da-body-view")) {
                 $rootScope.disableMenuannotation = " ";
                 $rootScope.disableMenuoption = " ";
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html b/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
index b3599f4..d8612eb 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/widget/MainMenu.html
@@ -1,3 +1,4 @@
+
 <div class="bodyWrap row container-fluid" >
     <div class="col-sm-12 col-md-12 pageHeading">
         <!--<button type="button" class="btn btn-success pull-left toggleBar btn-sm" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </button>-->
@@ -26,22 +27,22 @@
         <!--{{name}}-->
         <ul class="nav nav-sidebar" ng-init="hideScrollbar()">
             <!--<li ng-repeat="module in userModules"><a id="{{module.slug}}" href="{{module.slug}}" ng-click="IsVisible()">{{module.name}}</a></li>-->
-            <li><a href="da-view-list" ng-click="IsVisible()">Dissectible Anatomy</a></li>
-            <li><a href="3d-anatomy-list" ng-click="IsVisible()">3D Anatomy</a></li>
-            <li><a href="clinical-illustrations" ng-click="IsVisible()">Clinical Illustrations</a></li>
-            <li><a href="clinical-animations" ng-click="IsVisible()">Clinical Animations</a></li>
-            <li><a href="Link/encyclopedia" ng-click="IsVisible()">Encyclopedia</a></li>
-            <li><a href="curriculum-builder" ng-click="IsVisible()">Curriculum Builder</a></li>
-            <li><a href="anatomy-test" ng-click="IsVisible()">Anatomy Tests</a></li>
-            <li><a href="Link/IP-10" ng-click="IsVisible()">IP 10</a></li>
-            <li><a href="lab-exercises" ng-click="IsVisible()">Lab Exercises</a></li>
-            <li><a href="Link/indepth-reports" ng-click="IsVisible()">In-Depth Reports</a></li>
-            <li><a href="Link/complementary-and-alternate-medicine" ng-click="IsVisible()">Complementary and Alternative Medicine</a></li>
-            <li><a href="ADAM-Images" ng-click="IsVisible()">A.D.A.M Images</a></li>
-            <li><a href="Link/bodyguide" ng-click="IsVisible()">Body Guide</a></li>
-            <li><a href="Link/symptom-navigator" ng-click="IsVisible()">Symptom Navigator</a></li>
-            <li><a href="Link/wellness-tools" ng-click="IsVisible()">The Wellness Tools</a></li>
-            <li><a href="ADAM-on-demand" ng-click="IsVisible()">A.D.A.M OnDemand</a></li>
+            <li><a href="da-view-list" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/da-view-list')}">Dissectible Anatomy</a></li>
+            <li ><a href="3d-anatomy-list" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/3d-anatomy-list')}">3D Anatomy</a></li>
+            <li ><a href="clinical-illustrations" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/clinical-illustrations')}">Clinical Illustrations</a></li>
+            <li ><a href="clinical-animations" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/clinical-animations')}">Clinical Animations</a></li>
+            <li><a href="Link/encyclopedia" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/encyclopedia')}">Encyclopedia</a></li>
+            <li><a href="curriculum-builder" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/curriculum-builder')}">Curriculum Builder</a></li>
+            <li><a href="anatomy-test" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/anatomy-test')}">Anatomy Tests</a></li>
+            <li><a href="Link/IP-10" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/IP-10')}">IP 10</a></li>
+            <li><a href="lab-exercises" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/lab-exercises')}">Lab Exercises</a></li>
+            <li><a href="Link/indepth-reports" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/indepth-reports')}">In-Depth Reports</a></li>
+            <li><a href="Link/complementary-and-alternate-medicine" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/complementary-and-alternate-medicine')}">Complementary and Alternative Medicine</a></li>
+            <li><a href="ADAM-Images" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/ADAM-Images')}">A.D.A.M Images</a></li>
+            <li><a href="Link/bodyguide" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/bodyguide')}">Body Guide</a></li>
+            <li><a href="Link/symptom-navigator" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/symptom-navigator')}">Symptom Navigator</a></li>
+            <li><a href="Link/wellness-tools" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/Link/wellness-tools')}">The Wellness Tools</a></li>
+            <li><a href="ADAM-on-demand" ng-click="IsVisible()" ng-class="{active:isLeftMenuActive('/ADAM-on-demand')}">A.D.A.M OnDemand</a></li>
 
          </ul>
     </div>
@@ -94,3 +95,4 @@
         tooltipClass: 'customTooltip'
     });
 </script>
+