body
{
background-color: #DDD; /* 221 , 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.
------------------------------------- */

h2 {left: 5%; position: absolute; top: 1em; width: 90%;}

h2 a {padding: 0.75em;}

.fltLeft {float: left;}

.fltRight {float: right;}

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

br {clear: both;}

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

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

h3 {text-align: center;}