#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
   list-style: none;/*ie no bullets*/
   margin: 0;
   padding: 0;
   border: 0;
}

#cssmenu ul {
  position: relative;
  z-index: 397;
  float: left;/*Put menu on the left. Text will float around it*/
 }

#cssmenu ul li {
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  font: font-family:Verdana; font-weight: bold;color:#000000; font-size:14px;
/*background-color: #FFFF99;*/
}

#cssmenu ul li:hover {
   position: relative;
   z-index: 399;
   cursor: default;
}

#cssmenu ul ul {
   visibility: hidden; /* hide sub menus by default */
   position: absolute;
   top: 100%;
   left: 0; 
   z-index: 398;
   width: 100%;
}

#cssmenu ul ul ul {
   top: 0px;
   left: 99%;
}

#cssmenu ul li:hover > ul {
   visibility: visible; /* show sub menu when hovering*/
   background-color: Gainsboro;
   color: red;
   /*border-bottom: 1px solid black;*/
}

#cssmenu ul ul {
   top: 0px;
   left: 99%;
}

/* Base CSS */
#cssmenu {padding: 0; margin: 5; border: 0;}

#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {list-style: none; margin: 0; padding: 0; border: 0;}

#cssmenu ul {position: relative; z-index: 397;}
#cssmenu ul {width: 150px; background: PowderBlue;}/*Was 120px*/
#cssmenu ul a:link,
#cssmenu ul a:visited {color: #000; text-decoration: none;}
#cssmenu ul a:hover {color: red;}
#cssmenu ul a:active {color: black;}

#cssmenu ul li {min-height: 1px; line-height: 1em; vertical-align: middle;}
#cssmenu ul li:hover {position: relative; z-index: 399; cursor: default;}
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul li {padding: 5px 5px; color: black;}
#cssmenu ul li:hover {background: GoldenRod; color: black;}
#cssmenu ul ul li {font: font-family:Verdana; font-weight: bold;color:black; font-size:14px;}

#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 398; width: 100%;}
#cssmenu ul ul {width: 150px;}/*was 200px; }*/
#cssmenu ul ul {top: 0px; left: 99%;}

#cssmenu ul ul ul {top: 0px; left: 99%;}
#cssmenu ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.5em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there�s a level above HTML: */

