/* CSS Document for Cork Records
Yellow text on Blue Background is the Default Style for thye gold database
Notes made from the following sources:

References: 
Stylin' with CSS by Charles Wyke-Smith
http://www.w3schools.com/css/default.asp
Text color: http://www.w3schools.com/css/tryit.asp?filename=trycss_color

LINK TO THE STYLE SHEET:
The following code must appear in the header of each page using an external CSS file

<link rel="stylesheet" type="text/css"
href="mystyle.css" />

Cascading refers to the order of priority:
A spec written inside a tag has highest priority, then 
specs can be placed in the header of a page:

<style type="text/css">
.size{font-size:100%} 
</style>

An external CSS file is preferable and is used as the final default.
Image gallery-see W3schools  http://www.w3schools.com/css/css_image_gallery.asp

COLORS
W3C has 16 color names that will validate with a CSS validator. There are 150 others.
aqua, black, blue, fuchsia, gray, green, lime, maroon, 
navy, olive, purple, red, silver, /* 
																	OLD	LINKS
Colors for Links (to URLs etc) like LINK, ALINK, VLINK 
Must be in the order given below ??
It appears that these have to be the same for all pages and backgrounds
Try the noline example
/*white=#ffffff*/
/*mauve=#E1B1F7*/
/*pink =#ff5555*/
/*green=#00FF00
{color:red}
*/
		
/*																	BODY
*/
body 
	{ 
	background-color:#FAF8EE; 
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:100;
	font-size:85%; 
	font-style:normal;
	font-variant:normal;
	letter-spacing:0.10em; 
	word-spacing:0.15em;
	line-height:1.2;
	text-align:justify;
	}
		
/* 
																	LINKS
Colors for Links (to URLs etc) like LINK, ALINK, VLINK 
Must be in the order given below
It appears that these have to be the same for all pages and backgrounds
Try the noline example
*/

