/* 

Style sheet for Carpenter Website © Philip & Rebekah Carpenter 2001 - 2006

Designed by The Carpenters
 
*/

/* 

Carpenter Personal Website Design

Font set:

  Arial then sans-serif as default text
	Arial for headings
	Bookman Old Style for Photograph Album paragraphs
	Georgia for Photo Gallery captions
	Times New Roman for Clippings text and MA text 

Colour set: 
	
	#0000c6; custom blue logo (mid range colour)
	#0033ff; red logo
	#ffff00; yellow logo
	
	#c0c0c0; silver - header table website heading colour
	#0000c6; custom blue - header table page titles colour
	#008000; green - footer table update & copyright text
	#c0c0c0; silver - horizontal line
	 
	#0000ff; blue - unvisited link colour
	#b700b7; custom lilac - visited link colour
  #ff0080; custom pale red - hover and active link colour
	#0033ff; custom royal blue - ancestor chart individual name colour

Layout: 

  Header table
	- website header
	- page title & logos
	- intra-website page links
	
	Main page content in paragraphs
	
	e-mail contact line
	
	HR separator
	
	Footer table
	- intra-website page links
	- internet links
	- update & copyright information
		
Styles: 

	Font family is Arial, sans-serif unless otherwise stated

	body - default
	
	h1 - 20px centred bold custom blue text for main page titles 
	h2 - 16px centred bold black text for main headings 
	h3 - 16px left justified black text for descriptive text
	h4 - 13px left justified black text for sub-headings
	h5 - 13px centred bold black text for sub-headings
	h6 - not used

	p - 16px centred black text for paragraphs
	p.text - 15px Times New Roman left justified black text for dissertation abstract on MA page and Clippings narrative
	p.ref - 12px left justified black text for references on MA page
	sup.footnote - 12px left justified red text for superscript footnotes markers in dissertation abstract on MA page
	
	a:link - 13px normal underline blue text for hyperlinks
	a:visited - 13px underline custom lilac text for hyperlinks
	a:active - 13px underline custom pale red text for hyperlinks
	a:hover - 13px underline custom pale red text for hyperlinks
					.nav - 13px no-underline for header/footer table navigation links	
					.heading - 16px bold underline for h2 heading hyperlinks

	
  td - 13px left justified black text in table cells
	td.name - 14px left justified bold custom royal blue text for ancestor chart names
	td.caption - 14px centre justified bold black text for photo gallery captions
	td.prevphoto - 13px left justified black text for unlinked previous photo navigation text in photo albums
	td.nextphoto - 13px right justified black text for unlinked next photo navigation text in photo albums
	td.index - 16px centred bold black text for main headings 
		
	td.links - 16px centred bold silver text for vertical spacers in header/footer table navigation links
	td.tophdr1 - 16px centred bold silver text for website header in header table
	td.tophdr2 - 32px centred custom blue text for page title in header table
	td.tophdr3 - 16px left justified bold custom blue text for Clippings Issue No in header table
	td.tophdr4 - 16px right justified bold custom blue text for Clippings Issue date in header table
	td.foothdr1 - 16px centred bold custom blue text for intra-website & internet link heading in footer table
	td.foothdr2 - 12px left justified green text for union flag cell in footer table
	td.foothdr3 - 12px right justified green text for smiley cell in footer table
	td.foothdr4 - 12px left justified green text for update info data in footer table
	td.foothdr5 - 12px right justified green text for copyright in footer table
	 	
	hr - 3px silver horizontal line

	image - only used in print css file to remove image when printing page

*/

body {
  font-family: Arial, sans-serif;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

h1 {
  font-family: Arial, sans-serif;
  font-size: 20px;
  color: #0000c6;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

h2 {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}
	
h3 {
  font-family: Bookman Old Style, Times New Roman, Arial, sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  line-height: 1.3em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}	

h4 {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 1.2em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}	

h5 {
	font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

h6 {
  
}		 
	 
	 
p {
	font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

p.text {
	font-family: Times New Roman, Arial, sans-serif;
  font-size: 15px;
  color: #000;
  font-weight: normal;
  line-height: 1.4em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}

p.ref {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  line-height: 1.4em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}

sup.footnote {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
	font-weight: bold;
}

a:link {
  color: #0000ff;
	font-size:13px;
  font-weight: normal;
  text-decoration: underline;
}

a:visited {
  color: #b700b7;
  font-size:13px;
	font-weight: normal;
  text-decoration: underline;
}

a:active {
  color: #ff0080;
  font-size:13px;
	font-weight: normal;
  text-decoration: underline;
}

a:hover {
  color: #ff0080;
  font-size:13px;
	font-weight: normal;
  text-decoration: underline;
}

a:link.nav {
  color: #0000ff;
	font-size:13px;
  font-weight: normal;
  text-decoration: none;
}

a:visited.nav {
  color: #b700b7;
  font-size:13px;
	font-weight: normal;
  text-decoration: none;
}

a:active.nav {
  color: #ff0080;
  font-size:13px;
	font-weight: normal;
  text-decoration: none;
}

a:hover.nav {
  color: #ff0080;
  font-size:13px;
	font-weight: normal;
  text-decoration: none;
}

a:link.heading {
  color: #0000ff;
	font-size:16px;
  font-weight: bold;
  text-decoration: underline;
}

a:visited.heading {
  color: #b700b7;
  font-size:16px;
	font-weight: bold;
  text-decoration: underline;
}

a:active.heading {
  color: #ff0080;
  font-size:16px;
	font-weight: bold;
  text-decoration: underline;
}

a:hover.heading {
  color: #ff0080;
  font-size:16px;
	font-weight: bold;
  text-decoration: underline;
}

td {
	font-family: Arial, serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
}

td.name {
	font-family: Arial, serif;
  font-size: 14px;
	color: #0033ff;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}

td.caption {
	font-family: Georgia, Bookman Old Style, serif;
  font-size: 14px;
	color: #000;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

td.prevphoto {
	font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}

td.nextphoto {
	font-family: Arial, sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: right;
}

td.index {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}
	
td.links {
	font-family: Arial, sans-serif;
  font-size: 16px;
  color: #c0c0c0;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

td.tophdr1 {
	font-family: Arial, sans-serif;
  font-size: 16px;
  color: #c0c0c0;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}

td.tophdr2 {
	font-family: Arial, sans-serif;
  font-size: 32px;
  color: #0000c6;
  font-weight: normal;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}
	
td.tophdr3 {
	font-family: Arial, sans-serif;
  font-size: 16px;
  color: #0000c6;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}
	
td.tophdr4 {
	font-family: Arial, sans-serif;
  font-size: 16px;
  color: #0000c6;
  font-weight: bold;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
	text-align: right;
}


td.foothdr1 {
	font-family: Arial, sans-serif;
  font-size: 16px;
  color: #0000c6;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: center;
}
	
td.foothdr2 {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #008000;
  font-weight: normal;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}
	
td.foothdr3 {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #008000;
  font-weight: normal;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: right;
}

td.foothdr4 {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #008000;
  font-weight: normal;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: left;
}
	
td.foothdr5 {
	font-family: Arial, sans-serif;
  font-size: 12px;
  color: #008000;
  font-weight: normal;
  line-height: 1em;
  font-style: normal;
  font-variant: normal;
	text-align: right;
}

hr {
	 size: 3;
	 color: #c0c0c0;
}