/* 
 * jckrauseSTYLE.css 
 *
 * This is the cascading style sheet (CSS) that is used for
 * the website http://www.jckrause.com/ 
 * 
 * (C) J.C.Krause, 2004-07. All rights reserved. 
 *
 */


/* color the links */
a:link { color: #666666; }
a:visited { color: #333333; }
a:hover { color: red; }

body {
  margin:                30px;
  color:                 #DEDECA;
  background-color:      #000000;
  font-family:           Geneva, Verdana, sans-serif;
  text-align:            left;
}

p, h1 {
  margin:                10px;
}

h1 {
  line-height:           48px;
  color:                 #dddddd;
  background-color:      #555555;
  font-size:             20px;
  text-align:            center;
}

.title {
  margin:                0;
  color:                 white;
}

.text { 
  font-family:           Geneva, Verdana, sans-serif; 
  font-size:             14px; 
  text-indent:           2em; 
  overflow:              auto; 
  margin-top:            25px; 
  margin-right:          40px; 
  margin-left:           40px;
}

.navLink {
  line-height:           22px;
}

.panelHeader {
  line-height:           22px;
  color:                 #dddddd;
  background-color:      #555555;
}

.legal {
  font-family:           Geneva, Verdana, sans-serif;
  font-size:             10px;
  text-align:            center;
}

.silver { color: silver; }

#main {
  line-height:           24px;
  width:                 895px;
  border:                1px solid #333333;
  color:                 #333333;
  background:            #ffffff;
}

#main #menu {
  margin-bottom:         25px;
  width:                 230px;
  float:                 right;
  border-left:           1px solid #333333;
  border-bottom:         1px solid #333333;
  color:                 #333333;
  background:            #dddddd;
  font-family:           Geneva, Verdana, sans-serif;
  font-size:             12px;
  text-align:            center;
}

photo { 
  text-align:            center;    
  border-width:          12px; 
}

img.thumbs {
  float:                 left;
  height:                60px;
  margin-right:          2px;
  margin-bottom:         2px;
  border:                solid black 1px;
}

img.thumbs:hover { 
  border:                solid 1px yellow; 
}

#thumbContainer2 {
  margin-top:            20px;
  margin-left:           13px;
  margin-bottom:         20px;
  height:                62px;
  z-index:               1;
  position:              relative;
}

#first {
  visibility:            hidden;
}