body {background-color: #009;
  color: #ccc;
  font-family: times, serif;}
h1, h2, h3, h4, h5 {color : #ccf;
  font-family: arial, sans-serif;
  line-height: 130%;
  padding: 20px;
  text-align: right;}
a {text-decoration: none;}
a:link { color : #eef ;}
a:visited { color : #ccc ;}
a:active { color : white ;}
a:hover { color : white ;}
#menu { float: left;
  padding: 50px 10px ;
  margin: 0px;
  background: #009;
  text-align: left;
  width: 25%; 
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 200px;
  list-style-type: none;}
html>body #menu {width: 200px;}
#main {position: absolute; 
  top: 0px;
  left: 250px;
  padding: 10px 2em;
  margin: 0px;
  background: #009;
  width: auto;
  color: #ccf;
  height: 100%;
  voice-family: "\"}\"";
  voice-family:inherit;}
html>body #main {width: auto;}
#menu li a { display: block;
  padding: 5px 5px 5px 0.5em;
  text-decoration: none;
  background-color: #55a;
  border-right: 10px solid #ccf;
  border-left: 10px solid #ccf;
  border-top: 5px solid #227;
  border-bottom: 5px solid #227;
  color: #fff;
  font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
	arial, sans-serif;
  width: 100%;}
html>body #menu li a {width: 100%;} 
#menu li a:hover {border-left: 10px solid #666;
  border-right: 10px solid #44a;
  background-color: #ccf;
  color: #000;}
p { line-height: 120%;
  text-align: left;}
p.small { line-height : 90% ;
  font-family : arial, sans-serif ;
  font-size : 8pt ;
  padding: 15px 0px;
  text-align : center ;}
p.right { line-height: 120% ;
  text-align : right; }
p.center { line-height: 120% ;
  text-align  : center; }
img {border: 0;}
ul { line-height: 1em  ;
  text-align : left; }
li { line-height : 120% ;
  color : #fff ;
  text-align: left ;
  text-decoration: none;}
#menu img { padding: 0px;
  margin: 0px; }
ul#menu li a img {height: 0; width: 0; border-width: 0;}
ul#menu a:hover img {position: absolute;
    top: 370px; left: 20px; height: 250px; width: 250px;}
html>body ul#menu a:hover img {top: 340px;}