body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #999; 
  font-size: .8em;
  text-align: left;	  
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
  background-color: #e1e1cb; 
  }

/* Banner */

#banner img {
  position: relative;
  top: 22px;
  left: -4px;
  border: 0;
  width: 332px;
}


  #banner {
  height: 119px;
  width: 673px;
  background-image: url(img/banner.gif);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  }
  
/* Site Top */
#top {
  background-image: url(img/pgbgtop.gif);
  background-repeat: no-repeat;
  width: 790px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  
}

/* Page container */
#contents {
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
  background-image: url(img/pgbgmid.gif);
  background-repeat: repeat-y;
  background-color: #fff;
  color: inherit;
   }

#bot {
  width: 790px;
  height: 39px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-image: url(img/pgbgbot.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

/* left column */
#left_col {
  position: relative;
  float: left;
  width: 40px;
  margin: 0 0 0 10px;
  padding-top: 4em;
  color: #acd5ff;
  background-color: inherit;
}

/* Center Column */
#center_col {
  padding-top: 4em;
  margin-left: 100px;
  width: 300px;
}

#right_col {
  float: right;
  right: 10%;
  width: 200px;
}


/* page header */
#head_left {
  width: 96%;
  height: 114px; 
  background-image: url(img/lozinskidotco.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0;
}

#date_box {
  float: right;
  color: #99ccff;
  background-color: inherit;
  font-size: 12pt;
  text-align: left;
  z-index: 4;
  width: 204px;
  margin-top: 30px;
}

#footer {
  width: 673px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #afcbe3;
}

#creds {
  padding: 0;
  width: 673px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}


/* center column */
.content {
  width: 66%;
  float: right;
  padding: .2em 1.5%;
  margin: 0;
}

/* right column */
.sidebar {
  width: 21%;
  float: right;
  margin: 0;
  padding: .3em 1.5em .3em 0em;
  font-size: 90%;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
  overflow: hidden;
}

/* Headers and Links */
h1 {
  font-size: 200%;
  margin: 0;
  color: #cccc99;
  background-color: inherit;
}

h2 {
  font-size: 125%;
  margin: 0;
  color: #cccc99;
  background-color: inherit;
}

h3 {
  font-size: 115%;
  margin: 0;
  color: #cccc99;
  background-color: inherit;
}

h4 {
  font-size: 115%;
  margin: 0;
  color: #cccc99;
  background-color: inherit;
  font-style: italic;
}

/* Left Menu Navigation */

#navcontainer {
  position: relative;
  right: 60px;
  top: 60px;
  float: right;
  background-image: url(img/menbox.gif);
  background-repeat: no-repeat;
  width: 220px;
  height: 160px;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul#navlist li {
  display: block;
  border-bottom: 1px solid #99BEDF; 
  padding: 2px 0;
}

ul#navlist {
  text-align: left;
  list-style: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 160px;
}

#navcontainer>ul#navlist li a { width: 160px; }

ul#navlist li a:hover, ul#navlist li#active a:hover {
  display: block;
  color: #fff;
  background-color: #efefd1;
}

/* End Left Menu */

a:link {
  color: #7ca6d1;
  background-color: inherit;
  text-decoration: none;
}

a:active {
  color: #7ca6d1;
  text-decoration: none;
  background-color: inherit;
}

a:visited {
  color: #7ca6d1;
  text-decoration: none;
  background-color: inherit;
}

h2 a {
  display: block;
  width: 30%;
  padding: 4px 10px 4px 4px;
  border-right: solid #cccc99 1px;
  border-bottom: solid #cccc99 1px;
  border-top: solid #cccc99 1px;
  border-left: none;
}

h2 a:hover {
  display: block;
  color: #fff;
  background-color: #cccc99;
  width: 30%;
  border-right: solid #7ca6d1 1px;
  border-bottom: solid #7ca6d1 1px;
  border-top: solid #7ca6d1 1px;
  border-left: none;
}

h2 a:active {
  display: block;
  text-decoration: none;
  color: #7ca6d1;
  background-color: inherit;
}

h2 a:visited {
  display: block;
  color: #7ca6d1;
  background-color: inherit;
  text-decoration: none;
}
