Check out this jsfiddle link for more information: http://jsfiddle.net/fht7zsm2/
To modify the background color of the current page, I utilized the following code:
.sf-menu .active{
background-color:#1B3E70;
color:white;
}
In an attempt to implement this change, I included the script below in the footer section. Despite trying to place it in the header, the desired effect was not achieved:
<script>
$('.sf-menu a').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});
</script>
I found helpful resources on how to accomplish this task at the following links: Change link color of the current page with CSS
Here is another useful jsfiddle example: http://jsfiddle.net/7VBy9/