Custom Navigation Bar in Xara Web Designer 6

I was having a lot of frustration in how to create my own custom “from scratch” navigational bar in Xara Web Designer 6. The tutorials all show you how to modify ones from the provided templates but even that was difficult beyond basic color adjustment. So I stuck with it and finally figured it out. I wasn’t able to find another video like this on the interwebs so I thought I’d make one and hopefully alleviate others frustrations with what should be a fairly simple process.