/* footer.css
* Revised: 22 Nov 2000
* by JAB
* Revised: 3 Feb 2005
* Revised: 7 Apr 2005
* Revised: 22 Sept 2005
* Revised: 26 Apr 2006
* by SAS

Styles used in the standard header and footer, plus a few others that are used
sitewide, so their default values are assigned here.
This means that footer.css should always be invoked first,
before other stylesheets, so any differing definitions in them
will override the ones here.
It also means that any style definitions here need to be compatible
with all types of files, including skeleton pages, cover pages, etc.

WARNING: don't use the "font" property; Netscape can't use it 
and it invalidates the whole block that it is a part of. Use "font-size", 
"font-weight", "line-height", etc.

*/

/* 
  ***********************************************************************
    Styles for the standard header
  ***********************************************************************
*/

/* the main menu list (LVHP only) */
a.navLink {
	font-family: arial, sans-serif;
	font-size: 75%;
	padding: 0 .5em 0 .6em;
	margin-left: 1.1em;
	margin-right: 1em;
}
a.navLink:link, a.navLink:visited, a.navLink:active, a.navLink:hover { text-decoration: none; }
a.navLink:link, a.navLink:visited, a.navLink:active { color: white; }
a.navLink:hover { color: black; }

/* the main menu list (LVHP only) but with 2 languages */
a.navLink2Lang {
	font-family: arial, sans-serif;
	font-size: 75%;
	padding: 0 2px 0 2px;
	margin-left: 2px;
	margin-right: 3px;
}
a.navLink2Lang:link, a.navLink2Lang:visited, a.navLink2Lang:active, a.navLink2Lang:hover { text-decoration: none; }
a.navLink2Lang:link, a.navLink2Lang:visited, a.navLink2Lang:active { color: white; }
a.navLink2Lang:hover { color: black; }

/* put color: black on navLink location and when the html is visited (LVHP only) */
span.active {
	font-family: arial, sans-serif;
	font-size: 75%;
	padding: 0 .5em 0 .6em;
	margin-left: 1.1em;
	margin-right: 1em;
    white-space: nowrap;
    color: black;
}
 
/* table for navigationt (LVHP and Cover page) */
table.navigation {
	width: 90%;
}

/* ILV logo graphic (LVHP) */
img.ILVLogo {
	width: 74px;
	height: 74px;
	margin-right: 0.5em;
	margin-top: 1px;
}

/* ILV logo graphic (LVHP) */
img.ILVLogo-Bi {
	width: 74px;	/* 85px */
	height: 74px;	/* 85px */
	margin-right: 0.5em;
	margin-top: 1px;
}

/* ILV logo graphic (LVHP) */
img.ILVLogo-Tri {
	width: 84px;	/* 85px */
	height: 84px;	/* 85px */
	margin-right: 0.5em;
	margin-top: 1px;
}

/* modify the ILV Mosaic (LVHP and Cover page) */
img.ILVMosaic {
	width: 245px;
	height: 30px;
    position: relative;
    bottom: 2px;
	float: left;
}

/* ILV Mosaic - other versions (LVHP) */
img.ILVMosaic-Bi {
    width: 245px;
    height: 30px;
    position: relative;
    bottom: 2px;
	float: left;
}

/* ILV Mosaic - other versions (LVHP) */
img.ILVMosaic-Tri {
    width: 250px;
    height: 33px;
    position: relative;
    bottom: -5px;
	float: left;
}

/* modify the SIL Mosaic (LVHP and Cover page) */
img.SILMosaic {
	width: 244px;
	height: 32px;
	position: relative;			/* This works with 'bottom' */
	bottom: 3px;
	float: left;
}

/* SIL Mosaic - other versions (LVHP) */
img.SILMosaic-Bi {
    width: 244px;
    height: 32px;
    position: relative;
    bottom: 3px;
	float: left;
}

/* SIL Mosaic - other versions (LVHP) */
img.SILMosaic-Tri {
    width: 249px;
    height: 35px;
    position: relative;
    bottom: -4px;
	float: left;
}

