/* 
################################################################################
# Web Site ID: ...by Graf!, v3.00
# Site Design: George Silberstern, ...by Graf!
# Copyrighted: © 1995-2022
# ------------------------------------------------------------------------------
# Module Name: colour_set.css
# Description: This stylesheet defines the colour scheme for the entire web 
#              site. See below for a list of palette colours and application.
################################################################################

------------------------------------------------------------------------------
|    VALUE   	COLOUR          APPLICATION
|    #FFFFFF	White           Default Page Background
|    #000000	Black           Default Page Text
|    -------------------------------------------------------------------------
|    #000099	Dark Blue       Default Link
|    #3399FF	Light Blue 	    Default Link (Active)
|    #493316	Dark Brown      Default Link (Hover)
|    -------------------------------------------------------------------------
|    #FFFFFF	White           Header Section Background
|    #FFFFFF	White           Content Section Background
|    #FFFFFF	White           Footer Section Background
|    -------------------------------------------------------------------------
|    #000099	Dark Blue       Masthead Background
|    #D1DB00	Dark Yellow     Masthead Branding Text
|    #805501	Medium Brown    Page Title Text
|    #000099	Dark Blue  	    Section Title Text
|    #3399FF	Light Blue 	    Chapter Heading Background
|    #707070	Dark Grey  	    Chapter Heading Background Shadow
|    #FFB620	Light Brown	    Chapter Heading Text
|    #000030	Deep Blue       Chapter Heading Text Shadow
|    #805501	Medium Brown    Bullet List (as sub-list header)
|    #000030	Deep Blue       Bullet Sublist Text
|    #707070	Dark Grey  	    Page/Section Title Shadow
|    #000030	Deep Blue       Paragraph Text
|    #000030	Deep Blue       List Text
|    #493316	Dark Brown      Table Row Header Background Gradient
|    #FFB620	Light Brown	    Table Row Header Background Gradient
|    #805501	Medium Brown    Table Row Header Border
|    #FFFFFF	White           Table Row Header Text
|    #000000	Black           Table Row Header Text Shadow
|    #DFEFFF	Powder Blue     Information Box Background
|    #000030	Deep Blue       Information Box Border
|    #000030	Deep Blue       Information Box Shadow
|    #000030	Deep Blue       Information Box Text
|    -------------------------------------------------------------------------
|    #FFFFFF	White           Menu Text
|    #000000	Black           Menu Text Shadow
|    #FFFFFF	White           Responsive Menu Control (Hamburger)
|    #805501	Medium Brown    Responsive Menu Background Solid
|    #303030	Deep Grey  	    Responsive Menu Background
|    #000030	Deep Blue       Menu Button Shadow
|    #000099	Dark Blue  	    Menu Button Dark Gradient
|    #805501	Medium Brown    Menu Button Dark Gradient (Hover)
|    #3399FF	Light Blue 	    Menu Button Light Gradient
|    #FFB620	Light Brown	    Menu Button Light Gradient (Hover)
|    #3399FF	Light Blue 	    Footer/Inline/To-top Button Border
|    #D1DB00	Dark Yellow     Footer/Inline/To-top Button Border (Hover)
|    #000099	Dark Blue  	    Footer/Inline/To-top Button Dark Gradient
|    #805501	Medium Brown    Footer/Inline/To-top Button Dark Gradient (Hover)
|    #3399FF	Light Blue 	    Footer/Inline/To-top Button Light Gradient
|    #FFB620	Light Brown	    Footer/Inline/To-top Button Light Gradient (Hover)
|    #000030	Deep Blue       Footer/Inline/To-top Button Shadow
|    #FFFFFF	White           Inline Button Text
|    #000000	Black           Inline Button Text Shadow
|    #909090	Light Grey  	Link Ribbon Text Shadow
|    #000099	Dark Blue       To-top Link Text
|    #493316	Dark Brown      To-top Link Text (Hover)
|    #909090	Light Grey  	To-top Link Text Shadow
|    -------------------------------------------------------------------------
|    #3399FF	Light Blue 	    Footer Contact Button Border
|    #D1DB00	Dark Yellow     Footer Contact Button Border (Hover)
|    #000099	Dark Blue  	    Footer Contact Button Dark Gradient
|    #805501	Medium Brown    Footer Contact Button Dark Gradient (Hover)
|    #3399FF	Light Blue 	    Footer Contact Button Light Gradient
|    #FFB620	Light Brown	    Footer Contact Button Light Gradient (Hover)
|    #000030	Deep Blue       Footer Contact Button Shadow
|    #493316	Dark Brown      Footer Static Contact Info Background Gradient
|    #FFB620	Light Brown	    Footer Static Contact Info Background Gradient
|    #805501	Medium Brown    Footer Static Contact Info Border
|    #FFFFFF	White           Footer Static Contact Info Text
|    #000000	Black           Footer Static Contact Info Text Shadow
|    #805501	Medium Brown    Footer Annotations Divider
|    #707070	Dark Grey  	    Footer Copyright Text
|    #000099	Dark Blue       Footer Page Signature
|    
------------------------------------------------------------------------------
*/

