a {
  color: #1C35A5;
}

a.Small {
  font-size: 80%;
}

a:visited {
  color: #8B008B;
}

a:hover {
	color: red;
  text-decoration: underline;
}

a:active {
  background-color: Black;
  color: White;
}

body {
	color: Black;
	background: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

#current {
	background-color: White;
	color: #2F2F2F;
	font-weight: bold;
}

div.SendTo {
  text-align: center;
  margin-top: 1em;
}

div.FooterNote {
  color : #666666;
  font-size: 90%;
  text-align : center;
}

/* Paragraph */
div.Par {
  margin-top: 1em;
}

div.Quote {
  color: #336677;
  font-size: 120%;
  font-family: "Times New Roman", Times, serif;
	font-weight:bold;
  width: 25em;
  text-align: right;
}

div.SubLinks {
}

/* Thumbnails on the gallery page */
div.thumb {
  float: left;
  height: 150px;
  width: 120px;
  margin: 5px;
  padding: 5px;
  border-color: Silver;
  border-style: solid;
  border-width: 1px;
  background-color: #F3F3F3;
  -moz-border-radius : 8px;
  text-align: center;
  vertical-align: middle;
}

#dhtmltooltip {
  position: absolute;
  width: 300px;
  border: 1px solid #FFCC66;
  padding: 2px;
  background: #FFFF99;
  visibility: hidden;
  z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

p.Info {
  border-width: thick;
  background: #FFFF99;
  border-color: #FFCC66;
  border-style: solid;
}

.Home {
 	background: #E0020F;
	color: white;
	vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.HomeBack {
  background: #F6AEB2;
 	border: #E0020F solid 1px;
}

.Illusions {
  background: #E56A02;
  color: white;
  vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.IllusionsBack {
  background: #F7D0AF;
  border: #E56A02 solid 1px;
}

.Ambiguous {
	background: #E5AF02;
	color: white;
	vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.AmbiguousBack {
	background: #F7E6AF;
	border: #E5AF02 solid 1px;
}

.Hidden {
	background: #B7D102;
	color: white;
	vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.HiddenBack {
	background: #E9F1AB;
	border: #B7D102 solid 1px;
}

.Impossible {
	background: #179D01;
	color: white;
	vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.ImpossibleBack {
	background: #E4F6E1;
	border: #179D01 solid 1px;
}

.Puzzles {
  background: #0277AA;
  color: white;
  vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.PuzzlesBack {
	background: #E2F1F8;
  border: #0277AA solid 1px;
}

.UpsideDown {
  background: #011698;
  color: white;
  vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.UpsideDownBack {
  background: #E1E4F6;
  border: #011698 solid 1px;
}

.Wordplay {
  background:#91019F;
  color:white;
  vertical-align: top;
  padding-bottom:3px;
  padding-top:3px;
}

.WordplayBack {
  background: #F5E1F7;
  border:#91019F solid 1px;
}

div.indexImg {
  position: absolute;
  right: 30px;
  top: 50px;
}

div.item {
  background-color: #F3F3F3;  
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

div.item td {
  vertical-align: top;
}

h1 {
  font-size: 140%;
}

h2 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 2px; 
}

span.Info {
  cursor: help;
}

span.OriginalTitle {
  font-size: 90%;
  vertical-align: top;
  font-style: italic;
  font-weight: lighter;
}

span.Small {
  font-size: 80%;
}

span.tabSelect {
	background:white;
  color : #666666;
	font-size: 100%;
	font-weight:bold;
	text-decoration: none;
}

table.Item {
	margin: 16px 30px;
	padding: 8px;
	border: 1px solid #DFE0E0;
	-moz-border-radius: 8px;
	background-color: #F3F3F3;
	line-height: 14px;
	width: 100%;
}

table.Item td {
  vertical-align: top;
}

table.List {
  border-collapse: collapse;
  border: 1px solid #E0E0E0;
  margin-bottom: 1em;
  margin-top: 1em;
}

table.List td {
  font-size: 12px;
  border: 1px solid #E0E0E0;
}

table.Subject {
  margin-top: 1em;
  font-weight: bold;
}

td.Glossary {
  font-weight: bolder;
}

.Menu a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.Menu a:visited {
	color:white;
}

.Menu a:hover {
  color: yellow;
  text-decoration: underline;
}

td.TopLeft {
  background-image: url(../img/sys/topleft.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 11px;
  height: 11px;
}

td.TopRight {
  background-image: url(../img/sys/topright.gif);
  background-repeat: no-repeat;
  background-position: right top;
  width: 11px;
  height: 11px;
}