/*note, I use pt instead of px. This makes calculations
				more difficult, but, hopefully, this will continue to work
				as we transition to resolution independent devices and
				operation systems */
	
	/*---------------------------------------------------------*/
	/*main section styles.. these separate the navigation from */
	/*the content*/
	*
	{
		margin: 0pt;
		padding: 0pt;
	}
	
	/*explicitly set everything to 0*/
	
	/* not sure if this does anything.. have read claims that
				some browsers will set defaults if you don't specify anything */
	
	#bodyStyle
	{
		top: 0pt;
		left: 0pt;
		width: 100%;
		height: 100%;
		/* these are set at 100% because under some borwsers */
		/* elements contained within the body and set to 100% */
		/* interpret that to mean 100% of their containing */
		/* element (the body in this case) rather than */
		/* 100% of the window. For example, under IE5 Mac, */
		/* failure to set the body at 100% would result in */
		/* the nav frame below only extending to its own */
		/* content rather than fillng the entire height of */
		/* the page, even if it had been set at height=100% */
		margin: 0pt;
		padding: 0pt;
		border-width: 0pt;
		overflow: auto;
		/*effectively provides scroll for non-fixed content*/
		/*frame*/
		background-color:#888
	}
	

	
	#navigation
	{
		position: fixed;
		z-index: 0;
		left: 0pt;
		top: 0pt;
		height: 100%;
		width: 90pt;
		/* 1.25 inch */
		padding: 18pt 0pt 18pt 27pt;
		/* .25, 0, .25, 3/8 inch */
		/* 1/24 inch */
		border-right: #DDE;
		margin: 0pt;
		color: #000000;
		background-color: #EEEEFF;
		overflow: hidden;
		/*commented out - for now the list is short enough that */
		/*scrolling isn't necessary.. but could change later */
		/* also, Opera had problem with scrolls in this frame*/
		border-width: 0 medium 0 0;
		/* did "medium" instead of specific pts because it rendered better */
		border-style: none solid none none;
	}
	
	#content
	{
		position: absolute;
		top: 0pt;
		left: 118pt;
		/* 90pt width + 20 pt padding + 1 for border of */
		/* nav frame */
		z-index: 0;
		margin: 8pt 10pt 8pt 10pt;
		/* 21pt right padding to match left padding and border above */
		padding: 0pt 21pt 0pt 0pt;
		background-color: #FFF;
		overflow: hidden;
		/* to avoid extra scroll bars when window is resized*/
		/* scroll provided by overflow auto in body style */
		/* note we still get an unnecessary horizontal scroll*/
		/* in IE5.. but that's tough */
	}
	
	#contentPicture
	{
		position: absolute;
		top: 0pt;
		left: 118pt;
		/* 90pt width + 20 pt padding + 1 for border of */
		/* nav frame */
		z-index: 0;
		margin: 8pt 10pt 8pt 10pt;
		/* 21pt right padding to match left padding and border above */
		padding: 0pt 21pt 0pt 0pt;
		background-color: #222;
		overflow: hidden;
		/* to avoid extra scroll bars when window is resized*/
		/* scroll provided by overflow auto in body style */
		/* note we still get an unnecessary horizontal scroll*/
		/* in IE5.. but that's tough */
	}
	
	/*---------------------------------------------------*/
	/* formatting styles. These change the look of individual*/
	/* text elements*/
	
	.dateClass { padding: 0 3ex 2ex 3ex; }
	
	.dateClassPicture 
	{ 
		
		color: #CCC;
		padding: 0 3ex 2ex 3ex;
	}
	
	/*date*/
	
	/*date*/
	
	
	.largeTitle /* 24pt centerd titles for main content area*/
	{
		color: #000000;
		font-family: Garamond, serif;
		font-size: 24pt;
		font-weight: normal;
		text-align: center;
		padding: 1ex;
	}
	
	.largeTitlePicture /* 24pt centerd titles for main content area*/
	{
		color: #CCC;
		font-family: Garamond, serif;
		font-size: 24pt;
		font-weight: normal;
		text-align: center;
		padding: 1ex;
	}
	
	.storyTitle /* 20pt centered titles for story links*/
	{
		color: #000000;
		font-family: Garamond, serif;
		font-size: 20pt;
		font-weight: normal;
		text-align: left;
		padding: 1ex;
	}
	
	.mediumTitle /*title for nav area*/
	{
		color: #404457;
		font-family: Garamond, serif;
		font-size: 22pt;
		font-weight: normal;
	}
	
	p /* indent paragraph by default*/
	{
		text-indent: 2em;
		padding: 0 3ex 0 3ex;
	}
	
	.pictureP /* indent paragraph by default*/
	{
		color: #CCC;
		text-indent: 2em;
		padding: 0 3ex 0 3ex;
	}
	
	.stanzaItalic
	{
		padding: 0 6em 1em 6em;
		font-style: italic;
	}
	
	/*----------------------------------------------------------*/
	/*--graphics------------------------------------------------*/
	
	.thumb
	{
		padding: 9pt;
		float: left;
		display: inline-block;
		text-align: center;
	}
	
	/*----------------------------------------------------------*/
	/*--links---------------------------------------------------*/
	.linkLeft
	{
		float: left;
		padding: 1em 0 0 1em;
		font-family: Garamond, "Times New Roman", serif;
		font-size: 16pt;
		font-weight: normal;
	}
	.linkRight
	{
		float: right;
		padding: 1em 1em 0 0;
		font-family: Garamond, "Times New Roman", serif;
		font-size: 16pt;
		font-weight: normal;
	}
	
	/*----------------------------------------------------------*/
	/*--miscellaneous-------------------------------------------*/
	
	.noBorder /*get rid of borders around images used as anchors in FireFox*/
	{
		border: 0;
	}

	.spaced /*put 1/4 inch around hr */
	{
		width: 100%;
		margin: 18pt;
	}
	
	/*----------------------------------------------------------*/
	/*pseudo classes - link appearance */
	a:link
	{
		color: #000;
		text-decoration: none;
		border-style: none;
		border-color: #FFF;
		border-width: 0;
	}
	
	a:visited
	{
		color: #000;
		text-decoration: none;
		border-style: none;
	}
	
	a:hover
	{
		color: #000;
		border: none;
		text-decoration: underline;
	}
	a:active
	{
		color: #000;
		border: none;
		text-decoration: none;
	}