a:link 		{color:#FFOOOO} /*red*/
a:active 	{color:red}
a:visited 	{color:#FFOOFF} /* mauve*/
a:hover		{color:#0000FF} /*blue*/
a:active 	{color:#00FF00} /*green*/

a.noline    		{text-decoration: none} /*for lists of links without underline*/
a.noline:link 		{color:#0000FF; text-decoration:none} /*white*/
a.noline:active 	{color:#FF0000; text-decoration:none} /* RED */
a.noline:visited 	{color:#E1B1F7; text-decoration:none} /*mauve*/
a.noline:hover		{color:#FF5555; text-decoration:none} /*pink*/

	
	
/*																	PRINTER
SWITCHES TO BLACK & WHITE FOR PRINTERS 
This is only used when people try to send a page to a printer
*/ 
@media print
{
	body
		{
		background-color:#FFFFFF; 
		color:#000000; 
		font-weight:100; 
		letter-spacing:0.10em; 
		word-spacing:0.12em;
		font-size:10pt;
		line-height:1.5
		}
}


/* For disabled users												VOICE
/*This sets the voice for speech synthesizers */
h1, h2, h3, h4, p
{
voice-family: female;
richness: 80;
cue-before:    url(../TheTreasury/kaelewis.com/%22beep.au%22)}


/*																	GENERAL FONTS 
Font size for special applications. e.g. Used as <tr class .smalltext >

.normaltext	{font-size:100%} 
.smalltext	{font-size:75%}
.largetext	{font-size:120%}

.white		{color:#FFFFFF}
.black		{color:#000000}
	
.largestrongtext
	{
	font-weight:900; 
	line-height: 200%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:180%
	}
.largestrongcentertext
	{
	text-align:center;
	font-weight:900; 
	line-height: 200%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:180%
	}
.hugestrongcentertext
	{
	text-align:center;
	font-weight:900; 
	line-height: 200%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:250%;
	}
*/
/*																	TITLES
In prospector .maintitle is used as a table definition. 
In cork it sets a background purple color
In-line style sheet is used to lay out the heading:

CODE SIMILAR TO THIS IS STORED IN THE DATABASE TABLE Z_Z_TITLE
<br />
<hr/>
<center>
<span style="
	letter-spacing:.2em";
	font-weight:200; 
	line-height: 200%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:200%;
>
The Historical Records of
</style>

<br />
<span style="
	letter-spacing:.2em";
	font-weight:400; 
	line-height: 300%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:300%;
>
THE COUNTY AND CITY OF CORK, IRELAND
</span>
</center>
<hr/>
<br />

background-color:#CCCCFF; /*standard cork purple*/

 */
.maintitle
	{
	color:#000000;
	background-color:#FFFFAA; 
	width:100%;
	valign:center;
	font-family: sans-serif;
	text-align:center;
	}
	
.subtitle
	{
	color:#000000;
	font-family: sans-serif;
	text-align:center;
	font-weight:200; 
	line-height: 140%;
	letter-spacing:0.10em; 
	word-spacing:0.15em;
	font-size:100%;
	}	
	
.pagetitle
	{
	align:center; 
	valign:center;
	text-align:center;
	font-weight:400; 
	line-height: 120%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:120%;
	}

.homelink
	{
	align:center; 
	valign:center;
	text-align:center;
	font-weight:400; 
	line-height: 120%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:120%;
	}
/*																SEARCH BOX  */
td.searchbox
	{
	width:100%;
	height:30px;
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:600; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.0;
	font-size:140%;	
	}
.searchboxsubtitle
	{
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:80; 
	letter-spacing:0.15em; 
	word-spacing:0.20em; 
	line-height:1.0;
	font-size:60%;	
	}
	
.goldkeytitle
	{
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:120 ; 
	letter-spacing:0.15em; 
	word-spacing:0.20em; 
	line-height:1.0;
	font-size:120%;	
	}

/*															QUERY DISPLAY BOX
old 
	background-color: #DDDDFF; /*Lighter Purple
	background-color: #D9D9F9; /*light purple 
	background-color: #CCCCFF; /*standard purple
	background-color: #A5A5FF; /*medium purple
	border-color:	  #4499FF; /*dark blue
	border-color:     #6666FF; /*very dark purple
	
	background-color: #FAF8EE; /*extremely light gold background
	background-color: #F3ECC8; /*very light gold 
	background-color: #F7ECB7; /*light gold 
	background-color: #F9E684; /*gold 
	border-color:     #F9E167; /*dark gold
*/
table.querybox
	{
	width:100%; 
	background-color: #FAF8EE; /*extremely light gold same as background
	border-style:none; /*the usual border is outset; */
/*	border-color:#F9E167; /*dark gold*/
/*	border-width:4px; */
/*	margin:10px; 
/*	padding:10px; */
	align:center; 
	text-align:center; 	
	valign:center; 
	color:#000000;
	font-size:80%; 
	}
.showQuery 
	{	
	color:#000000;  \\Black or Blue are better than gold on light background
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.3;
	font-size:100%;
	}
.queryerrortext
	{
	color:#FF0000;
	text-align:center;
	font-weight:400; 
	line-height: 130%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:100%
	}
/*																		SEARCH RESULTS TABLE
standard purple used in the title banner is #CCCCFF
Other shades are relative to this*/
tr.topline  
	{
	text-align:center; 
	background-color: #CCCCFF; /*standard purple It was #F7ECB7; /*light gold */
	color:#000000;
	font-size:80%;
	}
tr.results
	{
	text-align:center; 
	background-color:#F2EEDC; /*very light gold */
	color:#000000;
	font-size:80%;
	}
	
tr.highlight /*may not be used */
	{
	text-align:center; 
	background-color: #F7ECB7; /*light gold */
	color:#FFFFFF;
	font-size:60%; 
	font-weight:bold;
	}
.foundresults 
	{
	font-size:120%; 
	font-weight:300; 
	align:center;
	background-color: #F7ECB7; /*light gold */
	}

table.searchresults 
	{
	padding:3; 
	align:center
	}
td.searchresults 
	{
	font-size:100%; 
	align:center
	}
.numberfound
	{
	text-align:center;
	font-weight:600; 
	line-height: 200%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:120%;
	}
.notfound
	{
	text-align:center;
	font-weight:300; 
	line-height: 120%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:150%;
	}

/*																BOX BORDER
Popup Tables such as NOTES are made using two nested tables  
The outer table just creates a box or border 
*/
table.boxborder 
	{ 
	width:100%; 
	background-color: #FAF8EE; /*extremely light gold background */
/*	border-style:none;  /* usual border is outset */
/*	border-color:#F9E167; /*very dark purple*/
/*	border-width:4px; 
/*	margin: 10px; 
/*	padding:10px; */
	align:center; 
	valign:center; 
	}
table.textblock 
	{
	width:100%; 
	border-style:none;
	
	margin: 0px; 
	padding: 5px; 
	align:justify; 
	valign:center 
	text-align:justify;

	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:100;
	font-size:100%; 
	font-style:normal;
	font-variant:normal;
	}
	
.maintext
	{
	color:#000000;
	margin:20px;
	padding:20px;
	align:center; 
	valign:center; 
	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:100%;
	font-size:100%; 
	font-style:normal;
	font-variant:normal;
	text-align:justify;
	}	

/*																DATA ENTRY
*/
table.dataentry
	{
	width:100%; 
	border-style:none;
	border-color:#0000DD;
	border-width:4px; 
	margin: 0px; 
	padding:5px; 
	align:center; 
	valign:center;
	background-color:#000066 
	}
.justdata 
	{ 
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	margin: 0px; 
	padding:5px; 
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.3;
	font-size:100%;
	}
.leftdata 
	{ 
	/* color:#ffff00; rely on the default text color in BODY */
	align:left; 
	valign:center;
	margin: 0px; 
	padding:5px; 
	text-align:left;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.3;
	font-size:100%;
	}
	
/*																BOOKS
*/
td.bookIDdata 
	{ 
	/* color:#ffff00; rely on the default text color in BODY */
	width:100px; 
	align:left; 
	valign:top;
	margin: 0px; 
	padding:10px; 
	text-align:left;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.3;
	font-size:100%;
	}
	
.commentheading 
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:left; 
	valign:center;
	text-align:left;
	font-family: sans-serif;
	font-weight:600; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.2;
	font-size:120%;	
	}

.whitetext
	{
	color:#ffffff;
	}
	
.comments
	{
	/* color:#ffff00; rely on the default text color in BODY */
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:100%;
	}

.displaybooklist /* black on white so it can be copied to TextEdit */
	{
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	font-family: sans-serif;
	font-weight:200; 
	letter-spacing:0.10em; 
	word-spacing:0.12em; 
	line-height:1.2;
	font-size:80%;	
	}

table.displaybooklisttextblock
	{
	color:#000000;
	background-color:#FFFFFF;
	width:100%; 
	border-style:none;
	margin: 0px; 
	padding: 5px; 
	align:justify; 
	valign:center 
	}
	
/*														POPUP - PHOTOS
border-color:#F1D11D; solid groove ridge inset outset double
*/
table.phototable 
	{ 
	width:50%; 
	border-style:double; 
	border-color:#80623E;
	border-width:10px; 
	margin:10px; 
	padding: 30px 30px; 
	align:center; 
	valign:center; 
	color:#000000;
	background-color:#CCCCCC;
	}
td.photomatting  
	{
	background-color:#FFFFE9;
	color:#000000;
	margin: 10px; 
	padding:40px; 
	}
table.captiontable 
	{
	width:50%; 
	border-style:none; 
	/* color:#ffff00; rely on the default text color in BODY */
	border-width:10px; 
	margin:0px; 
	padding: 0px; 
	align:justify; 
	valign:center; 
	/*background-color:#000066; */
	}
td.captiontext
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:100%;
	}
		
	
/*																	NOTES
*/
.justnotes 
	{ 
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.3;
	font-size:100%;
	}
.notesheading 
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:600; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:120%	
	}
.notesIDheading 
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:left;
	font-family: sans-serif;
	font-weight:400; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:120%	
	}
/*																	REFERENCES
*/
.referencesheading 
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:center; 
	valign:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:600; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:120%;	
	}
.referencetext
	{
	/* color:#ffff00; rely on the default text color in BODY */
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:100%;
	}
span.referencenumber
	{
	/* color:#ffff00; rely on the default text color in BODY */
	font-weight:900; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	}
span.refcomments
	{
	text-align:justify;
	font-family: sans-serif;
	font-size:100%;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	}

/*												 				 BACK HOME
for laying out the Back and Home Links
table.backhometextblock goes inside the boxborder
*/
table.backhometextblock 
	{ 
	width:100%; 
	border-style:none; 
	margin:0; 
	padding:10px; 
	align:center; 
	valign:center; 
	/* background-color:#000066; */
	}
.backhometext
	{
	/* color:#ffff00; rely on the default text color in BODY */
	align:center;
	text-align:center;
	font-weight:600; 
	line-height: 150%;
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:100%
	}
	
.tinycaps 	
	{
	color:#EEEE66;
	font-size:80%; 
	font-variant:small-caps; 
	align:center;
	text-align:center;
	font-family: sans-serif;
	font-weight:200; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	}
/*																	HELP
*/
.helpheadings
	{
	/* color:#ffff00; rely on the default text color in BODY */
	text-align:left;
	font-family: sans-serif;
	font-weight:400; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	font-size:130%;
	line-height:2;
	}
.notestext
	{
	/* color:#ffff00; rely on the default text color in BODY */
	text-align:justify;
	font-family: sans-serif;
	font-weight:300; 
	letter-spacing:0.10em; 
	word-spacing:0.15em; 
	line-height:1.5;
	font-size:100%;
	}
/*
SiteSearch Google														GOOGLE
--Original colors
google_color_border = "6699CC" 
google_color_bg = "003366";
*/
table.googlebox 
	{ 
	z-index:1;
	width:728px; 
	border-style:outset; 
	border-color:#6699CC;
	border-width:3px; 
	margin:0; 
	padding: 0px 0px; 
	align:center; 
	valign:center; 
	background-color:#003366;
	}
table.googletextblock 
	{
	z-index:1;
	width:710px; 
	border-style:none;
	padding: 0px 0px; 
	align:center; 
	valign:center;
	/*background-color:#003366;*/
	}
table.googleboxtopleft 
	{ 
	z-index:1;
	position:absolute;
	left:10px;	
	top:10px;
	width:120px; 
	height:240;
	border-style:outset; 
	border-color:#6699CC;
	border-width:3px; 
	margin:0; 
	padding: 0px 0px; 
	align:left; 
	valign:center; 
	/*background-color:#003366;*/
	}
table.googleboxtopright 
	{ 
	z-index: 1;
	position:absolute;
	right:10px;	
	top:10px;
	width:120px; 
	height:240;
	border-style:outset; 
	border-color:#6699CC;
	border-width:3px; 
	margin:0; 
	padding: 0px 0px; 
	align:right; 
	valign:center; 
	/*background-color:#003366;*/
	}