I want this NavBar, but how?

I want this navbar seen here:
http://www.in2website.com/webdesign/.../neutralaser/#

But not sure how to put it on my site. I tried copying the style.css sheet and put that in my forum root of my site, and then copied the code for the header and put in my header template but not working correctly on my site, any suggestions on how I get this same navigation bar seen at the top of this website?

It would need to be added to the template system. Is that your design, or are you just taking it?

not my design, so on that site I would need to copy the style sheet and insert where

here is the style sheet

body, table{FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#262f3e; line-height:18px;}
body{ padding:0px; margin:0px;}

a { text-decoration: underline; color:#007dbc;}
a:hover {text-decoration:none;color:#007dbc;}
p {margin:5px 0 5px 0;}


#menu { width: 100%; margin: 0 auto;text-align:center; line-height:70px;}
#menu ul { margin: 0; padding: 0;}
#menu ul li { display: inline;float: left; background:url(images/nav-line.gif) no-repeat left center;}
#menu ul li a { display: block; padding:28px 19px 28px 18px }
#menu ul li a:hover, #menu ul li a.active { background:#364654;}

#sidemenu { width: 200px; margin: 0 auto;text-align:left; font-weight:bold}
#sidemenu ul { margin: 0; padding: 0;}
#sidemenu ul li { display: inline;float: left; width: 200px;}
#sidemenu ul li a { display: block; padding:5px 10px 5px 20px;text-decoration:none; background:url(images/arrow.png) no-repeat center left; border-bottom:1px dotted #ccd7dc }
#sidemenu ul li a:hover, #menu ul li a.active { background:url(images/arrow.png) no-repeat center left #ebf0f1; text-decoration:none}


.Welcome-head {
font-size:18px;
color:#000;
padding-left:5px;
background-color:#b9cad1;
}
.BorderTop {
border-top:solid 1px #ccd7dc;
}
.BorderBottom {
border-bottom:solid 1px #ccd7dc;
}
.BorderLeft {
border-left:solid 1px #ccd7dc;
}
.BorderRight {
border-right:solid 1px #ccd7dc;
}

.ResellerBox {
padding:20px;
}
.ResellerBox h1{
font-size:20px;
color:#384857;
margin:0 0 10px 0;
padding:0 0 10px 0;
font-weight:normal;
border-bottom: solid 1px #d3dfe1;
}
.ResellerBox h2{
font-size:20px;
color:#384857;
margin:10px 0 10px 0;
padding:10px 0 10px 0;
font-weight:normal;
border-bottom: solid 1px #d3dfe1;
border-top: solid 1px #d3dfe1;
}

.BottomNav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;
padding:0 20px 0 20px ;
line-height:43px;
border-bottom:dotted 1px #b5bbb9;
border-top:dotted 1px #b5bbb9;
font-size:14px;
}
.BottomNav a{
font-size:10px;
color:#007dbc;
text-decoration:none;
}
.BottomNav a:hover{
color:#007dbc;
text-decoration:underline;
}
.pageTitle{
padding:20px;
background:url(images/header-bg.jpg) repeat-x center;
border:10px solid #d3dfe1;
font-size:30px;
color:#FFFFFF;
}

Stealing someones code is a very bad idea....

I would suggest looking at the list-o-matic site which gives examples on how to do css nav bars/lists.

Listamatic: one list, many options - Using CSS and a simple list to create radically different list options

Ok I found one that I want on your list, has the html code and the css style sheet, the html code would be put into the header template, the css code goes exactly where? I went to style and templates - Go ... and in the main panel of that template sheet but there is tons of places it could go there not sure, can you tell me where on that sheet it would go?

The CSS can go in the Main CSS of your style. It is selectable on the style screen.