* {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
html { height: 100%; }
body {
	background-color: #fff;
	text-align: center;
	height: 100%;
}

body#show {
	padding: 10px;
	text-align: center;
}

body#show div {
	width: 800px;
	margin: auto;
}

body#show h1 {
	font-size: 16px;
	margin: 0;
	border: 0 none;
	text-transform: uppercase;
}

body#show h2 {
	font-size: 14px;
	margin: 0;
	border: 0 none;
	text-transform: uppercase;
}

body#show img {
	cursor: pointer;
}

h1 {
	font-size: 48px;
	font-weight: normal;
	text-transform: uppercase;
	line-height:2em;
	border-bottom: 1px solid #000;
}
h1.dropShadow {
	border-bottom: 0 none;
}

h2 {
	font-size: 34px;
	font-weight: normal;
}
h2.small {
	font-size: 20px;
	margin-top: 40px;
}

h3 {
	margin: 18px 0 6px 0;
	font-size: 20px;
	font-weight: normal;
}
h3 em, h3 strong {
	font-size: 20px;
}
h3.small, h3 .small em {
	font-size: 14px;
}

#canvas ul {
	margin: 20px auto 0 auto;
	width: 300px;
}



#footnotes li {
	list-style: none;
	float: left;
	margin-right: 12px;
}
#footnotes a {
	font-size: 11px;
}

a {
	color: #000;
}

a:hover {
	color: #f00;
}

#main {
	width: 820px;
	margin: 0 auto;
	padding: 20px 10px 0;
}
#main.book {
	width: 900px;
}

#canvas {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#canvas.text {
	text-align: left;
}

#canvas.text h2 {
	text-align: center;
}

#canvas.text h3 {
	margin-left: 4px;
}
#canvas.text p {
	font-size: 14px;
	margin-left: 4px;
}
#canvas.text strong {
	display: block;
	margin-top: 4px;
	font-size: 15px;
}

#canvas img {
	border: 2px solid #000;
}

#canvas img.ico {
	vertical-align: middle;
	margin-bottom: 8px;
}
#canvas img.ico:hover {
	border: 2px solid #f00;
}

#canvas a {
	border: 0px none;
}

#footnotes {
	border-top: 1px solid #000;
	margin-top: 12px;
	padding-top: 12px;
	height: 30px;
}
#footnotes ul {
	float: left;
	width: 600px;
}

p#copy {
	float: right;
}

.art {
	width: 270px;
	text-align: center;
	margin-top: 60px;
}

.art p a {
	font-size: 16px;
}

.art img {
	border: 3px solid #000;
}

.lt {
	float: left;
}
.rt {
	float: right;
}
.art.mid {
	float: left;
	margin-left: 5px;
}

.justify {
	text-align: justify;
	margin-bottom: 10px;
}

.white {
	background-color: #fff;
	color: #000;
}

.black {
	background-color: #000;
	color: #fff;
}
.dropShadow { text-decoration: none; }
#book {
	height: 660px;
	width: 900px;
}

body.index {
	background: #111 url(../images/bg-index.jpg) no-repeat 0 0;
}
body.index #mainWrapper {
	width: 840px;
	background: transparent url(../images/bg-gradient-white.png) repeat 0 0;
	margin: 0 auto;
	height: 100%;
}
body.index h1, body.index a, body.index p#copy {
	color: #000;
}

body.index2 {
	background: #fff url(../images/bg-index2.jpg) no-repeat 50% 120px;
}
body.index2 h1 {
	color: #222;
	border-bottom: 0 none;
}
body.index2 h1, body.index2 a, body.index2 p#copy {
	color: #000;
}
body.index2 #canvas {
	padding-top:511px;
	min-height: 33px; 
}
body.index2 #canvas img {
	margin-top: 20px;
	border-color: #000;
}
body.index2 #footnotes {
	border-color: #000;
}
body.index2 .art {
	margin-top: 0;
}