body
{
	background: #000000 url('/personal/dnd_bg.jpg') no-repeat scroll top left;
	color: white;
}

#top
{
	width: 100%;
	height: 15%;
	min-height: 310px;
	position: absolute;
}

#top-left
{
	width: 20%;
	position: absolute;
}

#top-right
{
	width: 75%;
	left: 15%;
	min-height: 300px;
	background: #000000 url('/personal/dnd_banner.jpg') no-repeat fixed top center;
	position: absolute;
}

#center
{
	width: 100%;
	height: 100%;
	top: 310px;
	position: absolute;
}

#center-left
{
	width: 17%;
	position: absolute;
	height: 100%;
	border-top-style: groove;
	border-top-color: gray;
}

ol
{
	list-style-type: lower-alpha;
}

#center-right{
	width: 82%;
	height: 100%;
	left: 17%;
	position: absolute;
	border-top-style: solid;
	border-top-color: gray;
	border-left-style: groove;
	border-left-color: gray;
	text-align: left;
}

.chapter 
{
	font-family: serif;
	font-size: large;
	font-style: oblique;
	font-weight: bold;
}

.event
{
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
}

a.menu:link { color: #ffff00;
		text-decoration: none;
}
a.menu:visited { color: #ffff00;
		text-decoration: none;
	}
a.menu:hover { color:0x00ffff; text-decoration: underline; }

a.divShow:link { color: #ffff00;
		text-decoration: none;
}
a.divShow:visited { color: #ffff00;
		text-decoration: none;
	}
a.divShow:hover { color:0x00ffff; text-decoration: underline; }

.divHide {display:none;}
.divShow {display:block;}