body
{
background-color: #DDD; /* 221 which is light gray */
color: #999;
margin: 8px;
}

a:link {background-color: inherit; color: blue;}
a:visited {background-color: inherit; color: #C3C;} /* #C3C is slightly lighter than purple */
a:link:hover {background-color: white; color: blue; text-decoration: underline;}
a:visited:hover {background-color: white; color: #C3C; text-decoration: underline;}
a:focus
{
outline: 4px dotted invert;
outline-offset: 4px;
}

h1 {margin: 0px auto; text-align: center;}

#CatOnRoofLooking {height: auto; width: 100%;}
/* ------------------------------------
A very important declaration: the image will resize as best
when the browser window viewport is resized. Original physical
dimensions are 976px w. X 588px h.
------------------------------------- */

div#sections {left: 5%; position: absolute; top: 1em; width: 90%;}

h2 {clear: right; margin-bottom: 5em;}

h2 > a {padding: 0.75em;}

.fltLeft {float: left;}

.fltRight {float: right;}

#dhtml, #varia {margin-top: 1em;}

#firefox, #kompozer {border-style: none; vertical-align: text-bottom;}

p#validation
{
bottom: 0em;
position: absolute;
text-align: center;
width: 97%;
}

p#validation > a {padding: 1em 0em;}
p#validation img {margin: 1em; vertical-align: middle;}

h3 {text-align: center;}