/* Perimeter Guide */											/* T R B L */

/*
================================================================================
= SEMANTIC HTML ELEMENTS
================================================================================
*/
header {
	background-color: #FFFFFF;
}

content {
	background-color: #FFFFFF;
}

footer {
	background-color: #FFFFFF;
}

/*
================================================================================
= HTML TAGS
================================================================================
*/
a {
	color: #000099;
}

a:active {
	color: #3399FF;
}

a:hover {
	color: #493316;
}

body {
	background-color: #FFFFFF;
}

a[target="_blank"]:after {
	filter: brightness(100%) contrast(40%) hue-rotate(145deg);
}

form {
}

html {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

input[type=checkbox], input[type=radio] {
}

input[type=password], input[type=text] {
}

input[type=password]:focus, input[type=text]:focus {
}

input[type=button], input[type=reset], input[type=submit] {
}

li {
}

option {
}

ol {
}

p {
	color: #000030;
}

select {
}

select:focus {
}

textarea {
}

textarea:focus {
}

ul {
}

/*
================================================================================
= HTML CLASSES
================================================================================
*/
.button {
	background: -moz-linear-gradient(#3399FF 0%, #000099 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399FF), color-stop(100%, #000099));
	background: -webkit-linear-gradient(#3399FF 0%, #000099 100%);
	background: linear-gradient(#3399FF 0%, #000099 100%);
	background-color: #000099;
	border: 2px solid #3399FF;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

.button:hover {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 2px solid #D1DB00;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

.content-table {
}

.footer-content {
}

.footer-contact-info-link li {
	background: -moz-linear-gradient(#3399FF 0%, #000099 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399FF), color-stop(100%, #000099));
	background: -webkit-linear-gradient(#3399FF 0%, #000099 100%);
	background: linear-gradient(#3399FF 0%, #000099 100%);
	background-color: #000099;
	border: 2px solid #3399FF;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
}

.footer-contact-info-link li:hover {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 2px solid #D1DB00;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
}

.footer-contact-info-link li a{
}

.footer-contact-info-static {
}

.footer-contact-info-static li {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 1px solid #493316;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

.footer-contact-info-static li a {
}

.footer-copyright {
}

.footer-copyright p {
	border-top: 1px solid #805501;
	color: #707070;
}

.footer-signature {
	color: #000099;
}

.footer-signature a {
	color: #000000;
}

.footer-signature a:hover {
}

.footer-signature img {
}

.form-control {
}

.form-data {
}

.form-control:after {
}

.form-data:after {
}

.link-ribbon-area {
	color: #FFB620;
}

.link-ribbon-area a{
	text-shadow: 1px 2px 2px #909090;
}

.masthead {
}

.page-content {
}

.page-title {
}

.page-title img {
}

.section-title {
}

.section-title p {
}

.section-divider {
	border-top: 1px solid #000099; 
	box-shadow: 1px 1px 2px 0px #000030; 
	-moz-box-shadow: 1px 1px 2px 0px #000030; 
	-webkit-box-shadow: 1px 1px 2px 0px #000030; 
}

.table-row{
}

.table-row #content-table-button-cell {
}

.table-row #content-table-cell {
}

.text-box {
	background: #DFEFFF;
	border: 1px solid #000030;
	box-shadow: 2px 2px 6px 0px #000030;
	-moz-box-shadow: 2px 2px 6px 0px #000030;
	-webkit-box-shadow: 2px 2px 6px 0px #000030;
	color: #000030;
}

.version {
	color: #000099;
}

.whitespace {
}

/*
================================================================================
= HTML IDs
================================================================================
*/
#form-data-field {
	background: #EBEBFF;
}

#form-data-field:focus {
	background: #FFFFFF;
}

#form-data-label {
	color: #000030;
}

#footer-contact-info-icon {
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#page-title img {
}

#page-title-text {
	color: #805501;
	text-shadow: 1px 2px 2px #707070;
}

#section-title-text {
	color: #000099;
	text-shadow: 1px 2px 2px #707070;
}

#table-row-header {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 1px solid #493316;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#to-top-icon {
	background: -moz-linear-gradient(#3399FF 0%, #000099 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399FF), color-stop(100%, #000099));
	background: -webkit-linear-gradient(#3399FF 0%, #000099 100%);
	background: linear-gradient(#3399FF 0%, #000099 100%);
	background-color: #000099;
	border: 2px solid #3399FF;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#to-top-icon:hover {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 2px solid #D1DB00;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow:  4px 4px 8px 0px #000030;
	-webkit-box-shadow:  4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#to-top-text {
	text-shadow: 1px 2px 2px #909090;
}

/*
================================================================================
= RESPONSIVE UI
================================================================================
*/
@media screen and (max-width: 500px) {
	/* - HTML --------------------------------------------------------------- */
	input[type=button], input[type=reset], input[type=submit] {
	}
	/* ---------------------------------------------------------------------- */

	/* - CLASSES ------------------------------------------------------------ */
	.form-control {
	}

	.form-data {
	}
	/* ---------------------------------------------------------------------- */

	/* - IDs ---------------------------------------------------------------- */
	#form-data-field, #form-data-label {
	}
	/* ---------------------------------------------------------------------- */
}

/*
================================================================================
= RESPONSIVE MENU
================================================================================
*/
/* - Site Navigation Object ------------------------------------------------- */
.site-nav {
	background-color: #000099;
}
/* -------------------------------------------------------------------------- */

/* - Site Branding and Logo ------------------------------------------------- */
.site-nav > .site-branding > .site-branding-logo {
	color: #D1DB00;
}
/* -------------------------------------------------------------------------- */

/* - Hamburger -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* - Site Navigation Links -------------------------------------------------- */
.site-nav > .site-nav-links > a {
	background: -moz-linear-gradient(#3399FF 0%, #000099 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399FF), color-stop(100%, #000099));
	background: -webkit-linear-gradient(#3399FF 0%, #000099 100%);
	background: linear-gradient(#3399FF 0%, #000099 100%);
	background-color: #000099;
	box-shadow: 2px 2px 2px #000030;
	-moz-box-shadow: 2px 2px 2px #000030;
	-webkit-box-shadow: 2px 2px 2px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

.site-nav > .site-nav-links > a:hover {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	box-shadow: 2px 2px 2px #000030;
	-moz-box-shadow: 2px 2px 2px #000030;
	-webkit-box-shadow: 2px 2px 2px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}
/* -------------------------------------------------------------------------- */

/* - Responsive State ------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* - Responsive Menu -------------------------------------------------------- */
@media (max-width:500px) {
	/* - Site Navigation Object: Dropdown ----------------------------------- */
	.site-nav > .site-nav-control > label:hover, .site-nav-links  #dropdown-state:checked ~ .site-nav-control > label {
		background-color: transparent;
	}
	/* ---------------------------------------------------------------------- */

	/* - Site Branding and Logo --------------------------------------------- */
	/* ---------------------------------------------------------------------- */

	/* - Hamburger ---------------------------------------------------------- */
	.site-nav > .site-nav-control > label > span {
		border-top: 2px solid #FFFFFF;
	}
	/* ---------------------------------------------------------------------- */

	/* - Site Navigation Links ---------------------------------------------- */
	.site-nav > .site-nav-links {
		background-color: #303030;
	}

	.site-nav > .site-nav-links > a:hover {
		background-color: #FFB620;
	}
	/* ---------------------------------------------------------------------- */

	/* - Responsive State --------------------------------------------------- */
	/* ---------------------------------------------------------------------- */
}
/* -------------------------------------------------------------------------- */

/*
================================================================================
= SITE SPECIFIC
================================================================================
*/

#bygraf-brand {
}


#bygraf-chapter-title {
	background: #3399FF;
	box-shadow: 4px 4px 8px -2px #707070;
	color: #FFB620;
	text-shadow: 1px 1px 1px #000030;
}

#bygraf-form{
}

#bygraf-indexed-list {
	color: #000030;
}

#bygraf-indexed-list-item {
}

#bygraf-indexed-list-item a {
}

