/*
  This is a hack of a style "borrowed" from the WC3 page on styles.
  The original is at: http://www.w3.org/Style/banner.css.

  Copyright © 2000 W3C® (MIT, INRIA, Keio). All Rights Reserved.
  See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright

  Author: Bert Bos <bert@w3.org>
  Created: 26 July 2000
  Version: $Id: banner.css,v 1.13 2002/09/27 13:50:19 bbos Exp $
*/


body div.MenuContents 
{ display: block  			/* Overrides 'none' in MenuContents-*.css */
}

div.MenuContents 
{   margin: 0;
    font-size: 90% /*smaller*/;
    font-weight: bold;
    line-height: 1.1;
    position: absolute;		/* Fallback if 'fixed' is not supported */
    width: 14em;
    top: 75px;
    left: 0.3em;				/* If the menu is desired to be in the right */
    right: auto; 			/* exchange the values for right and left    */
}
/* WinIE6 gets confused by 'fixed', so hide it.
   Selector trick courtesy of Johannes Koch, see
   http://pixels.pixelpark.com/~koch/hide_css_from_browsers/
*/
div.Menu > div.MenuContents 
{   position: fixed;		/* Overrides 'absolute' above */
}

div.MenuContents p.menu
{   margin: 10px; 
    padding: 0.3em 0.4em;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    background-color: #99CCFF;		/* Override according to type of page */
    color: #FFFF00;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div.MenuContents p
{   margin: 10px; 
    padding: 0.3em 0.4em;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-align: left;
    background-color: #99CCFF;		/* Override according to type of page */
    color: #000000;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

div.MenuContents a
{   display: block; 
    margin: 0 0.5em;
    border-top: 2px groove #999999;
}

div.MenuContents a.image
{   display: block; 
    margin: 0 0.5em;
    border-top: none;
}

div.MenuContents a:first-child 
{   border-top: none;
}

div.MenuContents ah 
{   display: block; 
    margin: 0 0.5em;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border-top: 2px groove #999999;
    color: #FFFF00;
    background-color: transparent;
}
div.MenuContents ah:first-child 
{   border-top: none;
}

div.MenuContents a:link 
{   text-decoration: none; 
    color: #0000FF;
    background-color: transparent;
}
div.MenuContents a:visited 
{   text-decoration: none; 
    color: #FF0000; 
    background-color: transparent;
}
div.MenuContents a:hover 
{   text-decoration: none; 
    background-color: #FFFF00; 
    color: #FF0000; 
}

div.MenuContents img 
{   float: none; 
	border: 0; 
    vertical-align: middle; 
}