body {
  font-family : arial,tahoma,verdana,helvetica;
  background-color: #b2b2b2; 
  margin: 0px 0px 0px 0px;
}
td {
  font-family : arial,tahoma,verdana,helvetica;
}
.grape {
  background-image: url(/img/grapeleaf.jpg);
  background-repeat: no-repeat;
}

.title {
  background-color: #b2ffa1;
}

A:link {text-decoration: none; font-weight:bold}
A:visited {text-decoration: none; font-weight:bold}
A:active {text-decoration: none; font-weight:bold}
A:hover {text-decoration: underline; font-weight:bold}
.centre {margin:0 auto; width:775px; }
.g1 {background-image: url(/img/g1.gif); }
.g2 {background-image: url(/img/g2.gif); }
.g3 {background-image: url(/img/g3.gif); }
.xwc { 
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 22px;
	height: 22px;
}
.xwb { 
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #000000;
	width: 22px;
	height: 22px;
}
.xwl {
	position:absolute;
	margin-left:1px;
	font-size:7pt;
}

.pc {
	font-size:11pt;
	text-align: center;
	border: 0px solid #FFFFFF;
	height: 22px;
	width: 22px;
	margin: 0px;
}
.clue {
	font-size:10pt;
}

.page-title {
	padding-left: 10px;
}

.quote-container {
	margin: 0 auto;
	border: 4px solid #168d06;
	background-color: #c7ffbf;
	padding: 5px 12px;
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.25);
}

.quote-container .reference-container {
	text-align: right;
	font-family: Arial;
	font-style: italic;
	margin-bottom: 0;
}