/* CSS for Cananda map and thumbnail html  */

/*****************************/
/* Mostly for map (index.htm)  */
/*****************************/

body {
	font-family: Arial, sans-serif, Serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
    background: white url(art/blue_long.jpg) repeat-x left top;
}
h1  {
     /* font-size: 4.0em; */
	margin: 0;
	padding: 5px 0 5px 25px;
	background-color: teal;
	color: #fff;
	border-bottom: 1px solid navy;
	text-align:  center;
}
h2     {
      	color: white;
      	text-align: center;
}
h3	{
	margin-left: 18px;
	color: white;
}
h6	{
        color: white;
        margin: 10px;
}
p {
        margin: 10px;
	font-size: 1em;
        color: black;
}
#wrapper {
        width: 950px;
        margin: 40px auto 0 auto;
        border: 1px solid navy;
        background-color: #006699;
}
#diagram     {
         text-align: center;
         margin-bottom: 20px;
}
#key {
        width: 912px;
        margin: 50px auto 0 auto;
        border: 1px solid navy;
        background-color: #36f;
}
.validation p {
        text-align: center;
        padding: 10px 0 15px 0;
}
.validation a {
        text-decoration: none;
}

/* ****************************/
/*     Thumbnail page         */
/* ****************************/

table {
      border: 1px solid #000;
      border-spacing: 1px;
      margin-left: auto;
      margin-right: auto;
      padding: 0px;
      width: 50%;
      background-color: #000;
}
td {
      border: 1px solid #808080;
      padding: 20px;
      text-align: center;
}
td a img {
      border: 1px solid #808080;
      margin: 0px;
      padding: 1px;
}
tr.thumbtext td {
      background-color: gray;
      font-size: 1em;
      padding: 0 0 10px 0;
}
td a:hover img {
   border: 1px solid #ff6600
}
.bits a {
      text-decoration: none;
}
.bits p {
      text-align: center;
      padding: 0px 0 10px 0;
}
.link a {
      text-decoration: none;
}
.link p {
      text-align: left;
      font-size: .8em;
}

/* ****************************/
/*     Image page         */
/* ****************************/

#image img  {
       margin-bottom: 20px;  /*  */
       border: 2px solid black;
}
#image p {
       text-align: center;
}
#navigate ul {
       width: 513px;
       font-size: .8em;
       list-style-type: square;
       margin: 0 auto;
       padding: 2px 0 5px 10px;
     /*  border: 1px solid black; */
       background-color: #3366ff;
       color: white;
}
#navigate li {
       margin: 5px 0 5px 10px;
}