/* versions for breadcrumb trail (LVHP) */
span.switchversions {
	font-size: 80%;
	position: relative;
   	bottom: 3px;
	float: right;
	text-align: right;
}

/* main menu 'graphic' (LVHP) */
div.banner {
 	background-color: olivedrab;
	line-height: 1em;
	padding: 0 0 .05em 0;
	position: relative;
	bottom: 3px;
}

/* breadcrump menu (LVHP) */
div.breadcrumb {
	font-size: 80%;
	margin: 1px 0 1px 0;
	position: relative;
	bottom: 3px;
    line-height: 130%;      /* cubierto.css uses 'body' set to 'line-height: 120%;' which throws off the bilingual tags using Firefox */
}
 
/* ILV logo graphic (Cover Page) */
img.CPILVLogo {
	/* margin-right: 0.5em; */
 	width: 66px;
	height: 66px;
	float: right;
	position: relative;
	margin-top: 1px;
	right: 5%;
 }
 
/* modify the ILV Mosaic (Cover page) */
img.CPILVMosaic {
	width: 245px;
	height: 30px;
	position: relative;
	left: 15px;
	top: 0px;
}

/* modify the SIL Mosaic (Cover page) */
img.CPSILMosaic {
	width: 244px;
	height: 32px;
	position: relative;
	left: 30px;
	top: 1px;
}
 
/* versions for breadcrumb trail (Cover Page) */
div.CPbreadcrumb {
	font-size: 80%;
	/* margin: 0 0 0 .5em; */
	padding-top: 0px;
	line-height: 130%;
	position: relative;
	left: 15px;
	top: -1px;
}

/* bottom color of the header (Cover Pages) */
hr.CPbanner {
	background-color: olivedrab;
 	height: .4em;
	position: relative;
	bottom: .2em;
}

/* table for Cover Page proper (Cover Page) */
table.CPTable {
	width: 75%;
}


/* 
  ***********************************************************************
    Styles for the standard footer
  ***********************************************************************
*/

/* 
   The first two are used only in HTML meat, 
   to give the full bibliographic information about the article,
   corresponding to the footer in a PDF meat document.
   They aren't visually in the footer, but they are so closely
   associated with it that we treat it as if it was for purpose
   of coding.
*/

.f-biblio {
	margin : 1em 2% 1em 2%;
}

.f-title {
	font-style : italic;
}

hr.footer {
    text-align : center;
    color : Gray;
}

/* the .copyright class was used in older versions of the footer */
.copyright, .f-copyright {
	text-align : center;
}

/* point size for things in the table of routine links: smaller than normal*/
.copyright, .f-copyright, .f-link, .f-mailto, .f-URL, .f-emailURL, f-biblio {
    font-size: 80%;
    line-height: 120%;
}

/* 
  ***********************************************************************
    Standard default definition of certain tags for consistency 
    across the site and across different browsers
  ***********************************************************************
*/
  
/*
Default colors for the whole page are a mess:
  Nav3 looks only at colors in the BODY tag.
  IE3 and Nav4 the link colors from the stylesheet, but the colors
    for the BODY tag (text and background) specified in the stylesheet
    are ignored.
    This can lead to odd color schemes if link colors in the stylesheet
    don't work with text and background colors in the HTML BODY tag.
  Only IE4 and later respond to all the colors of the stylesheet properly,
    overriding any colors specified in the HTML.
This means that we have to specify colors in the BODY tags in each document.  

But, we CAN control colors on other tags (including links) from the stylesheet, 
and it is to our advantage to do so.  
So, we'll include such colors here, and having done so, we need to specify
the body text and background colors too (under the principle that 
if you specify any colors you should specify all colors).
In effect, the stylesheets provide documentation of what the color scheme 
should be, even if part of the scheme must be implemented directly in the HTML.

Some practical implications:
- The BODY tags in each document need to be kept consistent with the 
  color scheme in the stylesheets, since some of the stylesheet colors
  will make it through.
- If the text and background colors are redefined in the HTML in some document, 
  then an embedded stylesheet is also needed
  to over-ride the other color definitions here.
*/
body { 
    color: navy;
    background-color: white;
    /* font-size: medium; /* including this line causes text that is outside a table in IE to be too large */
    /* line-height: 120%; /* including this line causes images to overlap with text in Netscape 4 (e.g. glossary charts) */
	/* This is an experiment, to make Unicode characters available on all pages. */
	font-family: serif;
	/*font-size : 120%;*/
	/* background-image: url(img/back.gif); */
}
td { /* this compensates in part for Netscape 4 ignoring the body styles inside a table */
    color: navy;
    /* don't specify background color; it covers over the background of the page. "transparent" in Nav4 results in black */
}

