/*we start the style sheet with the standard html elements we'll be using most */
p { /*larger indent than headings */
	font-size : smaller;
	margin-left : 120px;
}

form {
    margin-left : 120px;
}

ol, ul { 
font-size : smaller;
margin-left: 140px;
 }
li { 
margin-top : 10px;
 }
h1,h2,h3,h4,h5,h6 { /*large left margin to allow space for left floater div*/
	margin-left : 100px;
  }
/*note that the elements are set up for use within the div.maintextarea field which will be
containing pretty much all the site content on the regular pages*/
  
 /*next we list the main divs which hold the content in the right place on the pages */ 
    
  div.titlegraphic { /*first style mentioned in source */
  position: absolute;
  left: 10px;
  top: 5px;
  width: 710px;
  height: 80px;
  } 
  div.navleft { 
  position: absolute;
	background-image : url("../images/corner_face_3b.jpg");
	background-repeat: no-repeat;
	background-color: transparent; 
	left : 0px;
	top : 80px;
	width: 250px;
	height:1000px;
	z-index: 2; /* this should be above the white edge of maintextarea, but below any leftfloat elements */
  font-family : Courier New, Courier, monospace;
	font-weight : bold;
	font-size : medium;
	text-decoration : none;
   }
 
div.maintextarea {
	position : absolute;
	top : 80px;
	left: 180px;
	width: 600px;
	height: auto;
	background-color : transparent;
	z-index:3;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #808080;
	} 

div.leftfloater {
	/*to hold thumbnails and notes to between maintextarea and navarea */
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	background-color: transparent;
	color: #808080;
	width: 75px;
	z-index: 4;
}
div.bottomnavarea {
	position : relative;
	margin-top: 35px;
	margin-left : 100px;
	z-index :3;
	width:520px;
	 font-family : Courier New, Courier, monospace;
	font-weight : bold;
	font-size : small;
}

 div.copyright {
  position:relative; 
  z-index:5; 
  left: 150px; 
  margin-top:40px;
  width: auto;
  	font-weight : lighter;
	line-height : 115%;
	text-align : left;
	font-size : x-small;
	position:relative;
	left:80px;
  } 

div.search_results {
    margin-left : 120px;
}
	
/*after the main divs, the specialised element classes which represent special formatting cases
In general, the idea is that the element styles represent the formatting we'll use the most frequently.
should cut down on typing class="wibble" for frequently used tags */

p.contentheader {
	font-size: larger;
	font-weight : bolder;
margin-left: 100px;
}

p.navlefttext { 
margin-left: 15px; /*overrides standard margin so text is correctly positioned in left nav area*/
 }
 p.leftfloatertext { 
 margin-left: 10px;
 font-size: 70%;
 }
 p.textquote { 
 margin-left: 130px;
 margin-right: 20px;
 font-size: 75%;
  }
 p.essayAnnotation { 
 font-size: 75%;
 margin-left: 130px; 
  }
 
 /*next we have various span classes for specific functions - book titles, foreign phrases, etc */
 span.booktitle, span.foreign, span.journaltitle {
	font-style : italic;
}
 
/*finally we list here the pseudo classes for link hover effects, etc*/
 
A:LINK {
	color : #474747;
	text-decoration : none;
}
A:VISITED {
	color : #474747;
	text-decoration : none;
}
A:HOVER {
	color : #FF3333;
	text-decoration: underline;
}
A:ACTIVE {
	color : #FF3333;
	text-decoration: underline;
}

table.linklist  {
	/*larger indent than headings */
	font-size : smaller;
	margin-left : 120px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #808080;
	}
	td.linklist, th.linklist, tr.linklist {
	background-color : #F0EEEE; 
	}