/* navigation menu for smaller devices with 'you are here' for current page, plus b/ground colour change on hover over each menu item */

ul#navi-mob { width: 75%; margin-top:30px; margin-bottom: 30px; }  /* adjust overall width of menu here */ 
ul#navi-mob li { list-style-image: url(../img/arrow-red-line.gif); font-size: 1em; line-height: 1.4em; background-color: #fafafa; border-top: solid 1px #d5d5d5; }  /* bg colour of entire menu here */
ul#navi-mob li a { display: block; padding: 5px 0 5px 7px; }
a:link, a:visited { color: #333; text-decoration: none; }  /* text colour only */
a:hover, a:active { color: #0000ff; text-decoration: none; }  /* text colour only */ 
ul#navi-mob li:hover { background-color: #f1f1f5; }  /* bg colour of each link area on hover */ 
ul#navi-mob li#youarehere a { background-color: #fff1e4; }  /* pale mustard bg colour of current page link */ 
ul#navi-mob li#youarehere2 a { background-color: #fff1e4; border-bottom: solid 1px #d5d5d5;}   /* bg colour of current page link area when it is last in list */ 
li#r1 { border-bottom: solid 1px #d5d5d5;} /* adds rule border to bottom of last item */