* html ul li
{
  position: relative;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Eg: 20 Items *1.5em = 30.00
Eg: 19 Items *1.5em = 28.5em
Eg: 15 Items *1.5em = 22.5em*/

#cssmenu ul li.EnMeredith /*li.EnKeats*/
{
  margin-top: -29.95em;
}

#cssmenu ul li.FrLahor
{
  margin-top: -30.0em;
}

#cssmenu ul li.DeLasker
{
  margin-top: -30.00em; /*-28.5em;*/
}


/* horizontal position of each column */
/* But: First column does not need placing */
/*#cssmenu ul li.Arnold,
#cssmenu ul li.Banville,
#cssmenu ul li.Barnes,
#cssmenu ul li.Baudelaire,
#cssmenu ul li.Browning,
#cssmenu ul li.Bussine,
#cssmenu ul li.Dehmel,
#cssmenu ul li.Fletcher,
#cssmenu ul li.Gautier,
#cssmenu ul li.Rosenegg,
#cssmenu ul li.Goethe,
#cssmenu ul li.Henley,
#cssmenu ul li.Holtby,
#cssmenu ul li.Keats,
{
  margin-left: 0em;
}*/

#cssmenu ul li.Matthisson,
#cssmenu ul li.Muller,
#cssmenu ul li.Nesbit,
#cssmenu ul li.OShaughnessy,
#cssmenu ul li.Peele,
#cssmenu ul li.Rellstab,
#cssmenu ul li.RossettiC,
#cssmenu ul li.RossettiDG,
#cssmenu ul li.Ruckert,
#cssmenu ul li.Shakespeare,
#cssmenu ul li.Shelley,
#cssmenu ul li.Shove,
#cssmenu ul li.Stevenson,
#cssmenu ul li.Sully,
#cssmenu ul li.Tennyson
{
  margin-left: 10.5em;
width: 150px;
background: Gainsboro;
}

/*Set hover colour for Col 2 (all menus)*/

/*#cssmenu ul li.EnKeats:hover,*/
#cssmenu ul li.EnMeredith:hover,
#cssmenu ul li.EnMillay:hover,
#cssmenu ul li.EnNesbit:hover,
#cssmenu ul li.EnNewman:hover,
#cssmenu ul li.EnOShaughnessy:hover,
#cssmenu ul li.EnPaley:hover,
#cssmenu ul li.EnPeele:hover,
#cssmenu ul li.EnRossettiC:hover,
#cssmenu ul li.EnRossettiDG:hover,
#cssmenu ul li.EnShakespeare:hover,
#cssmenu ul li.EnShelley:hover,
#cssmenu ul li.EnShove:hover,
#cssmenu ul li.EnNorton:hover,
#cssmenu ul li.EnStevenson:hover,
#cssmenu ul li.EnTennyson:hover,
#cssmenu ul li.EnWaller:hover,
#cssmenu ul li.EnWilde:hover,
#cssmenu ul li.EnWordsworth:hover,
#cssmenu ul li.EnYeats:hover,

#cssmenu ul li.FrGuerin:hover,
#cssmenu ul li.FrLahor:hover,
#cssmenu ul li.FrLamartine:hover,
#cssmenu ul li.FrLegouve:hover,
#cssmenu ul li.FrLisle:hover,
#cssmenu ul li.FrMaeterlinck:hover,
#cssmenu ul li.FrMallarme:hover,
#cssmenu ul li.FrMercoeur:hover,
#cssmenu ul li.FrMillevoye:hover,
#cssmenu ul li.Frde_Musset:hover,
#cssmenu ul li.FrNervat:hover,
#cssmenu ul li.FrNoailles:hover,
#cssmenu ul li.FrNouveau:hover,
#cssmenu ul li.FrPozzi:hover,
#cssmenu ul li.FrRegnier:hover,
#cssmenu ul li.FrRimbaud:hover,
#cssmenu ul li.FrSauvage:hover,
#cssmenu ul li.FrSully:hover,
#cssmenu ul li.FrVerlaine:hover,
#cssmenu ul li.FrValmore:hover,


#cssmenu ul li.DeLasker:hover,
#cssmenu ul li.DeLeitner:hover,
#cssmenu ul li.DeLenau:hover,
#cssmenu ul li.DeMatthisson:hover,
#cssmenu ul li.DeMeerbaum_Eisinger:hover,
#cssmenu ul li.DeMorike:hover,
#cssmenu ul li.DeMuller:hover,
#cssmenu ul li.DeMuller-Jahnke:hover,
#cssmenu ul li.DeNordmann:hover,
#cssmenu ul li.DeOtto_Peters:hover,
#cssmenu ul li.DeRellstab:hover,
#cssmenu ul li.DeRilke:hover,
#cssmenu ul li.DeRuckert:hover,
#cssmenu ul li.DeSeidl:hover,
#cssmenu ul li.DevonStach:hover,
#cssmenu ul li.DeStoecklin:hover,
#cssmenu ul li.DeStorm:hover,
#cssmenu ul li.DeUhland:hover
{
background: GoldenRod; color: black;
}

/*Set column offset for Col 2 */
/*#cssmenu ul li.EnKeats,*/
#cssmenu ul li.EnMeredith,
#cssmenu ul li.EnMillay,
#cssmenu ul li.EnNesbit,
#cssmenu ul li.EnNewman,
#cssmenu ul li.EnNorton,
#cssmenu ul li.EnOShaughnessy,
#cssmenu ul li.EnPaley,
#cssmenu ul li.EnPeele,
#cssmenu ul li.EnRossettiC,
#cssmenu ul li.EnRossettiDG,
#cssmenu ul li.EnShakespeare,
#cssmenu ul li.EnShelley,
#cssmenu ul li.EnShove,
#cssmenu ul li.EnStevenson,
#cssmenu ul li.EnTennyson,
#cssmenu ul li.EnWaller,
#cssmenu ul li.EnWilde,
#cssmenu ul li.EnWordsworth,
#cssmenu ul li.EnYeats,

#cssmenu ul li.FrHugo,
#cssmenu ul li.FrLahor,
#cssmenu ul li.FrLamartine,
#cssmenu ul li.FrLegouve,
#cssmenu ul li.FrLisle,
#cssmenu ul li.FrMaeterlinck,
#cssmenu ul li.FrMallarme,
#cssmenu ul li.FrMercoeur,
#cssmenu ul li.FrMillevoye,
#cssmenu ul li.Frde_Musset,
#cssmenu ul li.FrNervat,
#cssmenu ul li.FrNoailles,
#cssmenu ul li.FrNouveau,
#cssmenu ul li.FrPozzi,
#cssmenu ul li.FrRegnier,
#cssmenu ul li.FrRimbaud,
#cssmenu ul li.FrRonsard,
#cssmenu ul li.FrSauvage,
#cssmenu ul li.FrSully,
#cssmenu ul li.FrValmore,
#cssmenu ul li.FrVerlaine,

#cssmenu ul li.DeLasker,
#cssmenu ul li.DeLeitner,
#cssmenu ul li.DeLenau,
#cssmenu ul li.DeMatthisson,
#cssmenu ul li.DeMeerbaum_Eisinger,
#cssmenu ul li.DeMorike,
#cssmenu ul li.DeMuller,
#cssmenu ul li.DeMuller-Jahnke,
#cssmenu ul li.DeNordmann,
#cssmenu ul li.DeOtto_Peters,
#cssmenu ul li.DeRellstab,
#cssmenu ul li.DeRilke,
#cssmenu ul li.DeRuckert,
#cssmenu ul li.DeSeidl,
#cssmenu ul li.DevonStach,
#cssmenu ul li.DeStoecklin,
#cssmenu ul li.DeStorm,
#cssmenu ul li.DeUhland
{
  margin-left: 10.5em;
width: 150px;
background: Gainsboro;
}

/*=========Following are for YouTube Menu========*/

#cssmenu ul li.YTEnArnold ul,
#cssmenu ul li.YTEnBarnes ul,
#cssmenu ul li.YTEnBrowning ul,
#cssmenu ul li.YTEnFletcher ul,
#cssmenu ul li.YTEnHenley ul,
#cssmenu ul li.YTEnKeats ul,
#cssmenu ul li.YTEnOShaughnessy ul,
#cssmenu ul li.YTEnPeele ul,
#cssmenu ul li.YTEnRossettiDG ul,
#cssmenu ul li.YTEnShakespeare ul,
#cssmenu ul li.YTEnShelley ul,
#cssmenu ul li.YTEnStevenson ul,
#cssmenu ul li.YTEnTennyson ul,
#cssmenu ul li.YTEnWaller ul,
#cssmenu ul li.YTEnYeats ul,

#cssmenu ul li.YTFrBanville ul,
#cssmenu ul li.YTFrBaudelaire ul,
#cssmenu ul li.YTFrBouchor ul,
#cssmenu ul li.YTFrBussine ul,
#cssmenu ul li.YTFrCros ul,
#cssmenu ul li.YTFrGautier ul,
#cssmenu ul li.YTFrHugo ul,
#cssmenu ul li.YTFrLahor ul,
#cssmenu ul li.YTFrLegouve ul,
#cssmenu ul li.YTFrLisle ul,
#cssmenu ul li.YTFrdeMusset ul,
#cssmenu ul li.YTFrSully ul,
#cssmenu ul li.YTFrVerlaine ul,

#cssmenu ul li.YTDeDehmel ul,
#cssmenu ul li.YTDeRosenegg ul,
#cssmenu ul li.YTDeGoethe ul,
#cssmenu ul li.YTDeMatthisson ul,
#cssmenu ul li.YTDeMuller ul,
#cssmenu ul li.YTDeRellstab ul,
#cssmenu ul li.YTDeRuckert ul,
#cssmenu ul li.YTDeSeidl ul,
#cssmenu ul li.YTDeDehmelLeft ul
{
top: 0px; left: 99%;background-color: Silver;
}

#cssmenu ul li.YTFrBanville:hover,
#cssmenu ul li.YTFrBaudelaire:hover,
#cssmenu ul li.YTFrBouchor:hover,
#cssmenu ul li.YTFrBussine:hover,
#cssmenu ul li.YTFrCros:hover,
#cssmenu ul li.YTFrGautier:hover,
#cssmenu ul li.YTFrHugo:hover,
#cssmenu ul li.YTFrLahor:hover,
#cssmenu ul li.YTFrLegouve:hover,
#cssmenu ul li.YTFrLisle:hover,
#cssmenu ul li.YTFrdeMusset:hover,
#cssmenu ul li.YTFrSully:hover,
#cssmenu ul li.YTFrVerlaine:hover,

#cssmenu ul li.YTDeDehmel:hover,
#cssmenu ul li.YTDeRosenegg:hover,
#cssmenu ul li.YTDeGoethe:hover,
#cssmenu ul li.YTDeMatthisson:hover,
#cssmenu ul li.YTDeMuller:hover,
#cssmenu ul li.YTDeRellstab:hover,
#cssmenu ul li.YTDeRuckert:hover,
#cssmenu ul li.YTDeSeidl:hover,
#cssmenu ul li.YTDeDehmelLeft:hover
{
background: GoldenRod; color: black;
}


#cssmenu ul li.YTEnArnold ul,
#cssmenu ul li.YTEnBarnes ul,
#cssmenu ul li.YTEnBrowning ul,
#cssmenu ul li.YTEnFletcher ul,
#cssmenu ul li.YTEnHenley ul,
#cssmenu ul li.YTEnKeats ul,
#cssmenu ul li.YTEnOShaughnessy ul,
#cssmenu ul li.YTEnPeele ul,
#cssmenu ul li.YTEnShakespeare ul,
#cssmenu ul li.YTEnShelley ul,
#cssmenu ul li.YTEnStevenson ul,
#cssmenu ul li.YTEnTennyson ul,
#cssmenu ul li.YTEnWaller ul,
#cssmenu ul li.YTEnYeats ul
{
  margin-left: 0em;
}

#cssmenu ul li.YTFrBanville,
#cssmenu ul li.YTFrBaudelaire,
#cssmenu ul li.YTFrBouchor,
#cssmenu ul li.YTFrBussine,
#cssmenu ul li.YTFrCros,
#cssmenu ul li.YTFrGautier,
#cssmenu ul li.YTFrHugo,
#cssmenu ul li.YTFrLahor,
#cssmenu ul li.YTFrLegouve,
#cssmenu ul li.YTFrLisle,
#cssmenu ul li.YTFrdeMusset,
#cssmenu ul li.YTFrSully,
#cssmenu ul li.YTFrVerlaine
{
  margin-left: 10.5em;
width: 150px;
background: Gainsboro;
}

#cssmenu ul li.YTDeDehmel,
#cssmenu ul li.YTDeRosenegg,
#cssmenu ul li.YTDeGoethe,
#cssmenu ul li.YTDeMatthisson,
#cssmenu ul li.YTDeMuller,
#cssmenu ul li.YTDeRellstab,
#cssmenu ul li.YTDeRuckert,
#cssmenu ul li.YTDeSeidl,
#cssmenu ul li.YTDeDehmelLeft
{
  margin-left: 21em;
  width: 150px;
  background: Gainsboro;
}

#cssmenu ul li.YTDeDehmelLeft
{
  margin-left: -21em;
  background: Silver;
}

/*Languages*/
#cssmenu ul li.YTEnEnglish
{
  margin-left: 0em;/*ie First Column*/
margin-bottom: 0em;
}

#cssmenu ul li.YTFrFrench
{
  margin-left: 10.5em;/*ie Second Column*/
}

#cssmenu ul li.YTDeGerman
{
  margin-left: 21em;/*ie Third Column*/
}

#cssmenu ul li.YTEnEnglish,
#cssmenu ul li.YTFrFrench,
#cssmenu ul li.YTDeGerman
{
  width: 140px;/*reduce width to accomodate text padding*/
  padding-left: 10px;/*indent header text*/
  background: PaleGoldenRod;
}

#cssmenu ul li.YTEnEnglish:hover,
#cssmenu ul li.YTFrFrench:hover,
#cssmenu ul li.YTDeGerman:hover
{
  background-color: GoldenRod;
  color: black;
}

#cssmenu ul li.YTFrFrench
{
  margin-top: -25.5em;
}

#cssmenu ul li.YTDeGerman
{
  margin-top: -24em;
}

/*==========End YouTube Menu=========*/


/* anchor styling 
ul li a
{
  display: block;
  width: 9em;
  text-decoration: none;
}*/

/*Following are for the Winterreise Menu*/

#cssmenu ul li.WRDeDiePost
{
  margin-top: -19.5em;
}

#cssmenu ul li.WRDeGuteNacht,
#cssmenu ul li.WRDeFahne,
#cssmenu ul li.WRDeTranen,
#cssmenu ul li.WRDeErstarrung,
#cssmenu ul li.WRDeLindenbaum,
#cssmenu ul li.WRDeFlut,
#cssmenu ul li.WRDeFlusse,
#cssmenu ul li.WRDeRuckblick,
#cssmenu ul li.WRDeIrrlicht,
#cssmenu ul li.WRDeRast,
#cssmenu ul li.WRDeTraum,
#cssmenu ul li.WRDeEinsamkeit
{
  margin-left: 0em;
  width: 175px;
  background: Gainsboro;
}

#cssmenu ul li.WRDeDiePost,
#cssmenu ul li.WRDeDerGreise,
#cssmenu ul li.WRDeDieKrahe,
#cssmenu ul li.WRDeDieLetzte,
#cssmenu ul li.WRDeImDorfe,
#cssmenu ul li.WRDeDerSturmische,
#cssmenu ul li.WRDeTauschung,
#cssmenu ul li.WRDeDerWegweiser,
#cssmenu ul li.WRDeDasWirtshaus,
#cssmenu ul li.WRDeMut,
#cssmenu ul li.WRDeDieNebensonnen,
#cssmenu ul li.WRDeDerLeiermann
{
  margin-left: 12.5em;
  width: 175px;
  background: Gainsboro;
}
#cssmenu ul li.WRDeGuteNacht:hover,
#cssmenu ul li.WRDeFahne:hover,
#cssmenu ul li.WRDeTranen:hover,
#cssmenu ul li.WRDeErstarrung:hover,
#cssmenu ul li.WRDeLindenbaum:hover,
#cssmenu ul li.WRDeFlut:hover,
#cssmenu ul li.WRDeFlusse:hover,
#cssmenu ul li.WRDeRuckblick:hover,
#cssmenu ul li.WRDeIrrlicht:hover,
#cssmenu ul li.WRDeRast:hover,
#cssmenu ul li.WRDeTraum:hover,
#cssmenu ul li.WRDeEinsamkeit:hover,
#cssmenu ul li.WRDeDiePost:hover,
#cssmenu ul li.WRDeDerGreise:hover,
#cssmenu ul li.WRDeDieKrahe:hover,
#cssmenu ul li.WRDeDieLetzte:hover,
#cssmenu ul li.WRDeImDorfe:hover,
#cssmenu ul li.WRDeDerSturmische:hover,
#cssmenu ul li.WRDeTauschung:hover,
#cssmenu ul li.WRDeDerWegweiser:hover,
#cssmenu ul li.WRDeDasWirtshaus:hover,
#cssmenu ul li.WRDeMut:hover,
#cssmenu ul li.WRDeDieNebensonnen:hover,
#cssmenu ul li.WRDeDerLeiermann:hover
{
background: GoldenRod; color: black;
}
/*End Winterreise menu*/