/* File: frontpages.css - for use in gofast, gosearch, index, intro1 and search1 pages ... */
/* ... and also in the conventions and homemenu components */
/* Revised on 23 Sep 2011 and validated as CSS level 3, except for rgba, transition, blockquote */

body.indexpage {
	color: white;
	background: url(../images/backgunntartanmod.gif) fixed;
}
	
body.homepage, body.dft2 {
	color: white;
	background: url(../images/backolivepaper.jpg) fixed;
}

h4 {
	text-align: center;
}

body.dft2 ul, body.dft2 li {
	color: green;
}


/* START  OF  STYLING  FOR  TABLE  MAIN  MENU */
/* ------------------------------------------ */
a { 
	color: red; /* Original text colour */
	font-weight: bold;
	text-decoration: none;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
	
a:hover {
	color: yellow; /* Hover text colour */
	background-color: transparent;
	text-shadow: -1px 1px 2px black, 2px -2px 3px white;
}

table.mainmenu a { 
	font-size: 1.4em;
}

table.mainmenu {
	margin-left: auto;
	margin-right: auto;
	border: 8px ridge gold; /* Provides optional outer border for the menu table */
	border-spacing: 10px 15px;
	text-align: left;
	background: rgba(0, 32, 0, 0.5);
}

td {
	padding: 5px;			/* Padding around text within each cell */
	vertical-align: middle;
}

td.menuleftcolumn {
	text-align: center;
	border: 1px solid white;
	width: 12em;			/* Width of td may also be set in .col1 */
	transition: background-color 0.7s ease;
	-webkit-transition: background-color 0.7s ease;
	-moz-transition: background-color 0.7s ease;
	-o-transition: background-color 0.7s ease;
}

td.menuleftcolumn:hover {
	background-color: red;
}

.col1 {
	background-color: green;	/* Background colour of column 1 */
}

.col2 {
	background-color: transparent;
	border: 10px solid transparent;
}
/* END  OF  STYLING  FOR  TABLE  MAIN  MENU */
/* ---------------------------------------- */



/* START  OF  STYLING  FOR  CONTACT  DETAILS */
/* ----------------------------------------- */
.emails {
	text-align: center;
	color: white;
}
	
table.contacttable {
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	border-style: ridge;
	border-width: 8px;
	border-spacing: 5px;
	text-align: left;
	background: rgba(0, 32, 0, 0.5);
}
/* END  OF  STYLING  FOR  CONTACT  DETAILS */
/* --------------------------------------- */



/* START  OF  STYLING  FOR  SUMMARY AND LATEST INFORMATION */
/* ------------------------------------------------------- */
.summary { font-size: 0.8em;
	background: rgba(0, 32, 0, 0.5);
	text-align: justify;
	margin: 1em 2em 4em 2em;
	padding: 20px;
	border: solid 0.1em silver;
	box-shadow: gray 3px 6px 5px;
}

.yellowmsg {
	font-size: 0.9em;
	color: yellow;
	margin-right: 5%;
	margin-left: 5%;
	background: rgba(0, 32, 0, 0.5);
	text-align: justify;
	margin: 1em 2em 4em 2em;
	border-radius: 3em 3em;
	padding: 20px;
	border: ridge 0.8em gold;
	box-shadow: gray 3px 6px 5px;
}

.signature {
	font-style: normal;
	text-align: right;
}
/* END  OF  STYLING  FOR  SUMMARY AND LATEST INFORMATION */
/* ----------------------------------------------------- */



/* START  OF  STYLING  FOR  CONVENTIONS */
/* ------------------------------------ */
dl.conventions {
	padding: 5px 40px;
}

dt.conventions {
	padding-top: 30px;
	font-size: 1.25em;
}

dl.conventions dd {
	text-align: justify;
}

table.conventions {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 1em;
	border-style: none;
	border-width: 0px;
	border-spacing: 2px 20px;
	text-align: justify;
}

td.top {
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
}

col.date {
	background-color: transparent;
	width: 7em;
}

col.descr {
	background-color: transparent;
	border: 10px solid transparent;
}

/* END  OF  STYLING  FOR  CONVENTIONS */
/* ---------------------------------- */



/* START  OF  STYLING  FOR  INTRODUCTION (intro1) */
/* ---------------------------------------------- */

.intro1 { font-size: 1em;
	text-align: justify;
	margin: 1em 2em 4em 2em;
}

ul.intro1 {
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
}
/* END  OF  STYLING  FOR  INTRODUCTION (intro1) */
/* -------------------------------------------- */



/* START  OF  STYLING  FOR  GETTING  LOST  NOTICE */
/* ---------------------------------------------- */
.lost { font-size: 1em;
	color: black;
	font-weight: normal;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: rgba(255, 228, 202, 1);
	margin-left: 25%;
	margin-right: 25%;
	text-align: justify;
	margin: 1em 2em 4em 2em;
	padding: 20px;
	border: solid 0.1em silver;
	box-shadow: gray 3px 6px 5px;
}

/* END  OF  STYLING  FOR  GETTING  LOST  NOTICE */
/* -------------------------------------------- */



/* START  OF  STYLING  FOR  ALPHABETIC  SURNAME  TABLE (AST) */
/* --------------------------------------------------------- */

table.ast {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
	border: ridge 6px red;
	border-collapse: collapse;
	border-spacing: 0px;
	vertical-align: middle;
}

td.ast {
	padding: 6px;
	border: solid 1px #c00;
}

#col1 {
	width: 21%;
}

