<style type="text/css">
<!--
#container {
  background:url(images/background.jpg) no-repeat;
  width: 884px ;
  height: 507px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 81px;
}

#container left-nav {
  width: 143px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#bottom-nav {
  width: 440px;
  height: 42px;
  text-align: center;
  position:relative;
  top: 352px;
  bottom: 0px;
  margin-left: auto ;
  margin-right: auto ;
}

.btnContinue1
{
  background: url(images/text-only-version-small.gif) no-repeat;
  text-decoration:none;    
  display: block;
  float:left;
  width: 220px;
  height: 42px;
}

.btnContinue1:hover
{
  background-image:url(images/text-only-version.gif);
}

.btnContinue2
{
  background: url(images/interactive-version-small.gif) no-repeat;
  text-decoration:none;    
  display: block;
  float:right;
  width: 220px;
  height: 42px;
}

.btnContinue2:hover
{
  background-image:url(images/interactive-version.gif);
}

.btnContinue3
{
  background: url(images/welcome-letter-small.gif) no-repeat;
  text-decoration:none;  
  display: block;  
  width: 140px;
  height: 31px;
}

.btnContinue3:hover
{
  background-image:url(images/welcome-letter.gif);
}

.btnContinue4
{
  background: url(images/using-this-course-small.gif) no-repeat;
  text-decoration:none;  
  display: block;
  width: 140px;
  height: 31px;
}

.btnContinue4:hover
{
  background-image:url(images/using-this-course.gif);
}

</style>