Toolbar on Site?

Not sure if this is really the right place to ask but I have some HTML code and CSS i need to insert to make this bar appear at the bottom.

<link id="stylesheet" type="text/css" href="../css/theme-standard.css" rel="stylesheet" />
<!--//Bryson Network Bar-->
<div id="theme">
  <div id="theme_top_bar">

<!--//News-->
  	<span class="theme_news"> <span class="theme_text white">December 7th, 2010</span><span class="theme_text blue_light"> - <a href="https://www.brysonnet.co.cc" target="_blank"><strong>The Bryson Network has been launched!</strong></a></span> </span>
<!--//End-->

<!--//Buttons-->
     <span class="theme_twitter"><a href="https://www.twitter.com/thebrysonnetwork/" target="_blank"><span class="theme_text blue_light">Follow Me on Twitter</span></a></span><span class="theme_background"><a class="btn_slide"><span class="theme_text blue_light">Select a site</span></a></span> </div>
<!--//End-->

<!--//Backgrounds-->
  <div id="theme_bottom_bar">
    <ul class="theme_items">
      <li><a href="https://resourceland.co.cc"><img src="../images/bar/rland.png" alt="Resourceland" width="116" height="68" /></a></li
      <li class="last"><a href="https://brysonnet.co.cc"><img src="../images/bar/bnet.png" alt="The Bryson Network" width="116" height="68" /></a></li>
    </ul>
  </div>
<!--//End-->

/* CSS Document */

/*-----------------------------------------------------------------------
Bryson Network Bar
------------------------------------------------------------------------*/

#theme{
	width:100%;
	height:auto;
	position:fixed;
	bottom:0px;
	margin: 0 auto;
	background-image:url(../images/theme-bg.png);
	background-repeat:repeat;
	z-index:1200;
}

#theme_top_bar{
	width:892px;
	height:37px;
	margin:0 auto;
	background-image:url(../images/theme-bar.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px 18px 0px 70px;
	position:relative;
}

#theme_bottom_bar{
	width:944px;
	height:84px;
	margin:0 auto;
	position:relative;
	display: none;
	padding:16px 18px 0px 18px;
}

.theme_news{
	width:597px;
	height:25px;
	text-align:left;
	position:relative;
	float:left;
	padding:12px 8px 0px 0px;
}

.theme_twitter{
	width:132px;
	height:19px;
	position:relative;
	float:left;
	background-image:url(../images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0px -69px;
	margin:8px 8px 0px 0px;
	padding:4px 0px 0px 0px;
	text-align:center;
}

.theme_twitter a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.theme_twitter:hover{
	background-position:-132px -69px;
}

.theme_background{
	width:135px;
	height:19px;
	position:relative;
	float:left;
	background-image:url(../images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0px -92px;
	margin:8px 0px 0px 0px;
	padding:4px 0px 0px 12px;
}

.theme_background a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.theme_background:hover{
	background-position:0px -115px;
}

.theme_items li{
	width:116px;
	height:68px;
	position:relative;
	float:left;
	margin-right:22px;
	list-style-type:none;
}

.theme_items li.last{
	margin-right:0px;
}

.btn_slide{
	cursor:pointer;
}

.theme_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
}

The text shows but no pictures. What am I doing wrong.
Also where should I be putting this code? Home.php?