@charset "UTF-8";

/* ~~ Hex Code Reference ~~ */
/*	Shades of GREEN (Ordinary Time)

Overall page background			off-white		#fcffff
Overall page text				off-black		#030
Header, link background			pale			#efe
Headers, links 1stLtr text		saturated		#008900
Visited link					neutral			#666
Hover/current link background	midlighter		#dfe
Sub-option current background	alt midlight	#dfd
Tagline background				highlight		rgba(0,160,0,0.95)
Alert banner background			neon brite		rgba(0,200,0,0.75)

PROCESS: "find + replace all" within this document

NOTE: some in "miscellaneous" might not be used/changed via this method

*/

body {
	background: #fcffff;
	}
	
body, .footer p, div.violator a, div.violator a:link, div.violator a:visited, div.violator a:hover,
	div.violator a:active, div.violator a:focus, .overlay h3, .callout {color:#030;}


/* ~~ Element/tag selectors ~~ */

 h1, h2, h3, h4, h5, h6, a:link, .header h1, .header h1 a, .headerL h1, .headerL h1 a, .footer a,
 	ul.nav a, ul.nav a:visited, ul.nav a#current, ul.nav a:hover, ul.nav a:focus, ul.nav a:active,
 	ul.nav a#current, ul.nav a#current2, .show-menu, p.first:first-letter, p.carte:first-letter, div.steward p strong  {
	color:#008900;
	}
	
div.links, ul.nav a, ul.nav a:visited, .show-menu, li ul li, .footer {
	background: #efe;
	}


/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:visited {
	color: #666;
	}


/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: url('images/logoT.png') /*3em 2.3em */ no-repeat 1% top #efe;
	background-size: 16em 12.6em/*6em 7.8em*/;
	}

.headerL {
	background: url('images/logoT.png') /*3em 2.3em */ no-repeat 1% top #efe;
	background-size: 12em 9em/*6em 7.8em*/;
	}


/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
div.links {
	border-top: #efe;
	border-bottom: #efe;
	}
	

ul.nav a:hover, ul.nav a:active, ul.nav a:focus, ul.nav a#current { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #dfe;
	}

ul.nav a#current2 {
	background: #dfd;
	}

#hilite {border-color:#008900;} /* TESTING THE HIGHLIGHT COLOR */

#unnecessary li {
	background-color: rgba(0,160,0,0.95);
	color: #fff;
}

li#utop {background-color: rgba(0,200,0,0.75);}
li#utop a{color:#000;}

/* misc colors */

.overlay {background:#dfd;}


dt.time{border-bottom:#dfd;}


div.violator a:link, div.violator a:visited {background: #dfe;}
div.violator a:hover, div.violator a:active, div.violator a:focus {background: #dfd;}


p.alert {background:#dfd;}
.callout {background:#f9fcf9;border:#dfd;}

.footer ul.nav a:hover, .footer ul.nav a:active, .footer ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #dfe;
}
.footer ul.nav a#current {
	color:#000;
	background: #dfe;
}

/* confirm need for this section */
/*
li.xmas a, .xmas, h2.xmas + img + p.first:first-letter
{ color:#008900;}
li.xmas a:hover, li.xmas a:active, li.xmas a:focus { */ /* this changes the background and text color for both mouse and keyboard navigators */
/*	background: #008900;
	color:#efe;
	}	*/