@charset "utf-8";
/*CSS for the Strong Family Website image Galleries.*/
body {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF ;
	background-color: #000000;
	margin-top: 1px;
	background-image:url(page_backing.gif);
	background-repeat:repeat-x;
	text-align: center; 
}
a:link {color: #AAAAAA; background-color:#000000;}
a:visited {color: #AAAAAA;background-color:#000000;}
a:hover {color: #FFFFFF;background-color:#000000;}

/*This div is perhaps a little redundant now but is retained
to avoid a wholesale 'find and replace' job :-).*/

/*Blank thumbnail image:  120 X 120px or 4.23 X 4.23cm. Bkgrd Color 444444.
Text color white. Font Times, bold 16.*/
#Contents { 
   width:100%;
	text-align: center;
   margin-left: auto;
   margin-right: auto;
	margin-bottom:1em;
}
/*div that holds the title for the gallery page*/
#Header {
   width:50em;
   text-align:left;
   padding: .25em;
   margin:.75em auto 1.5em auto;
}
h1 {
  font-size:1.2em;
  font-weight:normal;
   margin:0em;
   padding:0em;
}
/*div for informative spiel*/
#Info {
	margin: 1em auto 0em auto;
   width:50em;
	text-align: center;
	border: 1px solid #444444;
	padding:.25em;
	color:  #CCCCCC;
	background-color:#000000;
	font-size: 1em;
}
/*div that enables navigation of the images*/
#Navigate {
   width:50em;
	padding:.25em;
	margin:0 auto;
	color: #888888;
	background-color: #000000;
	border-bottom:1px solid #444444;
	border-left:1px solid #444444;
	border-right:1px solid #444444;
	font-size: 1em;
}
#Navigate ol {
  list-style-type: none;
  margin:0em;
  padding:0em;
}
#Navigate ol li {
    display: inline;
  }
/*class that enables navigation of the images with a line break in the ol*/
.Navnav {
   width:50em;
	padding:.25em;
	margin:0 auto;
	color: #888888;
	background-color: #000000;
	border-bottom:1px solid #444444;
	border-left:1px solid #444444;
	border-right:1px solid #444444;
	font-size: 1em;
}
.Navnav ol {
  list-style-type: none;
  margin:0em;
  padding:0em;
}
.Navnav ol li {
    display: inline;
  }

/*Footer div*/
#Footer {
   width:50em;
   margin:0 auto;
	border: 1px solid #444444;
	padding:.25em .25em .3em .25em;
	color: #888888;
	background-color: #000000;
	font-size: .9em;
}
#Footer ul {
  list-style-type: none;
  margin:0em;
  padding:0em;
}
#Footer ul li {
    display: inline;
  }
#Footer a:link {text-decoration:none;}
#Footer a:visited {text-decoration:none;}
#Footer a:hover {text-decoration:none;}

/*Various rules to govern the Thumbnail Images. Table included deliberately
to organise the thumbnail images.*/  
 #thumbnails {
    width:55em;
	 border: 0;
	 margin:1em auto 0em auto;
	 padding:.5em;
 }
 table {
    border:none;
 	text-align: center;
    margin-left: auto;
    margin-right: auto;
 }
 table td {
    width:140px;
	height:140px;
	vertical-align:middle;
	background:url(td_backing.gif);
 }
 
 td.noimage {background:none;}
 table img {
  margin: 0px;
  border: 1px solid;
  vertical-align:middle;
 }
 
table a:link img { border-color: #aaaaaa; color: #aaaaaa; background-color: #000000;}
table a:visited img { border-color: #666666; color: #666666;background-color: #000000;}
table a:hover img { border-color: #ffffff; color: #ffffff;background-color: #000000;}
/*=======================
Text Colour
=========================*/
b {
font-weight: bold;
color: #0000FF;
}