body {
	margin: 0; padding: 0;
	background: #ccc url(images/custom_dice.jpg) no-repeat;
	/* Background should be photo with levels adjusted to 200-238 */
	color: #000;
	font-family: Georgia, 'Bitstream Vera Serif', 'Book Antiqua', 'Palatino', 'Times New Roman', Times, serif;
}

#subbody {
	position: absolute;
	top: 0; right: 0;
	margin: 0; padding: 1em 0em 1em 1em;
	border-top: 2em solid #000080;
	border-left: 2em solid #000080;
}

#name {
	font-size: medium;
	position: absolute;
	top: 1em; right: 0.75em;
	margin: 0; padding: 0;
	text-indent: -999em;
}

#logo {
	position: absolute;
	z-index: 3;
	top: 0; right: 0;
	width: 331px; height: 80px;
	border: none;
	margin: 0; padding: 0;
}

#navigation {
	position: relative;
	z-Index: 2;
	float: right;
	/* This would be padding: 40px; margin-top: 40px;
		but IE screws it up. */
	margin-top: 80px;
	text-align: right;
	width: 246px;
	height: 365px;
}

#giantdie {
	position: absolute;
	z-Index: 1;
	/* This would be top: 0; but IE scews it up. */
	top: -40px; right: 0;
}

#links {
	margin-top: 60px;
	position: relative;
	z-Index: 4;
	list-style: none;
	font-family: 'Bitstream Vera Sans', Arial, Helvetica, sans-serif;
}

#link1:hover {
	background: url(images/1die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link2:hover {
	background: url(images/2die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link3:hover {
	background: url(images/3die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link4:hover {
	background: url(images/4die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link5:hover {
	background: url(images/5die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link6:hover {
	background: url(images/6die.png) no-repeat 8px 50%;
	padding-left: 32px;
}

#link1, #link2, #link3, #link4, #link5, #link6 {
	position: absolute;
	right: 0;
}

#links a:link, #links a:visited {
	padding: 0.3em 10px;
	color: #00f;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

#links a:hover {
	background-color: #eee;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}

#links a:active {
	background-color: #fff;
	border-top: 2px solid #eee;
	border-left: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

.currentpage {
	padding: 0.3em 10px 0.3em 32px;
	color: #000;
	background-color: #eee !important;
	background: url(images/1die.png) no-repeat 8px 50%;
	border-top: 2px solid #000080;
	border-left: 2px solid #000080;
	border-bottom: 2px solid #000080;
	margin-top: -7px;
}

#link2.currentpage { background-image: url(images/2die.png); }
#link3.currentpage { background-image: url(images/3die.png); }
#link4.currentpage { background-image: url(images/4die.png); }
#link5.currentpage { background-image: url(images/5die.png); }
#link6.currentpage { background-image: url(images/6die.png); }

#link1 { top: 0; }
#link2 { top: 50px; }
#link3 { top: 100px; }
#link4 { top: 150px; }
#link5 { top: 200px; }
#link6 { top: 250px; }

#corner {
	width: 120px; height: 200px;
	position: absolute;
	top: 0; left: 0;
}

#content {
	margin: 100px 300px 0 100px;
	text-align: justify;
	line-height: 180%;
}

a.photo img {
	border: 4px inset #00f;
	background: #444;
	color: #ccc;
	width: 128px; height: 128px;
}

a.photo img:hover {
	border: 4px inset #000;
}

a.photo img:active {
	border: 4px inset #fff;
}

h2 {
	font-size: medium;
	font-weight: bold;
	padding: 0; margin: 0;
	font-family: 'Bitstream Vera Sans', Arial, Helvetica, sans-serif;
}

p.first {
	margin-bottom: 5em;
}

#sample1 {
	float: right;
	margin: -16px -16px 0 16px;
}

#sample2 {
	float: left; 
	margin: -16px 16px 0 -16px;
}

#footer {
	position: relative;
	margin-right: 1em;
	z-Index: 4;
	clear: both;
	font-size: smaller;
	height: 64px;
	font-family: 'Bitstream Vera Sans', Arial, Helvetica, sans-serif;
}

#copyright {
	position: absolute;
	left: 0; bottom: 0;
}

#division {
	position: absolute;
	right: 0; bottom: 0;
	text-align: right;
	font-weight: bold;
}

#qpilogo {
	width: 64px; height: 64px;
	margin-left: -16px;
	border: 0;
}