@import url("_lib.css");
@import url("scrollbars.css");

body { margin: 0; padding: 0; background: #fff; font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; }

a:link, a:visited 		 { color: #336; }
a:hover, a:visited:hover { color: #900; }

form	{ margin: 0; padding: 0; }

#header { height: 65px; margin: 0; padding: 10px 0 0 20px; text-align: left;  }

	#header a { text-decoration: none;  }
	
	#header h1 {  
		margin: 0; padding: 0; letter-spacing: 1.75em; 
		font: bold 1.8em/1.1em "Courier New", "Trebuchet MS", Helvetica, sans-serif; 
		color: #aaa; 
		text-transform: lowercase;
	}
	#header h1.error { letter-spacing: normal; }
	#header h1 a:link, #header h1 a:visited 		{ color: #aaa; }
	#header h1 a:hover, #header h1 a:visited:hover 	{ color: #900; }

	#header h2 { 
		margin: 0; padding: 0; 
		font: bold 1.4em/1.1em "Courier New", "Trebuchet MS", Helvetica, sans-serif; 
		color: #aaa; 
	}

	#header h3 { margin: 0; padding: 0; letter-spacing: 0.5em; font: 1em/1em Arial, Helvetica, sans-serif; color: #555; }
	#header h4 { margin: 0; padding: 0; }

#page { clear: both; vertical-align: top; }


#navWrap		{ float: left; width: 15%; }
#contentWrap	{ float: left; width: 85%;  }

#nav { width: 7em; text-align: right; margin-left: 20px; padding: 0; }

	#nav a:link, #nav a:visited { display: block; padding: 0.4em; color: #aaa; text-decoration: none; }
	#nav a:hover, #nav a:visited:hover { display: block; padding: 0.4em; color: #f00; text-decoration: none; }
	
	#nav ul 			{ list-style: none; margin: 0; padding: 0;  }
	#nav ul li 			{ font: 1em/1em "courier new", arial, helvetica, sans-serif; margin: 0 0 1em 0; padding: 0; }
	
	#nav ul li.home		{ margin-top: 2.85em; }
	#nav ul li.home	a	{ color: #bbb; letter-spacing: 0.25em; margin-right: -0.25em }
	
	#nav ul li ul		{ list-style: none; margin: 0.60em 0 0 0; }
	#nav ul li ul li	{ font: 0.75em/1.25em verdana, geneva, arial, helvetica, sans-serif; margin: 0 0 0.1em; }
	
	#nav ul li a:hover 	{ background: #eee; } 

	#nav ul li.here a:link, 
	#nav ul li.here a:visited { font-weight: bold; color: #333; text-decoration: none; }
	#nav ul li.here a:hover, 
	#nav ul li.here a:visited:hover { font-weight: bold; color: #900; text-decoration: none; }

	#nav ul li.here li a:link, 
	#nav ul li.here li a:visited { font-weight: normal; color: #666; text-decoration: none; }
	#nav ul li.here li a:hover, 
	#nav ul li.here li a:visited:hover { font-weight: normal; color: #900; text-decoration: none; }

#content { width: 525px; margin: 0 auto; padding: 0; font: 1em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; }

	#content h1 { color: #555; }
	#content h2 { color: #555; font: normal 1.5em Georgia, serif; margin-bottom: 0; padding: 0; }
	#content h3 { color: #333; font: normal 1.25em Georgia, serif; margin-bottom: 0; padding: 0; }
	#content h4	{ color: #333; font-weight: normal; }

	.recsub	{ text-indent: 2em; }
	
	ul.listen { list-style: none; margin: 0 0 3em 0; padding: 0; }
	ul.listen li { margin: 0 0 1.5em 0; padding: 0; }	
	
	ul#chronology 			{  }
	ul#chronology li 		{  }
	
	ul#chronology li strong,
	ul#chronology li b		{ display: block; background: #eee; color: #000; padding: 1px 1px 1px 14px; margin: 0; font: normal 0.9em arial, helvetica, sans-serif; letter-spacing: 0.75em; }
	ul#chronology li a		{  }
	ul#chronology li ul		{ list-style: none; margin-top: 1.5em; margin-left: 7px; padding-left: 7px;}
	ul#chronology li ul	li	{ margin-bottom: 2.5em; }
	
	ul#chronology li ul	li strong,
	ul#chronology li ul	li b	{ display: inline; background: transparent; color: #000; padding: 0; font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; }


#contact	{  }	

	input, select, textarea { 
		border: 1px solid #d5d5d5; 
		font-size: 0.95em; 
		padding: 2px 3px; 
	}
	.inputFocus { background: #ffffcc; }
	
	li.hidden a:link, li.hidden a:visited  { color: #fff; }
	li.hidden a:hover  { color: #900; }

	
	
#footer { text-align: center; margin: 5em 0 9em; font: 0.9em arial, helvetica, sans-serif; color: #aaa; }
	#footer a:link, #footer a:visited, #footer a:hover { color: #aaa; text-decoration: underline; }

