body { color: black; background-color: white; }
p { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1pt; padding: 1pt 1pt 1pt 5pt; }
td {}
a:link { color: white ; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: white ; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: #808080 ; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:active { color: white ; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
h6 { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0.5px; padding: 10px;; }
h5 { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 1pt 0 0; padding-bottom: 2pt; border-bottom: 1.5pt solid #36c; }
h4 { color: #36c; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 2pt 0; border-bottom: 1pt dotted #36c; }
h3 { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; margin: 0.5px; padding: 10px; border: solid 1px #ccc; outline-color: #fff; }
h2 { font-size: 1.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, tahoma, geneva; font-weight: bold; background-image: url(../backgrn.gif); background-repeat: repeat-y; background-attachment: fixed; margin: 0.83em 0; }
.link2 a:link { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.link2 a:hover { color: gray; font-size: 12px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.link2 a:visited { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

/* Books description overlay */

.book-description {
	position: absolute;
	font-family: Arial, "MS Trebuchet", sans-serif;
	display: none;
}

.book-description.static {
	display: block;
}

#workbooks .book-description {
	top: 140px;
	left: 20px;
	width: 300px;	
}

#theorybooks .book-description {
	top: 10px;
	left: 300px;
	width: 440px;
}

#book-description-0 {
	background-color: #6ac1d5;
}

#book-description-1 {
	background-color: #8dc643;
}

#book-description-2 {
	background-color: #f5eb34;
}

#book-description-3 {
	background-color: #f99837;
}

#book-description-4 {
	background-color: #ee3226;
}

#book-description-5 {
	background-color: #b88cbf;
}

.book-description h1 {
	font-size: 14px;
	margin: 12px;
}

.book-description ul {
	padding: 0 12px 12px;
	list-style: none;
	line-height: 1.3;
	font-size: 12px;
	margin: 0;
}

.book-description .details-1 {
	font-style: oblique;
}

.book-link {
	position: absolute;
	text-indent: -99999px;
}

#workbooks .book-link {
	width: 108px;
	height: 139px;	
}

#theorybooks .book-link {
	width: 94px;
	height: 120px;	
	top: 239px;
}

/* Workbooks */

#workbook-0 {
	left: 338px;
	top: 88px;
}

#workbook-1 {
	left: 460px;
	top: 88px;
}

#workbook-2 {
	left: 583px;
	top: 88px;
}

#workbook-3 {
	left: 338px;
	top: 236px;
}

#workbook-4 {
	left: 460px;
	top: 236px;
}

#workbook-5 {
	left: 583px;
	top: 236px;
}

/* Theory books */

#theorybook-0 {
	left: 239px;
}

#theorybook-1 {
	left: 340px;
}

#theorybook-2 {
	left: 441px;
}

#theorybook-3 {
	left: 540px;
}

#theorybook-4 {
	left: 643px;
}
