clean up aesthetics

[k-doering-NOAA]

• [x] Add a header to the toolbox pages, including the FIT logo, the words "NOAA Fisheries Integrated Toolbox", and maybe some navigation (e.g., back to homepage; browse tools). Similar in style to the resources page one.
• [x] Add header to indiv toolbox landing pages
• [x] Clean up text styles, using more sans serif
• [x] change boxes on homepage to buttons and have change color on hover
• [x] make buttons on tool pages underline on hover, so it is clear they are buttons
• [x] Add commas between toolbox drawer names listed on tiles
• [x] make tiles smaller, if possible
• [x] #65
• [x] Make sidebar on browse page expanded by default. (I don't think this is easy to do, so added an explainer about where the menu is. could get rid of expanding all together, if desired)
• [x] remove mail button from browse page
• [x] remove mail button from tool pageand tool page
• [x] make buttons on homepage verbs eliminate unnecessary components of css files:
• [x] landing page
• [x] browse page
• [x] tool landing pages
• [x] merge css files together, naming elements distinctly as needed.
• [x] fix broken search bar (I think broken from merging css files together?) Or maybe an edit to the template?
• [x] fix bullet points. The ones that are links look different than the ones that are not. Probably need to apply some styling for what bullets to use and how much to indent?

[k-doering-NOAA]

search bar fixed! what happened is that the toolbox drawers and keywords had been combined into 1 class, but the search depended on them being 2 separate ones with the old names.

[k-doering-NOAA]

https://stackoverflow.com/questions/30022568/second-level-vertical-menu-disapperas-while-hovering THis example may be the solution to the " Try to fix issue with spacing when using keywords on browse page? (I think this has something to do with the length of the keywords list; reformatting the menu to a different style could fix? not an easy fix)" which is the remaining aesthetic issue with the website.