html  {min-height: 100%; position: relative} /* Required for the fix below to work */

body {
	background: #ffffff; 
	background-image: url(../images/patterns/paisley-blue-side.jpg);
	background-repeat: repeat-y;
/*	background-attachment:fixed; */
	height: 100%; /* Required for the fix below to work */
	color: #000000; 
	font: 14px Bookman,Verdana,Arial,Helvetica}

#menu {
	position: absolute; top: 16px; left: 16px; z-index: 3;
	width: 210px; height: 100%}
#content {margin-left: 210px; min-width: 700px; z-index: 2}

/* A vertical line was appearing on handheld devices and phones all the way down the pages at the right edge of the repeated background image. This covers it up. */
#fix {
	position: absolute; 
	top: 0px; 
	left: 199px; 
	height: 100%; 
	min-width: 2px;
	background: #fff;
	z-index: 1}

table.menu {
	width: 190px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto}

a:link {text-decoration: none; color: #0000aa; outline: none}
a:visited {text-decoration: none; color: #0000aa; outline: none} /* was color: #550077 */
a:hover {color: #cc0000; outline: none}
/* a:active {color: #cc0000; outline: none} */

li {padding-top: .4em}

p {font: 14px Bookman,Verdana,Arial,Helvetica}

.center {margin: auto; text-align: center}
.uline {text-decoration: underline}

.normal {font: 14px Bookman,Verdana,Arial,Helvetica}
.bold {font: bold 14px Bookman,Verdana,Arial,Helvetica}

.large {font: 16px Bookman,Verdana,Arial,Helvetica}
.largebold {font: bold 16px Bookman,Verdana,Arial,Helvetica}

.stunted {font: 13px Bookman,Verdana,Arial,Helvetica}
.stuntedbold {font: bold 13px Bookman,Verdana,Arial,Helvetica}

.small {font: 12px Bookman,Verdana,Arial,Helvetica}
.smallbold {font: bold 12px Bookman,Verdana,Arial,Helvetica}

h1 {
	font: bold 28px Bookman,Verdana,Arial;
	text-shadow: #cccccc 0.15em 0.2em 0.15em;
	text-align: center; 
	padding-top: 9px}
h1.review {
	font: bold 22px Bookman,Verdana,Arial;
	text-shadow: #cccccc 0.1em 0.12em 0.08em;
	text-align: center; 
	padding-top: 9px}
h2 {font: bold 16px Bookman,Verdana,Arial,Helvetica; padding-top: 1.5em}
h3 {font: bold 13px Bookman,Verdana,Arial,Helvetica; padding-top: 4px}

.indent {margin-left: 25px}
.quote {margin-left: 25px; margin-right: 25px; text-align: justify; font: 13px Bookman,Verdana,Arial,Helvetica; color: #000099}

.red {color: #ff0000}
.orange {color: #cc6600}
.ltorange {color: #ffcc66}
.blue {color: #6666ff}

.dot {font: 16px Bookman,Verdana,Arial,Helvetica; color: gray; letter-spacing: 1px}

.home {
	width: 180px;
	background-color: #3333ff;
	color: #d0d0d0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 9px}
.home a {display: block; padding: 4px; color: #ffffff}
.home a:link {text-decoration: none; color: #e0e0e0}
.home a:visited {text-decoration: none; color: #e0e0e0}
.home a:hover {background-color: #000099}

.grouping {
	width: 180px;
	background-color: #ff9900;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 3px}
.grouping a {display: block; padding: 4px}
.grouping a:link {text-decoration: none; color: #000000}
.grouping a:visited {text-decoration: none; color: #000000}
.grouping a:hover {color: #ffffff; background-color: #cc6600}

.cat {
	width: 180px;
	background-color: #ffcc66;
	text-align: left;
	font-size: 9px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px}
.cat a {display: block; padding: 4px}
.cat a:link {text-decoration: none; color: #993300}
.cat a:visited {text-decoration: none; color: #993300}
.cat a:hover {color: #000000; background-color: #ff9900}