
<style type="text/css">

	/*
	* For some reason both Firefox and IE ignore the
	* first element of the style sheet, so I've
	* included one that does nothing.
	*/
	html {}

	/*
	* Below we are using an image to write my name vertically on
	* the left hand side.
	*/

	/*
	* To get the title bar to span the whole page and have the
	* side bar and main text div align at the top I have had to
	* put all of the text divs into one large container.
	*/
	div#title, div#maintext, div#sidebar {
		/*
		* Use absolute units on the left so that the text does not
		* move over the background image when text is resized.
		*/
		margin: 1em 1ex 1em 50px;
		padding: 0 0 0 0;
		}


	div#title {
		background: #d5c2c2;
		padding-left: 1em;
		}

	div#maintext {
		min-height: 65em;
	}


	/*
	* Place an image of one of my sculptures in the
	* top left hand corner of the main text container.
	* I am putting the image in its own container here
	* so that the text will flow around it properly.
	*/
	div#cornerimage {
		float: left;
		margin: 4em 2em 1em 1em;
		}

	/*
	* There is a special parent sidebar container here in case
	* I want to put more child containers in the sidebar.
	*/	
	div#sidebar {
		float: right;
		margin: 0 1ex 1em 1ex;
		padding: 0 0 0 0;
		width: 25ex;
		background: white;
		border-width: 0 0 thin thin;
		border-color: #ad8f8f;
		border-style: solid;
		}

	.menu {
		margin: 0 0 1em 1em;
		font-size: smaller;
		}

	/*
	* To remove the hyperlink underlining in the descriptions
	* I had to remove the underlining for the whole link and then
	* add it back again for the non-description part.
	*/
	.menu a {
		text-decoration: none;
		}

	/*
	* Hide the descriptions in the hyperlinks' text
	* by enclosing them in a span element and then hiding
	* the contents.
	*/
	.menu a span.popup { 
		display: none;
		font-size: larger;
		}

	/*
	* Show the URL descriptions in a seperate box when the
	* mouse hovers over the link.
	*/
	.menu a:hover span.popup {
		margin: 0 0 0 0;
		display: block;
  		position: fixed;
		top: 33%;
		left: 20%;
		max-width: 20em; }

	/*
	* Shared properties.
	*/
	.menu, .menu a:hover span.popup, div#maintext, div#title {
		border-width: thick thin thin thin;
		border-color: #ad8f8f;
		border-style: solid;
		}

	.menu, .menu a, .menu a:hover span.popup {
		background-color: #cec2c2;
		color: #605443;
		}

	.menu, .menu a:hover span.popup, div#maintext {
		padding: 1em 1em 1em 1em;
		}


	.menu ul {
		margins: 0 0 0 0;
		padding: 0 1em 0 1em;
		}

	p {
		text-indent: 5ex;
		text-align: justify;
		}

	/*
	* Create large initial letters to mark out the start
	* of a new sections.
	*/
	p.new-section:first-letter {
		font-size: 300%; 
		float: left; 
		color: #605443;
		}

	/*
	* Used to put underlining back into the non description
	* part of the hyperlink text.
	*/
	.uline {text-decoration: underline;}

	/* 
	* Some elements in the HTML are only there for non-CSS
	* browsers such as Lynx, so these things have to be hidden
	* in CSS browsers.
	*/
	.hidden {display: none;}
		
	.brighterish {background: #d5c2c2;
		padding: 1em 1em 1em 1em;
		margin: 0 -1em 0 -1em;}
	.greyish {
		background: #cec2c2;
		padding: 1em 1em 1em 1em;
		margin: 0 -1em 0 -1em;
		}
	.nonblacktext, h1, h2, h3, a {color: #605443;}


</style>
