html { padding: 0px; margin: 0px; }

body { color: #d3d3d3; background-color: #303030;
       text-align: left;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Tahoma, Geneva, Arial, sans-serif;
       font-size: 12px;
       margin-left: 30px; width: auto;
       text-rendering: optimizeLegibility;
}

.body-col {
 margin-top: 6em;
 margin-left: auto; margin-right: auto; width: 800px; 
}

strong, em, h1, h2, h3, h4, h5, h6, a { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Garuda, Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; }

a { color: #6b8e23; }
a:hover { color: #1e90ff; }

nav a, header a { text-decoration: none; font-weight: bold; } 

img { border: none; }
#title { background-color: inherit;
         width: 100%;
         z-index: 10;
         padding-top: 0.5em; padding-bottom: 1em;
         top: 0px;
         position: absolute; }
#title { position: fixed; width: 100%; }
#titleMenu { color: #0000cd;
 margin-left: auto; margin-right:auto; width: 800px;
}
#titleMenu a { padding-left: 0.5em; padding-right: 0.5em; }
#body { width: 500px; margin-top: 4em; margin-left: auto; margin-right: auto; }
ul { list-style: none; }

li { float: left; padding: 1em; border: thin solid silver; max-width: 500px;
     margin: 0.5em;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}

li a img { border: thin solid; color: #444;}
li a:hover img { border: thin solid; color: blueviolet;}