I generated a css menu from a site that I found. How would I merge this code with the tpl_header.php and the stylesheet.css files? The code it gave me to insert is this:

CSS Code:
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}
HTML Code

<head>
<link rel='stylesheet' type='text/css' href='menu_style.css'>
</head>

<ul class='menu red'>
<li class='current'><a href='http://www.dashtop.com/shop'>Home</a></li>
<li><a href='http://www.dashtop.com/shop/index.php?main_page=login'>Login</a></li>

</ul>
The css seems simple enough, but it's the tpl_header.php file that I'm unsure of. I know I need to remove <div id="logoWrapper">, but I'm just not sure how to properly format the new code.

Thank you!