/* *************************************************
   links
*/
/* In the following, don't just use "a" as a selector, because then the styling applies to
bookmarks too */
a:link, a:visited, a:active, a:hover { text-decoration: underline; }
a:link { color: blue; }
a:visited {	color: purple; }
a:active, a:hover { color: red; } /* mention this last so it takes precedence over the others */ 

/* Links between English and Spanish versions of the same document,
   when they are in different files. 
   The class label "esp-version" or "eng-version" would typically be used on a 
   P that encloses the link; it might also work to put the class on the A tag itself.
   The code below causes the link to be the same color and size as the rest of the phrase,
   if only part of the phrase is in the link.
   */
.esp-version, .eng-version {
	text-align: right;
    font-size: 80%;
    line-height: 120%;
}
.esp-version, .eng-version, .esp-version A, .eng-version A {
	color: blue;
}

/* *************************************************
   Styles used to access the glossary
*/

/* Links to the glossary */
a.gl, a.gl:link, a.gl:active, a.gl:visited { 
  color: green;
  text-decoration: underline;
}

/* sense number (in brackets, inside the link)*/
.glSn {
    font-size: smaller;
    font-style: normal;
}

/* paragraph explaining what the green underlining means */
p.glExpl {
  font-style: italic;
}

/* *********************
   Headings
*/

h1 {
  margin: 0 0 1em 0;
  font-weight: bold;
  font-style: normal;
  font-size: large;
  line-height: 120%;
}

h2, h3, h4, h5 {
	margin: .5em 0 .5em 0;
}

h2 {
  font-weight: bold;
  font-style: normal;
  font-size: large;
  line-height: 120%;
}

h3 {
  font-weight: normal;
  font-style: italic;
  font-size: large;
  line-height: 120%;
}

h4, h5 {
  font-weight: normal;
  font-style: normal;
  font-size: medium;
  line-height: 120%;
}

/* *********************
   Size changes 
*/
small {
    font-size: 80%;
}
big {
    font-size: 120%;
}

/* *************************
   editorial comments to author while preparing for publication 
*/
.ed {
    font-weight: bold;
    font-style: italic;
    font-variant: small-caps;
    color: red;
    background: yellow;
    padding: 1em;
    border-width: medium;
    border-style: solid;
    border-color: maroon;
}

/* *************************
   ISO link
*/
span.ISO {
	font-size: small;
	color: navy;
}

/* *************************
    Language changes
	(See also intermedia.css for others used only on skeleton pages.
	This one is here to make it available to cover pages.)
*/

/* .cita, .citation tend to be indigenous words or phrases within Spanish or English.
*/
/* The Unicode fonts are specified for BODY abive, but we need them here in case we have to override
   the spec for BODY on certain pages. In that case, we'd probably still want a Unicode font for .cita.
*/
.cita, .citation {
	/* line-height: 1.2em; if <sup> is not used (IE). We need to get the Unicode characters for these characters. */
	color: blue;
	font-weight: bold;
	font-family: "Charis SIL", "Doulos SIL", "TITUS Cyberbit Basic", Gentium, "Lucida Sans Unicode", serif;
}

.unicode {
    font-family: "Charis SIL", "Doulos SIL", "TITUS Cyberbit Basic", Gentium, "Lucida Sans Unicode", serif;
}