/* css style sheet for Curle's A Roman Frontier Post and its People */

/* needed to fool Internet Explorer into behaving reasonably */
#html>body #nav{
#	position: fixed;
#	}
body {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	height: 100%;
	margin-top: 0%;
	color: #000000;
	background: #fff;
/*	margin-top: 5%;
	margin-bottom: 5%; */
	}
/*	define the general body text style */
p {
	text-align: justify;
	text-indent: 0px; 
	font-size: normal;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	}
/*	define the styles for headings */
h1 { 
	font-family: serif;
	font-weight: bold;
	font-style: normal;
	font-size: 150%;
	letter-spacing: 1px;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
	}
h2 { 
	font-family: serif;
	font-weight: normal;
	font-style: italic; 
	font-size: 140%;
	letter-spacing: 1px;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
	}
h3 { 	
	font-family: serif;
	font-weight: bold;
	font-style: normal;
	font-size: 130%;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: left;
	}
h4 { 	
	font-family: serif;
	font-weight: normal;
	font-style: italic;
	font-size: 120%;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: left;
	}
h5 { 	
	font-family: serif;
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%; 
	margin-top: 1%;
	text-align: left;
	}
h6 { 	
	font-family: serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	margin-top: 2%;
	text-align: left;
	}
/*	define emphasis style as italic */
em {
	font-weight: normal;
	font-style: italic;
	}
/*	define strong style as bold */
strong {
	font-weight: bolder;
	}
/*	make the horizontal rule fit the margins */
hr { 	
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 2%; 
	}
/*	redundant?! */
sup {
	font-size: 70%;
	margin-top: 0px;
	}
/*	define link style */
a:link { 
	font-weight: bold; 
	text-decoration: none;
	color: #000000;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #000000;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #ffffff;
	background: #000000;
	}
/*	define centering */
div.centered {
	text-align: center;
	}
div.centered table {
	margin: 0 auto; 
	text-align: left;
	}
/*	define the nav table */
#nav {
	line-height: 120%;
	text-align: left;
	top: 0%;
	left: 0%;
	margin-left: 2px;
	width: 110px;
	height: 100%;
	background-color: #EDEECD ;
	background-image: url(images/logo.gif);
	background-position: 50% 98%;
	background-repeat: no-repeat;
	font-size: small;
	font-family: sans-serif;
	position: absolute;
		}
#nav[id] {
	position: fixed;
}
#nav-table {
	table-layout: auto;
/*	margin-top: 100px; */
	height: 70%;
	}
/*	define captions */
#caption {
	font-family: serif;
	font-weight: normal;
	font-style: italic;
	font-size: normal;
	text-align: center;
	}
/*	define tables within the text */
#text-table {
	padding: 0%;
	margin-left: 20%;
	margin-right: 10%;
	text-align: left;
	vertical-align: top;
	}
/*	define index table */
#index-table {
	padding: 0%;
	margin-left: 15%;
	margin-right: 5%;
	text-align: left;
	vertical-align: top;
	}
#index-table p {
	margin-bottom: -1%;
	text-indent: -1em;
	line-height: 97%;
	}
/*	define tables to hold figures within the text (because IE mangles 'float' */
#fig-table {
	display: inline;
	}
/*	define style for large inscriptions */
#inscr {
	font-family: sans-serif;
	text-align: justify;
	}
/*	define style for small inscriptions */
#smallinscr {
	font-family: sans-serif;
	font-size: smaller ;
	}
/*	define the contents page style */
#contents {
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	}
/*	define the main text area of a page */
#main {
	font-family: serif;
	font-size: medium;
	height: 100%;
	text-align: justify;
/*	margin-left: 50px;
	margin-right: 50px;
	margin-top: 50px;
	margin-bottom: 50px; */
	padding-top: 5%;
	padding-bottom: 15%;
	overflow: auto;
	}
/*	define the index style */	
#index {
	margin-bottom: -1%;
	text-indent: -1em;
	line-height: 97%;
	}
/*	define the right column for the index */	
#rightcolumn {
	width: 43%;
	padding: 1%;
	margin-left: 50%;
	font-size: normal;
	margin-right: 0%;
	margin-bottom: 0%;
	vertical-align: text-top;
	}
/*	define the image area of a page */
#piccy {
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
	text-align: center;
	}
/*	define a selection box on the home page */
#box {
	font-family: sans-serif;
	font-size: small;
	margin-top: 2%;
	margin-left: 20%;
	margin-right: 10%;
	margin-bottom: 1%;
/*	padding-left: 110px; */
	text-align: center;
	background: #edeecd;	
	}
#col3 {
	text-align: right;
	}
#fixed {
    top: -0%;
    left: -0%;
    width: 10%;
    height: 100%;
	}
#floatleft {
	float: left;
	}
#floatleft p {
	text-align: center;
	}
/* #floatleft table {	
	margin-left: 20%;
	margin-right: 10%;
	} */
#floatright {
	float: right;
	}
#floatright p {
	text-align: center;
	}
#stamps {
	font-family: sans-serif;
	font-size: smaller;
	}
/*	define the upper element of a fraction */
#upperfrac {
	font-size: 55%;
	vertical-align: text-top;
	}
/*	define the lower element of a fraction */
#lowerfrac {
	font-size: 55%;
	}
/*	define the general style for viewing on screen */
@media screen
  {
  body>fixed
    {
    position: fixed;
    }
  }
/*	some (but not necessarily all!) of these are now irrelevant... if only I could remember which...                                     */
.guide {font-family: sans-serif; font-size: smaller; background: white}
.center {text-align: center}
/*	define the style for page numbers */
.page   {text-align: center}
/*	define the styles for placing small bits of text */
.R   {text-align: right} 
.L   {text-align: left} 
.J   {text-align: justify}
.indent {text-indent: 50%}
.pno {color: white; background: black}
/*	define the style for footnotes */
.notes {font-size: 80%; line-height: 120%}
/*	define the style for text figure captions */
.figcaption {font-size: 80%; font-style: italic; text-align: center}
/*	define the style for quotations */
.quote {margin-left: 25%; margin-right: 15%}
/*	define the style for the author's name */
.author {font-size: x-large; font-style: italic; text-align: center}
/*	define the style for the place of publication*/
.place {font-size: x-large; font-style: normal; text-align: center}
/*	define the general style for hardcopy removing the nav menu on the left and centering the text on the page. Also de-emphasises links (because they are irrelevant on paper). */
@media print { 
	#nav { display:none; }
	@page { margin: 10% }
	a:link, a:visited, a:hover, a:active { font-weight: normal; text-decoration: none; }
	h1, h2, h3,
	h4, h5, h6	{ page-break-after: avoid; page-break-inside: avoid }
/*	define the audio styles */
@media speech {
  h1, h2, h3, 
  h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
  h1            { pitch: x-low; pitch-range: 90 }
  h2            { pitch: x-low; pitch-range: 80 }
  h3            { pitch: low; pitch-range: 70 }
  h4            { pitch: medium; pitch-range: 60 }
  h5            { pitch: medium; pitch-range: 50 }
  h6            { pitch: medium; pitch-range: 40 }
  li, dt, dd    { pitch: medium; richness: 60 }
  dt            { stress: 80 }
  em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }

  a:link        { voice-family: harry, male }
  a:visited     { voice-family: betty, female }
  a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}