<STYLE TYPE="text/css">
<!-- Comment -->

  HTML { font-family:"Comic Sans, cursive "}
  BODY { font-size:16;background: #99ccff }
  H1 { color:#3333ff }

div.banner {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  position: fixed;
  top: 2em;
  left: auto;
  width: 10.5em;
  right: 2em;
}
<!--
background #3366ff light blue
border #3366ff top and left inside shading
-->

div.banner p {
  margin: 0; 
  padding: 0.5em 0.4em;
  font-family: Comic Sans, cursive;
  background: #3366ff;	
  border: none;
  color: yellow;
}

<!--
medium outset #3366ff
border-top top of selection box
em {color} title in selection box
-->

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #3366ff }
div.banner a:first-child { border-top: none }
div.banner em { color: black }

<!--
before visit 
after visit #ccc is gray
hover when mouse is on section
-->

div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #ccc }
div.banner a:hover { background: #3366ff; color: yellow }

</STYLE>
