* { behavior: url(png.htc) }
body { margin: 0 auto; min-width: 860px; min-height: 105%; font: 13px/18px arial, sans-serif; background: #1a5faf url(images/body.jpg) repeat-y center top; text-align: center; width: 860px; height: 105%; padding: 0; }
div#header { text-align: center; width: 680px; height: 280px; margin: 10px auto 0; padding: 0; }
div#header-logo { background-image: url(images/header-logo.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; margin: 0; padding: 0; z-index: 1; width: 495px; height: 270px; float: left; }
div#header-title { width: 495px; text-align: center; height: 70px; z-index: 2; margin: 200px 0 0; padding: 0; }
div#header-title h1 { color: white; font-size: 22px; font-family: "trebuchet ms", sans-serif; font-weight: bold; font-style: normal; line-height: 28px; width: 495px; height: 70px; overflow: hidden; margin: 0; padding: 0; }
div#header-title h1 span { visibility: hidden; }
div#header-product { background-image: url(images/header-product.jpg); background-repeat: no-repeat; background-position: right top; text-align: center; width: 185px; height: 265px; float: right; margin: 0; padding: 0; }
div#header-product a { width: 185px; height: 250px; margin: 0; padding: 0; display: block; }
div#header-product span { visibility: hidden; }
div#navigation { background-image: url(images/navigation.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; width: 720px; height: 125px; clear: both; margin: 0 auto; padding: 0; }
div#links { text-align: center; margin: 0 auto 0; padding: 0; width: 520px; height: 80px; }
div#links div { background-repeat: no-repeat; background-position: center -80px; margin: 15px 0 0; padding: 0; width: 130px; height: 80px; float: left; }
div#links div.current { background-position: center -80px; }
div#links div a { background-repeat: no-repeat; background-position: center 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; display: block; }
div#links div.current a { background-position: center 0; }
div#links div span { display: block; margin: 0; padding: 0; visibility: hidden; }
div#links div a:hover { background-image: none; }
.link-about, .link-about a { background-image: url(images/link-about.gif); display: inline; }
.link-community, .link-community a { background-image: url(images/link-community.gif); display: inline; }
.link-teaching, .link-teaching a { background-image: url(images/link-teaching.gif); display: inline; }
.link-questions, .link-questions a { background-image: url(images/link-questions.gif); display: inline; }
div#content { text-align: center; width: 680px; clear: both; margin: 0 auto; padding: 0; }
div#player-frame { background-color: white; padding: 8px 5px 0px; }
div#player { text-align: center; margin: 0 auto; padding: 0; }
div#main.left { text-align: left; width: 500px; float: left; margin: 0 0 0 20px; padding: 0; }
div#main.center { text-align: center; margin: 0 auto; padding: 0; width: 640px; float: none; }
div#main.full { text-align: left; margin: 0 0 0 20px; padding: 0; width: 640px; float: none; }
div#main p { color: black; font: 13px/17px arial, sans-serif; margin: 0 0 8px; padding: 0; }
div#main p.quote { background-image: url(images/quote.png); background-repeat: no-repeat; background-position: 0 top; font-weight: bold; font-size: 12px; line-height: 15px; margin: 5px 30px; padding: 0 0 0 30px; }
div#main p.author { font-style: italic; font-size: 11px; color: #660000; font-weight: normal; margin: -3px 30px 10px 60px; p;padding: 0; }
div#main p.small { color: white; font-size: 9px; font-family: sans-serif; line-height: 12px; text-align: center; margin: 5px 0 10px; padding: 0; }
div#main h2 { color: #660000; font-size: 16px; font-family: tahoma, "trebuchet ms", sans-serif; font-weight: bold; line-height: 20px; height: 28px; overflow: hidden; clear: both; margin: 20px 0 5px; padding: 0; }
div#main h2 span { visibility: hidden; }
div#main h3 { color: #660000; font-size: 14px; font-family: "trebuchet ms", sans-serif; font-weight: bold; line-height: 18px; margin: 15px 0 5px; padding: 0; }
div#purchase { text-align: center; width: 480px; margin: 0 auto; }
div#main form { text-align: center; border: dotted 1px #ffffff; }
div#main form div.inner { margin: 10px 30px; padding: 0; }
div#main form.contact { margin: 25px 0 25px 15px; padding: 0; width: 460px; }
div#main form.contact .fullwidth { width: 400px; }
div#main form.contact label { font-size: 11px; font-family: arial, sans-serif; font-weight: bold; line-height: 14px; text-align: left; width: 400px; }
div#main form.left { float: left; margin-right: 0; margin-left: 25px; }
div#main form.right { float: right; margin-right: 25px; margin-left: 0; }
div#main form.buy { text-align: center; padding: 0; width: 210px; margin-top: 25px; margin-bottom: 25px; }
div#main form.buy h1 { color: maroon; font-size: 14px; font-family: "trebuchet ms", sans-serif; font-weight: bold; line-height: 18px; text-align: center; }
div#main form.buy div.paypal-button { color: black; font-size: 11px; font-family: arial, sans-serif; line-height: 13px; text-align: center; margin: 10px 0 5px; padding: 0; }
div#main form.buy p { color: maroon; font-size: 13px; font-family: arial, sans-serif; line-height: 18px; text-align: center; margin: 0;padding: 0; }
div#main form.buy p.shipping { color: black; font-size: 11px; font-family: arial, sans-serif; line-height: 13px; text-align: center; margin: 0; padding: 0; }
div#sidebar-padding { text-align: right; position: relative; top: 50px; width: 145px; overflow: hidden; float: right; margin: 0; padding: 0; border-left: 2px dotted maroon; }
div#sidebar { text-align: center; margin: 0 0 0 15px; padding: 0; }
div#sidebar p { color: white; font-size: 11px; font-family: arial, sans-serif; font-weight: normal; line-height: 13px; text-align: center; margin: 0 0 10px; padding: 0; }
div#sidebar h4 { color: #660000; font-size: 10px; font-family: "trebuchet ms", sans-serif; font-weight: bold; line-height: 14px; text-transform: uppercase; text-align: center; margin: 15px 10px 3px; padding: 0 0 1px; border-bottom: 1px dotted maroon; }
div#sidebar h4 span { text-decoration: none; }
div#sidebar form { text-align: left; width: 130px; margin: 0; padding: 0; border: hidden 0 transparent; }
div.offer { text-align: center; margin: 0 0 10px; padding: 0; }
div.clicktobuy { color: maroon; font-size: 10px; line-height: 10px; text-align: center; margin: 0 0 10px; padding: 0; }
div#sponsors { text-align: center; }
div#sponsors img { vertical-align: middle; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding: 0; display: inline; }
div#thanks { text-align: center; height: 50px; overflow: hidden; margin: 0; padding: 0; }
div#thanks span { visibility: hidden; }
div.handprint { text-align: center; margin: 15px 0; padding: 0; }
div#footer { width: 650px; font: 10px/12px verdana, sans-serif; color: #331111; clear: both; float: none; margin: 10px 25px; text-align: center; }
img.floatleft { float: left; margin: 0px 10px 5px 0px; }
img.floatright { float: right; margin: 0px 0px 5px 10px; }
div.clear { clear: both; }
div.padding { font-size: 10px; line-height: 10px; width: 15px; height: 15px; margin: 0; padding: 0; }
img { border: none; }
table.matrix { color: black; font-size: 11px; font-family: arial, sans-serif; font-weight: bold; line-height: 11px; text-align: center; margin: 20px 0 20px 25px; padding: 0; }
table.matrix td { border: dotted 1px white; border-collapse: collapse; }
table.matrix .row-label { background-color: #e4b24d; text-align: right; width: 240px; margin: 0; padding: 2px 5px; }
table.matrix .column-label { font-size: 12px; font-family: "Arial Narrow", arial, sans-serif; line-height: 14px; text-align: center; margin: 0; padding: 5px 1px; }
table.matrix .item { background-color: #e4b24d; text-align: center; width: 80px; margin: 0; padding: 2px 0; }
table.matrix .column-label img { margin-top: 5px; margin-bottom: 5px; }
a { font-weight: bold; }
a:link { color: maroon; text-decoration: none; margin: 0; padding: 0; }
a:visited { color: maroon; text-decoration: none; }
a:hover {
	text-decoration: none;
	color: red;
}