body{
	margin: 0px;
	background-color: black;
	}

a, a:link {
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
	font-family: arial;
	font-size: 0.9em;
	}
a:visited {
	text-decoration: none;
	color: #CC0000;
	}
a:hover, a:active {
	text-decoration: none;
	color:#0000CC /*#B0C8FD*/;
	}
	a.alt, a.alt:link{
		font-weight: normal;
		color: #000;
		font-family: times new roman;
		font-size: 1em;
		}
	a.alt:visited{
		color: #000;
		}
	a.alt:hover, a.alt:active{
		font-style: oblique;
		}

dt {
	background: url(pic/bullet.GIF) no-repeat;
	background-position: 0px 0.5em;
	padding-left: 0.5em;
	font-weight: bold;
	/* padding-right: 1em;
	float: left; */
	}
dd{
	padding-left: 0em;
	/* clear: right; */
	padding-bottom: 1em;
	}

/* ids */
#container{
	width: 867px;
	height: 710px;
	background-color: #000;
	/*
	background: #000 url(pic/ducosteonline_template.PNG) no-repeat top left;
	*/
	}

/* ======= top of page ======== */
#header{
	position: absolute;
	top: 33px;
	left: 33px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	#header img{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 155px;
		height: 155px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
	#banner{
		background: url(pic/header.PNG) no-repeat top left;
		position: absolute;
		top: 0px;
		left: 188px;
		width: 613px;
		height: 155px;
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
		#banner h1{
			position: relative;
			left: -999em;
			}
		#banner p{
			position: relative;
			left: -999em;
			}

/* ======= navigation ======== */
#navbar{
	position: absolute;
	top: 221px;
	left: 33px;
	width: 155px;
	height: 372px;
	margin: 0px;
	padding: 0px;
	padding-top: 9px;
	border: 0px;
	text-align: center;
	background: url(pic/navbar.PNG) no-repeat top left;
	}
	#navbar a, #navbar a:link{
		font: normal small-caps bold 26px/59px arial;
		color: #9999FF;
		display: block;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		border: 0px;
		}
	#navbar a span{
		color: rgb(21,32,168); /*27,41,218); /*/
		}
	#navbar a:hover, #navbar a:active{
		color: white;
		background-color: green;
		}
	#navbar a:hover span, #navbar a:active span{
		color: white;
		margin: 0px;
		padding: 0px;
		}
	#navbar img{
		margin: 0px;
		padding: 0px;
		border: 0px;
		}

	/* obsolete - for random image generator
	#navbar img{
		width: 8em;
		height: 6em;
		}
	*/

/* ======= main content ======== */
#meat{
	background: url(pic/meat.PNG) no-repeat top left;
	position: absolute;
	top: 221px;
     left: 221px;
     width: 613px;
     height: 372px;
     margin: 0px;
	padding: 0px;
	border: 0px;
	}
	#meat_body{
		position: relative;
		top: 13px;
		left: 19px;
		width: 580px;
		height: 345px;
		overflow: auto;
		}
	#meat h1{
		margin-top: 0.1em;
		padding-left: 0.3em;
		background: url(pic/headerborder.PNG) no-repeat bottom left;
		font-family: courier new;
		}
		#meat h1.smaller{
			font-size: 1.8em;
			padding: 0.2em 0em 0em 0.3em;
			}
	#meat h2{
		font-style: italic;
		text-decoration: underline;
		}

#meat ul.arrowed{
	list-style-image: url('pic/rightarrow.GIF');
	background-position: center left;
	}

#meat table{
	border: ridge 2px #123;
	}
#meat th{
	color: #FFF;
	font-family: arial;
	font-size: 0.8em;
	background:  rgb(21,32,168);
	border-bottom: ridge 2px #123;
	}
#meat td{
	padding-right: 1em;
	}

#meat #post h1{
	position: relative;
	left: -2em;
	background: url(pic/bullet.GIF) no-repeat;
	background-position: 0px 0.5em;
	padding-left: 0.75em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	/* padding-right: 1em; */
	font: normal bold 16px/18px arial;
	}
#meat #post{
	font: normal 1em/1.5em times;
	padding-left: 2em;
	margin-bottom: 1em;
	}

/* ======= footer ======== */
#footer{
	background: url(pic/footer.PNG) no-repeat top left;
	position: absolute;
	top: 626px;
	left: 33px;
	width: 801px;
	height: 51px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	#footer p{
		vertical-align: middle;
		font: small-caps 12pt/14pt arial;
		color: #FFF;
		margin: 0px;
		padding: 14px 0px;
		border: 0px;
		}

/* ======= extra ======== */
#shrink a.shrink .shrunk{
	position: absolute;
	left: -999em;
	text-decoration: none;
	}
#shrink a.shrink:hover div, a.shrink:active div{
	position: static;
	padding: 0.5em;
	border: ridge 2px #123;
	background-color: #F5F5F5;
	text-decoration: none;
	width: 90%;
	}

#plist span{
	clear: right;
	}
#plist ol{
	padding-top: 0em;
	margin-top: 0em;
	}

.spRight{
	padding-right: 1em;
	}

.notice{
	font-style: italic;
	color: #000FFF;
	}

#sourcelist a.alt, a.alt:link{
		font-weight: bold;
		}
	#sourcelist a.alt:hover, a.alt:active{
		font-style: normal;
		color:#0000CC /*#B0C8FD*/;
		}
	#sourcelist div{
		}
	#sourcelist .auth{
		}
	#sourcelist .year{
		font-family: courier new;
		float: right;
		}
	 #sourcelist .loc{
	 	 font-style: italic;
		  }
	 #sourcelist .title{
		}
	#sourcelist .mag{
		text-decoration: underline;
		}
	#sourcelist a.abstract{
		font-weight: normal;
		font-family: times new roman;
		font-size: 1em;
		color: #000;
		}
	#sourcelist a.abstract .abstext{
		position: absolute;
		left: -999em;
		text-decoration: none;
		}
	#sourcelist a.abstract:hover div, #sourcelist a.abstract:active div{
		position: relative;
		top:  0em; 
		left:  0em;
		width: 90%; 
		
		/*overflow: visible;
		z-index: 10;
		position: absolute;
		left: 200px;
		width: 30em;*/
		
		padding: 0.5em;
		border: ridge 2px #123;
		background-color: #F5F5F5;
		text-decoration: none;
		font-size: 0.75em;
		}


/* ======= old ======== */


h3{
	font-variant: small-caps;
	margin: 0.5em 0em 0.5em 0em;
	}

#contact{
	margin-bottom: 2em;
	}
	#contact p{
		margin: 0em;
		}
	#contact #leftp{
		margin: 0em 2em 0em 0em;
		padding-bottom: 1em;
		float: left;
		height: 8em;
		width: 8em;
		}

/* ======= extra ======== */

#picbox{
	float: left;
	width: 11em;
	height: 14em;
	border: 2px solid #707070;
	text-align: center;
	margin: 0.2em;
	padding: 0em 0.3em;
	font-size: 0.8em;
	font-family: georgia;
	}
	* html #picbox{
		width: 11.5em;
		w\idth: 11em;
		height: 16em;
		h\eight: 15em;
		}
	#picbox img{
		width: 8em;
		height: 6em;
		border: 0em;
		margin: 0.5em 0em;
		}
	#picbox .title{
		font-family: arial;
		font-weight: bold;
		}

#popup{
	text-align: center;
	}
	#popup img{
		height: 50em;
		width: 66em;
		}

#btn{
	}
	#btn a{
		padding: 0.25em 0.5em;
		margin: 0.5em 1em;
		border: 2px solid #AAA;
		background-color: #C0C0C0;
		text-decoration: none;
		color: #000;
		font-style: italic;
		font-variant: small-caps;
		font-weight: 900;
		font-family: arial;
		float: left;
		}
	#btn a:hover, #btn a:active{
		border-color: #000;
		background-color: #9999CC;
		color: #101090;
		}

.box{
	padding: 0.25em 0.5em;
	margin: 0.5em;
	border: 2px solid #AAA;
	background-color: #C0C0C0;
	font-weight: 900;
	font-family: arial;
	font-size: 80%;
	}

#rnd_img{
	}
	#rnd_img img{
		height: 6em;
		width: 8em;
		}