I have built a website (at long last). Whilst developing it I included the css code at the top of each html file. I am now trying to transfer the css code to it's own file and linking the html file to it.

My problem is that the link works for the menus but not for the rest of the file. It looks like only the html file is displayed because text boxes and positioning etc are missing.

My link is set up in the head section; <link rel="stylesheet" type="text/css" href="menu.css"/>

The css file can be read here

The website page used with the css is here

If you click on books in the main nav bar you will see what the layout should look like.

I've not done any css or html coding before. Can someone say what I need to do to get the page to display like the book page? The book page has the html in the head section.
Thanks