/*******************************************************************************
 *
 * FILE: style.css
 *
 * DESCRIPTION: Main css file used in my website
 *
 * CVS: $Id: style.css,v 1.4 2006/06/13 18:34:24 scottl Exp $
 *
 ******************************************************************************/

/* BASIC ELEMENTS */
/******************/
div {
  /* the two items below address netscape 4 weirdness */
  padding: 0;
  margin: 0;
}
  
body { 
  padding: 20px;
  margin: 0;
  background-color: #665;
  color: black;
}

a img {
  /* remove border around linked images <img border="0" is invalid XHTML 1.1 */
  border-width: 0;
}

/* DIVS */
/********/
#page_container {
  border: solid 1px black;
  background-color: white;
  color: black;
  min-width:500px;
  background: white url('../graphics/lightyellow.jpg') repeat-y 0 0;
}

#masthead { 
  z-index: 10;
  border: solid 0px black;
  border-bottom-width: 1px;
  height: 104px;
  background: #808050 url('../graphics/scottlogo.jpg') no-repeat;
  color: white;
  text-align: right;
}
#masthead h1 {
  display: inline;
  font-family: Georgia, "Times New Roman", serif;
}

#left_col {
  float: left;
  width: 130px;
  /*/*/ /*/margin: 0 0 0 2px; /*hack to get border aligned in netscape */
}

#inner_left_col {
  padding: 10px;
  border: solid 0px black;
  border-right-width: 1px;
  overflow: visible; /* fix win32 IE italics bug */
  height: 100%;
}
#inner_left_col img {
  display: block;
  margin: 0 auto;
  text-align: center;  /* IE 5 centering hack */
}
#inner_left_col p {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 70%;
  line-height: 140%;
  /*/*/ /*/line-height: normal; /*NS 4 adds too much space */
}
#inner_left_col h3 {
  color: #006;
  margin: 1em 0 0 0;
}

.nav {
  background-color: #E9E8CA;
  color: white;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  font-size: 70%;
  line-height: 180%
  /*/*/ /*/line-height: 120%; /*NS 4 adds too much space */
}
.nav ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
  display: block;
  border: solid 1px black;
  border-bottom-width: 0;
}
.nav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  border-bottom: solid 1px black;
}
.nav ul li a {
  display: block;
  text-decoration: none;
  padding: 2px 10px;
  background-color: #cc9;
  color: #336;
}
.nav ul li a:hover {
  background-color: #336;
  color: #cc9;
}

#content_col {
  width: auto;
  margin-left: 129px; /* should be 1 less then left_col's width */
  border: solid 0px black;
  border-left-width: 1px;
}

#inner_content_col {
  padding: 10px;
  overflow: visible;
  height: 100%; /* fixes win32 IE float bug */
  font-family: Georgia, "Times New Roman", serif;
  background-color: white;
}
#inner_content_col h3 {
  color: #009;
}
#inner_content_col a:link {
  color: #336;
}
#inner_content_col a:visited {
  color: #636;
}

#footer { 
  clear: left; /* this ensures it lies below both columns */
  z-index: 10;
  border: solid 0px black;
  border-top-width: 1px;
  border-bottom: solid 1px #997;
  background-color: #808050;
  color: white;
  text-align: right;
  font-family: "Trebuchet MS", verdana, arial, sans-serif;
  font-size: x-small;
}

#inner_footer {
  padding: 10px;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}

* html #masthead {
  position:relative;
}