/* Shades of Olive : */
/* #000000 #0D0D00 #1A1A00 #262600 #333300 #404000 #4D4D00 #5A5A00 #666600 #737300 */
/* #808000 (Olive)                                 */
/* #8D8D19 #999933 #A6A64D #B3B366 #C0C080 #CCCC99 #D9D9B2 #E6E6CC #F2F2E6 #FFFFFF */

/* Shades of Green : */
/* #000000 #000D00 #001A00 #002600 #003300 #004000 #004D00 #005A00 #006600 #007300 */
/* #008000 (Green)                                 */
/* #198D19 #339933 #4DA64D #66B366 #80C080 #99CC99 #B2D9B2 #CCE6CC #E6F2E6 #FFFFFF */

/* Shades of Red */
/* #000000 #1A0000 #330000 #4C0000 #660000 #800000 #990000 #B20000 #CC0000 #E60000 */
/* #FF0000 (Red)                                  */
/* #FF1919 #FF3333 #FF4D4D #FF6666 #FF8080 #FF9999 #FFB2B2 #FFCCCC #FFE6E6 #FFFFFF */

/* Shades of Blue */
/* #000000 #00001A #000033 #00004C #000066 #000080 #000099 #0000B2 #0000CC #0000E6 */
/* #0000FF (Blue) */
/* #1919FF #3333FF #4D4DFF #6666FF #8080FF #9999FF #B2B2FF #CCCCFF #E6E6FF #FFFFFF */

/* shades of Cyan */
/* #000000 #001A1A #003333 #004D4D #006666 #008080 #009999 #00B3B3 #00CCCC #00E6E6 */ 
/* #00FFFF (Cyan) */
/* #1AFFFF #33FFFF #4DFFFF #66FFFF #80FFFF #99FFFF #B3FFFF #CCFFFF #E6FFFF #FFFFFF */

/* Shades of SlateGrey */
/* #000000 #0B0D0E #161A1D #22262B #2D333A #384048 #434D56 #4E5A65 #5A6673 #657382 */
/* #708090 (SlateGrey) */
/* #7E8D9B #8D99A6 #9BA6B1 #A9B3BC #B8C0C8 #C6CCD3 #D4D9DE #E2E6E9 #F1F2F4 #FFFFFF */

/* despite being marked as per folder, the fonts and @media declarations are standard  */
/* simply a case that could not get them to work properly in the standard.css file :(  */


/* ******************************************************************************************* */
/* FONTS ************************************************************************************* */
/* ******************************************************************************************* */

