/* Revised by Deborah Canute for Durand Union Station
			 - Michigan Railroad History Museum Website Created:July 2007.
			 Revised January 2010.
			 This stylesheet styles the navigation bar and all page elements.
			 This style sheet passed WC3 validation. */

	body {
		font-family:verdana,arial,sans-serif;
		font-size:100%;
		behavior:url(css/csshover.htc);
		background: url("diamond_light.gif") #ffffde;		
		}
	* {margin:0; padding:0;}	
/* wrap */
	#wrap {
		background:#f5f5dc;
		color:#000000;
		margin: auto;
		width:800px;
		border: 1px solid #663333;		
		}	
/* header */
	#logo {
		padding:1% 0% 0% 0%;
		text-align: center;
		}		
/* list menu */		
	#listmenu {
	clear: both;
	width: 750px;
	float: left;
	position: relative;
	margin:0 auto 1% 5%;
	padding: 1px;
	font-size: .8em;
	font-weight: bold;
	background-color: transparent;
}
	#listmenu ul {
		margin:0 auto;
		border:1px solid #f5f5dc; 
		}						
	#listmenu li {
	float: left;
	position: relative;
	list-style-type: none;
	background-color: #663333;
	border-right: 1px solid #f5f5dc;
}
	#listmenu li:first-child {
		border-left:1px solid #f5f5dc;
		}
	#listmenu li:hover {
		background-color:#deb887;
		}				
	#listmenu a {
		display:block;
		padding:0 10px;		
		text-decoration:none;
		color:#f5f5dc;
		}	
	#listmenu a:hover {
		color:#800000;
		}	
 * html #listmenu ul {
		float:left;
		border-left:1px solid #f5f5dc;
		margin-left:100px;
		}		
/* dropdown menu */
	#listmenu ul li ul {
		margin:0;
		position:absolute;
		width:10em;
		left:-2px;
		}		
	#listmenu ul li ul li {
		width:100%;
		border-left:1px solid #faebd7;
		border-bottom:1px solid #faebd7;
		border-right:1px solid #faebd7; 
		}				
	#listmenu ul li ul li:first-child {
		border-top:1px solid #faebd7;
		}	
	#listmenu ul li ul {
		display:none;
		}
	#listmenu ul li ul li ul {
		visibility:hidden;
		top:1px;
		left:10em;
		}
	#listmenu ul li:hover ul /*, div#listmenu ul li ul:hover */ {
		display:block;
		}
	#listmenu ul li ul li:hover ul /*, div#listmenu ul li ul li ul:hover */ {
		visibility:visible;
		}
	* html #listmenu ul {
		float:left; 
		border-left:1px solid #faebd7;
		margin-left:10px;
		}
	* html #listmenu ul li ul {
		border-top:1px solid #faebd7;
		border-left:0px;
		}
	* html #listmenu ul li ul li {
		border-top:1px solid #faebd7;
		border-left:0px;
		}					
/* right main column */
	#rightmain {
		clear:right;
		float:right;
		width:70%;
		margin:0 0 5px 0;
		padding:2% 2% 0 0;
	}
	/*#rightmain h2 {
		font-family:georgia,"times new roman",serif;
		font-size:1.5em;
		color:#993300;
		} */
	#mainleft {
		clear:right;
		float:left;
		margin:0 0 0 5%;
		padding:0;
		}
/* left side column */
	#leftside {
		float:left;
		border:3px double #800000;
		width:20%;
		margin:2% 0 5px 2%;		
		padding:1%;
		background-color:#deb887;
		}
/* image styling */
	img {
	display: block;
	margin: 0 auto 5px auto;
	border: 2px solid #663333;
	vertical-align: middle;
}
	img.right {
		float:right;
		margin:1% 0 1% 2%;
		}
	img.left {
		float:left;
		margin:1% 2% 1% 0;
		}
	img.noborder {
		border:0;
		}
/* HTML Selectors */	

	h1,h2,h3 {
		font-family:georgia,"times new roman",serif; 
		text-align:center; 
		}
	h1 {
		font-size:2em;
		color: #800000;
		}		
	h2 {
		font-size:1.5em;
		color:#993300;
		}
	h3 {
		font-size:1.3em; 
		color: #660000;
		}
	.center {
		text-align:center;
		}
	.centersmall {
	text-align: center;
	font-size: smaller;
}
	.boldcenter {
		font-weight:bold;
		text-align:center;
		}
	.left {
		text-align:left;
		}
	.small {
	padding: 2%;
	font-size: smaller;
}
	.smaller {
	
		font-size:x-small;
		}
	.caption {
		font-size:smaller;
		text-align:center;
		font-style:italic;
		}
	.halfspaced {
		line-height:1.5;
		}
	.indented {
		margin-left:15%;
		}
	.highlight {
		background-color:#ff9966;
		}
	.red {
		background-color:red;
		}
	.green {
		background-color:green;
		}
	.gray {
	
		background-color:gray;
		}
	.ltblue {
	color: #0033CC;
		}
	.dkblue {
	color: #000080;
		}
	#footer {
		clear:both;
		margin:0 auto;
		padding:15px 0;
		border-top:1px dashed #993300;
		width:100%;
		text-align: center;
		color:#663333;
		background:#f5f5dc;
		font-size: .8em;
		}	
	ul.disc {
		margin:0 0 0 5%;
		list-style:disc;		
		}
	div.ulspaced  li{
		margin-bottom:.5em;
		}
	ul.discsm {
		margin:0 0 0 5%;
		list-style:disc;	
		font-size: .9em;
		}
	ul.discindented {
		margin-left:20%;
		}
	ul.discindentedbold {
		margin-left:20%;
		font-weight:bolder;
		}		
	ul.none {
		margin:0 0 0 1%;
		list-style:none;
		}
	ol li {
		font-size:.85em;
		}
		
	#boxed {
		border: 2px #cc3333 dashed;
		background-color:#ffe4c4;
		padding:2%;
		margin:0 2% 0 0;
	}
	#boxedblue {
	border: 2px #0099CC ridge;
	background-color: #CCFFFF;
	padding: 2%;
	margin: 0 2% 0 0;
	}
	
	#adjusted {
	  clear:both;
		float:left;
		width:100%;
		margin:2% 0 5px 0;
		padding:2% 2% 0 0;		
	}