#bygraf-intro-text {
}

#bygraf-list {
	text-shadow: 1px 2px 2px #707070;
}

#bygraf-list-item {
	color: #805501;
}

#bygraf-narrative-cell {
 }

#bygraf-page-title-text {
	color: #805501;
	text-shadow: 1px 2px 2px #707070;
}

#bygraf-paragraph {
}

#bygraf-privacy-paragraph {
	color: #000030;
}

#bygraf-privacy-subsection-title {
	color: #000090;
}

#bygraf-section-title-text {
	color: #000099;
	text-shadow: 1px 2px 2px #707070;
}

#bygraf-simple-list {
}

#bygraf-simple-list-item {
	color: #000030;
}

#bygraf-simple-list-item-highlight {
	color: #3399FF;
}

#bygraf-spacer-button {
	background: -moz-linear-gradient(#3399FF 0%, #000099 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399FF), color-stop(100%, #000099));
	background: -webkit-linear-gradient(#3399FF 0%, #000099 100%);
	background: linear-gradient(#3399FF 0%, #000099 100%);
	background-color: #000099;
	border: 2px solid #3399FF;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow: 4px 4px 8px 0px #000030;
	-webkit-box-shadow: 4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#bygraf-spacer-button:hover {
	background: -moz-linear-gradient(#FFB620 0%, #493316 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFB620), color-stop(100%, #493316));
	background: -webkit-linear-gradient(#FFB620 0%, #493316 100%);
	background: linear-gradient(#FFB620 0%, #493316 100%);
	background-color: #FFB620;
	border: 2px solid #D1DB00;
	box-shadow: 4px 4px 8px 0px #000030;
	-moz-box-shadow: 4px 4px 8px 0px #000030;
	-webkit-box-shadow: 4px 4px 8px 0px #000030;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px #000000;
}

#bygraf-sublist {
	text-shadow: none;
}

#bygraf-sublist-item {
	color: #000030;
}

#bygraf-subsection-title {
	color: #FFB620;
	text-shadow: 1px 2px 2px #000030;
}