/* styles suitable for all media, all browsers */
body {
	font-family: tahoma, helvetica, verdana, arial, sans-serif;
	background-color: #ccc;
    color: #000;
	padding:0;
	margin:0;
}


@media screen, projection {
/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.IE5IsQuirky1 { /* WinIE 5.0 gets wierd without something after font-family hack */
}
body {
  text-align: center; /* kludge to center block elements in WinIE */
}
h1, p, ol {
	text-align: left;
	padding: 0 10px;
	margin-bottom: 0px;

}


.home {
  width: 95%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: 1em auto;       /* correctly center block element */
  padding: .1em;
  background-color: #fff;
  color: #000;
  }
  
.home2 p {
  width: 95%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: 0;       /* correctly center block element */
  padding: 0;
  background-color: #fff;
  color: #000;
  }
  
.home img {         
  text-align: center;  /* center for IE */
  margin: .5em; /* center for non-IE */
  padding: 0 0 .5em 0;
}

.thumbs {             /* container for all thumbs */
  width: 95%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .1em;
  background-color: #fff;
  color: #000;
  overflow: hidden;
  text-align: center;
}
.thumbs ul {
  margin: 10px;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  text-align: center;
  padding: .1em;
  margin: .1em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 15em;
  height: 7.5em;
}

.thumbs p {        
  text-align: center;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: .7em;
  }

  
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}




.thumbs img {         
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .1em auto; /* center for non-IE */
  padding: 0;
}




hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

} /* end media rules */

.main p {
 padding: 0;
  margin: auto;
}

.sidebar p {
 padding: 0;
  margin: auto;
}

.image {
border:1px; border-thickness: 1px; border-color: #000; border-style: solid;
}

a:link .image, a:visited .image { border-color: #000;
}
a:hover .image, a:active .image {border:1px; border-thickness: 1px; border-color: #ccc; border-style: solid
}


a, a:link, a:visited {color:#000000; text-decoration:none;}
a:hover {color:#666666;}

.thumbs li {
  list-style-type: none;
  margin-bottom: .5em;
}
.thumbs img {
  vertical-align: middle;
}
  
ul {
list-style-type: none; /* suppression of useless elements */
width: 100%; /* precision for Opera */
}
li { float: left;} /* lists aligned to the left */

.menu a {
     margin: 0 2px;
     width: 100px; /* definition of menu button size */
     height: 20px;
     float: left;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     background: #fff;
     }
	 
.menu a:hover {
     background: #ccc;
     border: 1px solid gray; 
     }

.menu a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }