/* DEBUG ONLY
div {
  border: 3px dotted red;
}

span {
  border: 3px dashed green;
}
*/

body {
  background-color: #cbccff;
  margin:0px;
  padding:0px;
	text-align:center;
}

#quotebox {
  font-family: "Bookman Old Style", Garamond, Times, serif;
  background-color: #cbccff;
  color: #333340;
	text-align:left;
  width: 60%;
  position: absolute;
  left: 20%;
  top: 20%;
}

#quotetext {
  margin: 5%;
  font-size: xx-large;
}

#quotetext:first-letter	{
/*  margin-left: -50px; */
  font-size: 220%;
	float: left
}

#quotesource {
  margin: 5% 5% 5% 5%;
  font-size: large;
	text-align:right;
}

#navigation {
  font-size: smaller;
  position: absolute;
  top: 5px;
  right: 5px
}

#validbanners {
  position: absolute;
  bottom: 5px;
  right: 5px
}

img {
  border: 0px;
  vertical-align: middle;
}

a, a:visited, a:active {
  font-family    : Arial, Helvetica, sans-serif;
  background-color: #cbccff;
  color: #333340;
  text-decoration: none;
}

a:hover {
  font-family    : Arial, Helvetica, sans-serif;
  background-color: #cbccff;
  color: #333340;
  text-decoration: underline;
}

.tooltip {
  margin-left: 2px;
  margin-right: 2px;
}

.tooltip a:link span, .tooltip a:visited span {
  display: none;
  cursor:default;
}

.tooltip a:hover {
  cursor:pointer ;
	text-decoration: underline;
}

.tooltip a:hover span {
  position: absolute;
  margin: 1em 0px 0px -450px;
  width: 450px;
  background-color: white;
  padding: 10px 8px 10px 8px;
  border: 2px solid #C0C0C0;
  font: normal 10px/12px verdana, helvetica, arial, sans-serif;
  color: #000;
  text-align:left;
  text-decoration: none;
  display: block;
}