diff --git a/courseware.html b/courseware.html
index 99444c5077..4b3a1291e3 100644
--- a/courseware.html
+++ b/courseware.html
@@ -23,7 +23,7 @@
     });
 </script>
 
-<%include file="navigation.html" />
+<%include file="navigation.html" args="active_page='courseware'" />
 
 <section class="main-content">
   <div class="course-wrapper">
diff --git a/info.html b/info.html
index 5867feb021..f6f59462b4 100644
--- a/info.html
+++ b/info.html
@@ -1,6 +1,6 @@
 <%inherit file="main.html" />
 
-<%include file="navigation.html" />
+<%include file="navigation.html" args="active_page='info'" />
 
 <section class="main-content">
   <div class="profile-wrapper">
diff --git a/navigation.html b/navigation.html
index 278a560af9..b639dc5b28 100644
--- a/navigation.html
+++ b/navigation.html
@@ -1,17 +1,18 @@
+<%page args="active_page" />
 <div class="header-wrapper">
   <header>
     <h1><em>MITx</em></h1>
 
-    <nav>
+    <nav class="${active_page}">
       <h2><a href="/courseware">Circuits and Electronics</a></h2>
 
       <ul class="coursenav">
-        <li><a href="/courseware">Courseware</a></li>
-        <li><a href="/info">Course Info</a></li>
-        <li><a href="/book">Textbook</a></li>
-        <li><a href="/discussion">Discussion</a></li>
-        <li><a href="/wiki">Wiki</a></li>
-        <li><a href="/profile">Profile</a></li>
+        <li class="courseware"><a href="/courseware">Courseware</a></li>
+        <li class="info"><a href="/info">Course Info</a></li>
+        <li class="book"><a href="/book">Textbook</a></li>
+        <li class="discussion"><a href="/discussion">Discussion</a></li>
+        <li class="wiki"><a href="/wiki">Wiki</a></li>
+        <li class="profile"><a href="/profile">Profile</a></li>
       </ul>
     </nav>
   </header>
diff --git a/profile.html b/profile.html
index 689bffaa38..7ba5dd6d8c 100644
--- a/profile.html
+++ b/profile.html
@@ -62,7 +62,7 @@ $(function() {
 
 </script>
 
-<%include file="navigation.html" />
+<%include file="navigation.html" args="active_page='profile'" />
 
 <section class="main-content">
   <div class="profile-wrapper">
diff --git a/simplewiki_base.html b/simplewiki_base.html
index f73c63218e..731f5be8d9 100644
--- a/simplewiki_base.html
+++ b/simplewiki_base.html
@@ -73,7 +73,7 @@
   <%block name="wiki_head"/>
 </%block>
 
-<%include file="navigation.html" />
+<%include file="navigation.html" args="active_page='wiki'" />
 
 <section class="main-content">
   <div class="wiki-wrapper">
diff --git a/staticbook.html b/staticbook.html
index 46348a1441..a9afbede22 100644
--- a/staticbook.html
+++ b/staticbook.html
@@ -34,7 +34,7 @@ function next_page() {
 }
 </script>
 
-<%include file="navigation.html" />
+<%include file="navigation.html" args="active_page='book'" />
 
 <section class="main-content">
   <div class="book-wrapper">