@font-face {
	font-family: 'font-serif';
 	src: url('../fonts/Cormorant_Upright/CormorantUpright-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cormorant_Upright/CormorantUpright-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
    url('../fonts/Cormorant_Upright/CormorantUpright-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Cormorant_Upright/CormorantUpright-Light.woff') format('woff'); /* Modern Browsers */ }


@font-face {
	font-family: 'font-semi';
 	src: url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
    url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Cormorant_Upright/CormorantUpright-SemiBold.woff') format('woff'); /* Modern Browsers */ }

/* ---------- SANS-SERIF FONTS ---------- */
@font-face {
font-family: 'font-noserif';
src: url('../fonts/Raleway/Raleway-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/Raleway/Raleway-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
url('../fonts/Raleway/Raleway-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Raleway/Raleway-Light.woff') format('woff'); /* Modern Browsers */ }


@font-face {
font-family: 'font-noserif-semi';
src: url('../fonts/Raleway/Raleway-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/Raleway/Raleway-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 - must be first in list */
url('../fonts/Raleway/Raleway-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Raleway/Raleway-Medium.woff') format('woff'); /* Modern Browsers */ }


/* ********************************************************************************* */

body { /* standard body for all pages */
	background-color: white;
	/*background: lightblue url("img_tree.gif") no-repeat fixed center; */
	color: black;
	font-size: 1.00em; /* standardise beginning font size */
	margin: 1.50em auto 55.00em auto; /* top right bottom left */
	max-width: 60.00em; /* restrict maximum viewing port for comfortable reading */
	/*width: 90%;  otherwise this width */
}


.pcont,
.pfirst,
.preg  {
	font-family: font-serif;
	font-size: 1.20em;
	line-height: 125%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.25em;
	text-align: justify;
	width: 85%;
}

.preg {
	text-indent: 1.50em;
}


.main-heading {
	font-family: font-semi;
	font-size: 1.75em;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	text-align: center;
}


.main-sub-heading {
	font-family: font-semi;
	font-size: 1.15em;
	font-variant: small-caps;
	margin-bottom: 0.75em;
	text-align: center;
}


._page-rule {
	/* normal page divider */
	border-top: 1px solid #C6CCD3;
	height: 0.10em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5.00em;
	max-width: 40.00em;
	width: 60%;
}


.compiled {
	font-family: font-noserif;
	font-weight: 200;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 25%;
}


.copyright {
	font-family: font-noserif;
	font-size: 0.90em;
	margin-bottom: 1.75em;
	margin-top: 2.00em;
	text-align: center;
}



.header-links { /* hold the A-Z links at the top and middle of the page */
	font-family: font-serif;
	font-size: 1.15em;
	margin-top: 1.75em;
	text-align: center;
}


.source {
	font-family: font-noserif;
	font-size: 0.75em;
	margin-left: 7.00em;
	margin-right: 7.50em;
	text-align: justify;
}


._quoted {
	margin: 0.75em auto 0.75em auto;
	width: 85%
}


.book-ch-head {
	background-image: linear-gradient(180deg, #f1f1f1, #ffffff);
	color: #003333;
	font-family: font-semi;
	font-size: 1.75em;
	margin: 1.75em 3.00em 0.10em 3.00em;
	padding: 0 4.00em 0 4.00em;
	text-align: left;
}


._centre {
	text-align: center;
}
._sans-serif {
	font-family: font-noserif;
}
._italic {
	font-style: italic;
}
._sans-serif {
	font-family: font-noserif;
}
.dark-font { /* serif */
	font-family: font-semi;
}
._bold {
	font-family: font-noserif-semi;
}



.aroundWithin {
	border: 4px double silver;
	border-radius: 0.50em;
	margin: 1.75em auto 1.75em auto;
/*	margin-bottom: 1.75em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.75em;*/
	padding: 0.50em;
	width: 33.00em;
}

.col-width {
	width: 75%;
}


.current-letter { /* these are the actual links */
	border:1px solid #F1F2F4;
	border-radius: 0.15em;
	color: darkred;
	font-family: font-semi;
	font-weight: bold;
	padding: 0 0.25em 0 0.25em;
}



.two-columns {
	-moz-column-count: 2; /* Firefox */
	-moz-column-gap: 1.50em;; /* Firefox */
	-ms-column-count: 2;
	-ms-column-gap: 1.50em;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-webkit-column-gap: 1.50em; /* Chrome, Safari, Opera */
	border-radius: 0.05em;
	column-count: 2;
	column-gap: 1.50em;
	font-size: 0.85em;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

.entries {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.subEntries {
	padding-left: 1.75em;
}


.entryHeading {
	color: #660000;
	font-family: font-semi;
	font-size: 130%;
	margin-top: 1.25em;
	padding-left: 0;
}
.entrySubHeading {
	font-family: font-serif;
	font-size: 115%;
	margin-top: 0.15em;
	padding-left: 0;
}
.entrySubSubHeading{
	/*color: #003333;*/
	font-family: font-serif;
	font-size: 110%;
	margin-top: 0;
	padding-left: 0;
}
.entryText {
	font-family: font-serif;
	font-size: 115%;
	margin-left: 5%;
	margin-top: 0.15em;
	text-align: justify;
	width: 95%;
}
.indent-first-line {
	text-indent: 1.25em;
}

.bibEntry {
	font-family: font-noserif;
	font-size: 0.80em;
	margin-left: 6.50em;
	margin-right: 5.50em;
	margin-top: 0.50em;
	padding-left: 5.50em;
	text-align: justify;
	text-indent: -5.50em;
}


/*.source {
	font-family: font-noserif;
	font-size: 0.75em;
	margin-bottom: 0.25em;
	margin-left: 0.50em;
	margin-right: 2.00em;
	text-align: right;
}*/

.see {
	color: black;
	font-family: inherit;
	font-size: 90%;
	font-style: italic;
	padding-left: 0.50em;
	padding-right: 0.50em;
}


/* these following are indents where the left is indented, the right is not. used for bullets etc, and other formatting such as endnotes */
.level0,
.level1,
.level2,
.level3,
.level4,
.level5,
.level6 {
	font-family: font-noserif;
	font-size: 0.90em;
	letter-spacing: 0.02em;
	padding-left: 0.75em;
	text-indent: -0.75em;
}

.level0 {
	/* maximum possible width */
	width: 95%
}
.level1 {
	margin-left: 5%;
	width: 90%;
}

.level2 {
	margin-left: 10%;
	width: 85%;
}

.level3 {
	margin-left: 15%;
	margin-top: 0.25em;
	width: 80%;
}

.level4 {
	margin-left: 20%;
	width: 75%;
}

.level5 {
	margin-left: 25%;
	width: 70%;
}

.level6 {
	margin-left: 30%;
	width: 65%;
}


.pl0-00 {
	padding-left: 0;
}
.pl0-75 {
	padding-left: 0.75em;
}


/* ******************************************************************************************* */
/* LINKS ************************************************************************************* */
/* ******************************************************************************************* */

.nav-link {/* the -nav-link is the only one that does not include _link */	
	border: 1px solid #ededed;
	border-radius: 0.75em;
	display: block;
	font-family: font-noserif;
	font-size: 0.75em;
	height: 15px;
	margin: 0.20em auto 0.20em auto; /* top, right, bottom, left */
	width: 85px;
}

.nav-link:link,
.nav-link:visited {
	box-shadow: -2px -2px 3px 1px #ededed inset;
	color: inherit;
	padding-bottom: 0.25em;
	padding-top: 0.05em;
	text-decoration: none;
}

.nav-link:hover,
.nav-link:active {
	background-color: GhostWhite;
	border-color: GhostWhite;
	box-shadow: -2px -2px 3px 2px #C4C4C4 inset;
	color: #003300; /* darker shade of green */
	/*font-family: font-noserif;*/
	text-decoration: underline;
}


.away-link:link,
.away-link:visited {
	color: #000080; /* dark blue */
	text-decoration: underline;
	text-decoration-color: #D4D9DE;
	text-decoration-style: solid;
}

.away-link:hover,
.away-link:active {
	color: darkred;	/* darker shade of green */
	text-decoration: underline;
}


.cross-link:link,
.cross-link:visited {
	color: #004000;
	text-decoration: underline;
	text-decoration-color: #D4D9DE;
	text-decoration-style: solid;
}

.cross-link:hover,
.cross-link:active {
	color: darkred; /*#002600;	 darker shade of green */
	text-decoration: underline;
}


.header-cell { /* these are the actual links */
	border:1px solid #F1F2F4;
	border-radius: 0.15em;
	font-weight: normal;
	padding: 0 0.25em 0 0.25em;
}
.header-cell:link,
.header-cell:visited {
	text-decoration: none;
}
.header-cell:hover,
.header-cell:active {
	background-color: white;
	border: 1px solid #E2E6E9;
	border-radius: 0.15em;
	box-shadow: -2px -2px 2px 2px #D4D9DE inset; /* h-offset v-offset blur spread color |inset|initial|inherit; */
	color: #660000;
}


.volume-link:link,
.volume-link:visited {
	color: #CC0000;	/* slightly darker shade of red */
	letter-spacing: 0.01em;
}
.volume-link:hover,
.volume-link:active {
	color: #002600;	/* darker shade of green */
	text-decoration: underline;
}


/* ******************************************************************************************* */
/* TABLES ************************************************************************************ */
/* ******************************************************************************************* */

.navigation {
	font-family: font-noserif;
	margin: 0.75em auto 0.75em auto;
	width: 30.00em;
}

.navigation-cell {
	text-align: center;
	vertical-align: middle;
	width: 10.00em;
}
