CSS/Arachnaphilia question

[shakari3]

I'm working on my third website build with Bluevoda and I would now like to be able to use a navigation bar with fly-out subtopics. I have one designed with a css and an 'includes'html file, however I don't know how or where to add these to the page code on Bluevoda or where to store the css to be taken up by the page. I have added the css link to the html code but it does not work. Do you put the css file into the Bluevoda files as .css format?
Is it possible to 'import' work done on an html editor like Arachnophilia? I would really like a new look for this site and would be grateful if you could help. I've imported the page with the Bluevoda facility but it does not look the same.

[Collectors-info]

Re: CSS/Arachnaphilia question

Hi, usually with css there will be 2 parts. The head script, which will go in the page properties "Between the head" area & the html part which will go in a html box on the front of the page IE: Red in the head & blue on the page.
<style type="text/css">
#menu {width:7em; margin:0 auto;}
#menu a, #menu a:visited {
text-align:center;
text-decoration:none;
color:#000;
display:block;
width:7em;
height:1.2em;
border:0.5em solid #fff;
}
#menu a:hover {
color:#fff;
background-color:#b2ab9b;
border-color:#dfd7ca #b2ab9b;
}
</style>
-----------------------------------------------
<div id="menu">
<a href="http://www.yoursitelink.com">Item 1</a>
<a href="#nogo">Item 2</a>
<a href="#nogo">Item 3</a>
<a href="#nogo">Item 4</a>
<a href="#nogo">Item 5</a>
</div>