html, body {margin:0; padding:0;}
body {background:url(images/bar_bckgrnd.gif);}

#thetable {width:100%; margin-top:5px;}

#footer {position:relative; margin:0; height:20px; width:210px; background:none;}
#footer li {position:absolute; top:0; height:20px; display:block; background:url(images/footer.gif) 0 0 no-repeat; list-style:none;}
#footer a {display:block;}

#footer #help {width:29px; left:0px;}
#footer #help a {height:20px; display:block}

#footer #copyright {width:29px; left:30px; background-position:-30px 0;}
#footer #copyright a {height:20px; display:block;}
#footer #privacy {width:29px; left:60px; background-position:-60px 0;}
#footer #privacy a {height:20px; display:block}
#footer #html {width:29px; left:90px; background-position:-90px 0;}
#footer #html a {height:20px; display:block}
#footer #links {width:29px; left:120px; background-position:-120px 0;}
#footer #links a {height:20px; display:block}
#footer #email {width:29px; left:150px; background-position:-150px 0;}
#footer #email a {height:20px; display:block}


#footer #help a:hover {background:url(images/footer.gif) 0 -20px no-repeat;}
#footer #copyright a:hover {background:url(images/footer.gif) -30px -20px  no-repeat;}
#footer #privacy a:hover {background:url(images/footer.gif) -60px -20px  no-repeat;}
#footer #html a:hover {background:url(images/footer.gif) -90px -20px  no-repeat;}
#footer #links a:hover {background:url(images/footer.gif) -120px -20px  no-repeat;}
#footer #email a:hover {background:url(images/footer.gif) -150px -20px  no-repeat;}

#roadside {position:relative; margin:0; height:20px; width:175px; background:none;}
#roadside li {position:absolute; top:0; right:0; height:20px; display:block; background:url(images/footer.gif) 0px -40px  no-repeat; list-style:none;}
#roadside #logo {right:5px; width:175px;}
#roadside #logo a {height:20px; display:block;}
#roadside #logo a:hover {background:url(images/footer.gif) 0px -60px  no-repeat;}