/* ......................... J E Mills CSS file ......................... */

	body	{
		margin: 0px;
		padding: 0px;
		font-family: helvetica, arial, verdana, sans-serif;
		background-image:URL('../images/backgroundStokesGrn.jpg');
		}

	a:focus {
		outline: none;
		}

	img.png, #btnBooks, #btnActivities, #btnEvents {
		behavior: url(iepngfix.htc);
		}

	#band	{
		position: absolute;
		top: 132px;
		left: 0px;
		height: 400px;
		width: 100%;
/*		_width: 105%;
*/		background-color: #c0db8a;
		}

	#container {
		position: absolute;
		top: 40px;
		left: 50%;
		margin-left: -480px;
		height: 520px;
		width: 960px;
/*		background-color: #ffffff;
		opacity: .20;
*/		}

	#pictureBox {
		position: absolute;
		top: 92px;
		left: 0px;
		height: 400px;
		width: 372px;
		}

	#collectionGrid {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 400px;
		width: 220px;
		background-color: #c0db8a;
		overflow: auto;
		}

	.gridElement {
		display: block;
		float: left;
		margin: 2px 8px 0px 6px;
		_margin: 2px 0px 0px 6px;
		width: 86px;
		height: 131px;
		font-size: 8pt;
		font-style: italic;
		line-height: 12px;
		color: #78825c;
		text-decoration: none;
		}

	.gridElement:hover {
		color: #202a1c;
		}

	.gridElement img {
		border: 0px;
		}

	#collectionGrid a.cat {
		font-size: 10pt;
		color: #202a1c;
		text-decoration: none;
		}

	#collectionGrid li {
		margin-left: -16px;
		font-size: 8pt;
		color: #202a1c;
		padding-bottom: 6px;
		}

	#collectionGrid li a {
		font-size: 9pt;
		font-style: italic;
		color: #78825c;
		text-decoration: none;
		}

	#collectionGrid li a:hover {
		color: #202a1c;
		}

	#coverImage {
		position: absolute;
		top: 0px;
		left: 220px;
		}

	#textBox {
		position: absolute;
		top: 180px;
		left: 402px;
		height: 293px;
		width: 360px;
		font-size: 10pt;
/*		background-color: #000000;
*/		}

	#textBox h3 {
		font-size: 12pt;
		color: #202a1c;
		}

	#textBox h3 span {
		font-size: 9pt;
		font-weight: normal;
		color: #78825c;
		}

	#textBox a {
		text-decoration: none;
		color: #78825c;
		}

	#textBox img {
		margin: 0px 4px 4px 0px;
		border: 0px;
		}

	span.super {
		font-size: 9pt;
		font-weight: bold;
/*		vertical-align: super;
*/		}

	span.indent {
		display: block;
		margin-left: 36px;
		}

	div.markers {
		position: relative;
		float: left;
		left: 16px;
		top: 240px;
		width: 120px;
		height: 120px;
		margin: 0px 28px 0px 30px;
		overflow: hidden;
		}

	div.markers a {
		display: block;
		margin-left: 0px;
		}

	div.markers a:hover {
		margin-left: -120px;
		}

	div.markers img {
		border: 0px;
		}

	#textBox p {
		color: #202a1c;
		}

	.highlight {
		float: left;
		display: block;
		width: 110px;
		margin: 12px 18px 12px 0px;
		padding: 12px;
		line-height: 98%;
		font-size: 9pt;
		color: #202a1c;
		background-color: #e5edcd;
		}

	.highlight a{
		display: block;
		margin-top: 8px;
		font-style: italic;
		text-decoration: none;
		color: #78825c;
		}

	.highlight a.addedHighlights{
		display: block;
		margin-top: 12px;
		padding: 8px 0px 0px 0px;
		border-top: 1px solid #202a1c;
		}

	.highlight a:hover, #textBox a:hover {
		color: #202a1c;
		}

	.activThumb {
		float: left;
		width: 120px;
		height: 112px;
		font-size: 8pt;
		}

	.isbn	{
		position: absolute;
		top: 420px;
		left: 272px;
		font-size: 8pt;
		color: #78825c;
		}

	.isbn span, .aux span {
		font-weight: bold;
		}

	.aux	{
		position: absolute;
		top: 240px;
		font-size: 8pt;
		}		

	#jemills {
		position: absolute;
		top: 30px;
		left: 402px;
		}

	#subHead {
		position: absolute;
		top: 103px;
		left: 402px;
		}

	#birdcage {
		display: block;
		position: absolute;
		height: 160px;
		width: 182px;
		top: 14px;
		left: 772px;
		overflow: hidden;
		}

	#birdcage img {
		margin-left: 0px;
		border: 0px;
		}

	#birdcage img:hover {
		margin-left: -182px;
		}

	#navButtons {
		position: absolute;
		top: 92px;
		right: 26px;
		width: 70px;
		height: 360px;
		}

	.naviBtn {
		display: block;
		height: 62px;
		width: 62px;
		overflow: hidden;
		}

	#btnBooks {
		position: absolute;
		top: 92px;
		right: 8px;
		background: url('../images/btnBooks.png');
		background-position: 0px 0px;
		}

	#btnActivities {
		position: absolute;
		top: 166px;
		right: 8px;
		background: url('../images/btnActivities.png');
		background-position: 0px 0px;
		}

	#btnEvents {
		position: absolute;
		top: 240px;
		right: 8px;
		background: url('../images/btnEvents.png');
		background-position: 0px 0px;
		}

	#btnBooks:hover, #btnBooks.on, #btnActivities:hover, #btnActivities.on, #btnEvents:hover, #btnEvents.on {
		background-position: -62px 0px;
		}

	#navButtons ul {
		position: absolute;
		top: 310px;
		left: -40px;
		}	

	#navButtons ul li{
		width: 62px;
		list-style-type: none;
		}	

	#navButtons ul li .naviBtn {
		height: 20px;
		font-size: 10pt;
		text-decoration: none;
		color: #78825c;
		text-align: center;
		}	

	#navButtons ul li a.naviBtn:hover, #navButtons ul li span.naviBtn {
		color: #202a1c;
		}

	#categories {
		position: absolute;
		top: 0px;
		left: -86px;
		width: 88px;
		height: 400px;
		overflow: hidden;
		}

	#catBack {
		position: absolute;
		top: 0px;
		left: 2px;
		}

	.whiteScreen {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: .6;
		}

	#categories div {
		position: relative;
		top: -309px;
		left: 0px;
		width: 88px;
		}

	#categories a {
		display: block;
		float: left;
		clear: both;
		width: 68px;
		padding: 8px 8px 4px 8px;
		font-size: 9pt;
		text-decoration: none;
		color: #78825c;
		}

	#categories a:hover {
		color: #202a1c;
		}

	#bottomLine {
		position: absolute;
		bottom: -4px;
		_bottom: 8px;
		right: 38px;
		font-size: 8pt;
		color: #e5edcd;
		color: #ffffff;
		}

	#bottomLine a {
		margin-right: 40px;
		color: #ffffff;
		text-decoration: none;
		}

	#bottomLine a:hover {
		text-decoration: underline;
		}

	.noShow	{
		display: none;
		}

	.displayOnly {
		display: block;
		}

	.printOnly {
		display: none;
		}

	.displayNprint {
		display: block;
		}