/*  lrwaite: version 03	css rules to control index, document and photo files in lrwaite */

/* global rules*/
body {font-family: Verdana, "Lucida Sans", Arial, sans-serif; font-size: 100%; color: black; background-color: lightgreen; }
@media screen and ( min-width: 601px ) {body {background-color: lightblue;} }
 * { box-sizing: border-box; } /* include the padding, border & margin in the total width and height of an element */

.grid-parent {position: relative; top: 20px; left: 0; } 
@media screen and ( min-width: 601px ) {.grid-parent {display: grid; grid-template-columns: minmax(250px, 25%) 1fr; } }

.index-head {position: fixed; top: 0; left: 0; width: 100%; height: 32px; padding: 8px; text-align: center; color: white; background-color: #9933cc; z-index: 50; }
.index-hite {max-height: 100vh; overflow: auto;}
.index-menu ul {list-style-type: none; float: left; width: 100%; padding: 8px; margin: 0; }
.index-menu li {padding: 6px; margin: 0 0 6px 0; background-color: #33b5e5; color: black; border-radius: 4px; }
.index-menu li:hover {background-color: #0099cc; }