body { 
  background-image: url('/img/leftgrad.jpg');
  background-repeat: repeat-y;
  font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
}

h1 {
  font-family: georgia;
}

#wrapper {
  width: 800px;
}

#container {
#  text-align: right;
}

#header {
  clear: both;
}

#left{
  width: 100px;
  float: left;
  clear: left;
}

#center{
  width: 500px;
  float: left;
}

#right{
  float: right;
  width: 180px;
}

#footer {
  clear: both;
}

#right ul.menu {
  text-align: center;
  list-style: none;
}

#right ul.menu li { 
 border: 1px dashed #ccc;
 #border-bottom: 1px dashed #ccc;
 #border-right: 1px dashed #ccc;
 #border-left: 1px dashed #ccc;
}

#right ul.menu li a:link, #right ul.menu li a:visited{ 
 color: #333;
 background-color: #F9F9F9;
 text-decoration: none;
 padding: 5px;
 display: block;
}

#right ul.menu li a:hover{ 
 display: block;
 background-color: #EEF1ED;
 text-decoration: none;
 padding: 5px;
}

a { color: blue; }
a:visited { color: blue; }
a:hover { color: red; background-color: blue; }