#col2 {
	width: 18%;
}

#col3 {
	width: 59%;
}

td.astcol1 {
	color: gray;
	font-size: 1.4em;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 6px;
/*	width: 21%; */
	border: solid 1px #c00;
}

td.astcol2 {
	text-align: center;
	padding: 6px;
/*	width: 18%; */
	border: solid 1px #c00;
}

td.astcol3 {
	padding: 6px;
/*	width: 59%; */
	border: solid 1px #c00;
}
/* END  OF  STYLING  FOR  ALPHABETIC  SURNAME  TABLE (AST) */
/* ------------------------------------------------------- */

/* START  OF  STYLING  FOR  TEST  PAGES */
/* ------------------------------------ */

body.testpage {
	margin: 0;
	padding: 40px;
	background: url(../images/backredsqr.gif);
	font-family: Nadia, Georgia, "Times New Roman", serif;
}

p.block {
	margin: 0;
	text-align: justify;
	font-size: 1.5em;
	padding: 0 0 10px 0;
}

blockquote {
	position: relative;
	min-height: 42px;
	margin: 0 0 0 2px;
	padding: 10px 15px 5px 15px;
	border-radius: 20px;
	border-top: 1px solid #fff;
	background-color: rgba(255,255,133,0.8);
	background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,0) 30px);
	background-image: -webkit-gradient(linear, 0 0, 0 30, from(hsla(0,0%,100%,.6)), to(hsla(0,0%,100%,0)));
	box-shadow: 1px 1px 2px hsla(0,0%,0%,.3);
	word-wrap: break-word;
}

blockquote:hover {
	top: -3px;
	left: -3px;
	box-shadow: 3px 3px 2px hsla(0,0%,0%,.3);
	text-shadow: 1px 1px 1px hsla(0,0%,100%,.7);
}

/* END  OF  STYLING  FOR  TEST  PAGES */
/* ---------------------------------- */



/* Not yet checked */
.namegray {
	color: gray;
	font-size: 1.4em;
	font-family: Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.namesearch {
	font-size: 1.4em;
	font-family: Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.tblcentre {
	text-align: center;
	vertical-align: middle;
}
	
.tbldesc {
	font-size: 0.8em;
	text-align: left;
}
	
.tbllink {
	text-align: center;
	vertical-align: middle;
}
	
.left_just { text-align: left; color: white;
}

.right_just { text-align: right;
}