diff --git a/www/templates/jfoundation/css/custom.css b/www/templates/jfoundation/css/custom.css
index 5348f18..af94e33 100644
--- a/www/templates/jfoundation/css/custom.css
+++ b/www/templates/jfoundation/css/custom.css
@@ -56,6 +56,18 @@ body.site.fluid {
     border-radius: 0;
 }
 
+/* Addition of change in background color on hover */
+.navigation .nav li > a:hover{
+    background-color: #345d12;
+    color: black;
+}
+
+.navigation .nav li > a:focus{
+    color: white;
+    text-decoration: underline;
+}
+
+
 /* footer */
 .footer {
     text-align: center;