/* styles suitable for all media, all browsers */
body {
     font-family: Lucida Sans;
     font-size: 1.0em;
     color: white;
     background-color: #333333;
}

#navigation {
	float: left;
	width: 10em;
    text-align: left;
}

#navigation a:link {
    color: white;
}
#navigation a:visited {
    color: white;
}
#navigation a:hover {
    color: white;
    font-style: italic;
}
#navigation a:active {
    color: white;
    font-style: italic;
}


#content {
	    padding-left: 1em;
        margin-left: 2em;
}
#content h1 {
	font-size: 0.8em;
}

#content h2 {
	font-size: 0.5em;
}

#content p {
	color: 0xf0f0f0;
}

#content a {
	color: white;
}


#footer {
	clear: both;
    text-align: center;
    display: inline;
}
#footer h1 {
	font-size: 1.0em;
    font-weight: normal;
    text-align: center;
}

#footer a {
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;
    display: inline;
    text-decoration: underline;
}
#footer a:link {
    color: white;
}
#footer a:visited {
    color: white;
}
#footer a:hover {
    color: white;
    font-style: italic;
}
#footer a:active {
    color: white;
    font-style: italic;
}


#footer h2 {
	font-size: 0.8em;
    font-weight: normal;
}

.thumbs a:link {
  background-color: transparent;
  color: #c0c0c0;
}
.thumbs a:visited {
  background-color: transparent;
  color: #c0c0c0;
}
.thumbs a:active {
  background-color: transparent;
}

.thumbs a:hover {
  background-color: transparent;
  color: #c0c0c0;
}


.thumbs li {
  list-style-type: none;
  margin-bottom: .5em;
}
.thumbs img {
  vertical-align: middle;
}


/* 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;   /* fix alignment from above kludge */
}
.thumbs {             /* container for all thumbs */
  width: 80%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .5em;
  background-color: #333333;
  color: #000;
  /* border: thin solid #FFFFFF; */
  overflow: hidden;
  text-align: center;
}
.thumbs h2 {
  color: white;
  text-align: center;
  font-size: 1.2em;
}
  
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 10.5em;    /* high enough for image plus 2-line caption */
  width: 11.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 */
  /* border: 1px solid #404040; */
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 11.5em;
  height: 10.5em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  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 .3em 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;
}