*, html, body {
	margin:0;
	padding:0;
}
body {
	background: #444;
	font-family: "Trebuchet MS", Courier, Arial, Verdana, sans-serif;
}
* {
	margin:0;
	padding:0
}
.rt {
	float: right;
	margin-left: 5px;
}
.left {
	float: left;
	margin-right: 5px;
}

#preheader {
	background: #648486;
	color: white;
	padding: 14px;
	margin:0;
	font: 12px "Trebuchet MS";
	height:10px;
	border-bottom: 4px black solid;
}
#preheader p {
	float: right;
	padding-right: 60px;
	margin-bottom: 8px;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

#content a {
	color: #6F3A39;
	background:#78989A;
	font-weight: bold;
}
#content a:hover {
	background: white;
}
#preheader a {
	color: white;
}

#header {
	background: #000000 url('bryce_Milligan.jpg') no-repeat;
	height: 380px;
	width: 100%;
	border-bottom: 4px #648486 solid;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Courier, Arial, Verdan, sans-serif;
}
#header h1 {
	font-size: 34px;
	color: #959390;
float: right;
margin-top: 60px;
padding-right:60px;
}
#header p {
	text-align:right;
	clear:right;
	padding-right: 60px;
	padding-top:10px;
	color:#648486;
	letter-spacing:1px;
	
}

#menu {
	background: #648486;
}
#content {
	background:#648486;
	padding: 20px;
}
#content p {
	font-family: Verdana, Arial, san-serif;
	color: #333;
	line-height: 22px;
	font-size:.95em;
	padding: 10px;
}
#content p span {
	font-size:85%;
	padding-left: 12px;
	color: #333;
}
#content ul {
/*	list-style-type:none;*/
	margin:5px 0 5px 18px;
	line-height: 22px;
	
}
ul.list {
	list-style-type:disc;
	line-height: 18px;
	color: #C7D9D9;
	font-size:90%;
	padding-left: 15px;
}
#content ul ul{
	font-size: .8em;
	list-style-type:disc;
	margin-left:15px;
}
cite {
	text-align:right;
	letter-spacing:-.5px;
}

#article {
	float:right;
	width: 40%;
	background:#5B787B;
	padding: 15px;
	border:1px white solid;
	margin: 0 0 10px 10px;

}
#article p {
	font-size:.85em;
	line-height:17px;
	padding:5px;
}

#footer {
	width: 100%;
	border-top:3px white solid;
	height: 120px;
	font-size:85%;
	text-align:center;
	padding-top: 20px;
	padding-bottom:15px;
}
#footer p {
	padding: 12px;
	line-height: 15px;
}
#footer a {
	color:#9AABAC;
	background:#444;
	line-height: 28px;
}
#milligan p {margin-left:15px; margin-right:20px;}

a.screen, a.screen:visited {
font-weight: bold; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:110px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:171px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
a.h86:hover b {height:86px;}
a.h86 b {top: -86px;}
a.lost:hover b {height:156px;}
a.lost b {top: -156px; width:100px}
a.prince:hover b {height:161px;}
a.prince b {top: -161px; width:120px}
a.stone:hover b {height:176px;}
a.stone b {top: -176px; width:110px;}