/* use ul for multilevel menu component positoning */
div#layout  {z-index:9}
div#cssmenu   {position:relative; top:2em;    left:2em;  width:16.5em; heightx:42em; border:0px solid red;}
/* id='cssmenu' div height selected according to viewing browser (42em for Safari)*/ 
.ultop        {position:relative; top:1em;    left:.75em; width:6.8em;  height:200px;  border:0px solid blue;}
.ulsuba       {position:absolute; top:-2.2em; left:9.2em; width:4.2em;  height:5em; border:0px solid yellow;}
.ulsubsuba    {position:absolute; top:-4.6em; left:0em;   width:4.5em;  height:6.8em; border:0px solid orange;}
.ulsubsubaa   {position:absolute; top:-1.8em; left:0em;   width:4.5em;  height:4.3em; border:0px solid blue;}
.ulsubsubb    {position:absolute; top:3.6em;  left:0em;   width:4.5em;  height:4em;  border:0px solid red;padding-top:1.8em;}
ul            {border:0px solid silver;}

/* use li or a for menu framework appearance */
li        {margin-left:-35px;}  /* discard space booked for "none" bullets */
li        {border:1px solid silver; list-style-type:none; list-style-position:outside; padding-left:0;}
li:hover  {background-color:pink;}
li:focus  {background-color:black;}
li.lihas-sub            {position:relative;}
li.lihas-sub ul         {display:none;} 
li.lihas-sub:hover > ul {display:block;}
li.lihas-sub:hover   ul li.lihas-subsub:hover > ul {display:block;}
li.lihas-sub:hover   ul li.lihas-subsub:hover   ul li.lihas-subsubsub:hover  ul {display:block;}

/* acknowledge class */
.cltabular {  position:relative; }

/* define appearance of index hotlinks */
div#cssmenu ul li  {line-height:0.9em; font-size:0.93em; color:green; padding:0.2em; border:1px solid silver;}
.smalla {font-size:0.82em; color:orange; font-weight:bold;}
.smallaa{font-size:0.7em;  color:orange; font-weight:bold;}
div#cssmenu ul li div     {line-height:0.9em; font-size:0.93em; color:green; font-weight:bold; padding:0.2em;}
div#cssmenu ul li a       {color:green;  text-decoration:none; font-size:.95em;}
div#cssmenu ul li a:hover {color:yellow; text-decoration:none;}

/* Invoke table index or vertical menu index according to screen width at breakpoint 849-850px */
/* and left-justify Rel Doc table and suppress Legend table below breakpoint 849-850px */

@media screen and (max-width:849px) { div#cssmenu {display:block;} div.cltabular {display:none;} 
                                      div#geofirst {display:block;} div#geosecond {display:none;}
                                      div#thelot {width:560px;} div#layout {width:400px;}
                                      div.tablealign table {width:auto; margin-left:0px;}
                                      div#firstbullets, div#secondbullets, p#WS {width:400px;}
                                      div#relateddocs {position:relative; top:0px; left:28px;}
                                      span#deletetext {display:in-line block;} }
@media screen and (min-width:850px) { div#cssmenu {display:none;} div.cltabular {display:block;}
                                      div#geofirst {display:none;} div#geosecond {display:block;}
                                      div#relateddocs {position:relative; top:0px; left:150px;}
                                      div#thelot {width:850px;} div#layout {width:690px;}
                                      div.tablealign table {margin:0 auto 0 auto;}
                                      span#deletetext {display:none;} }
                                      
/* div#cssmenu        {font-size:12px;} */