html { 
}

body { 
  color: #444;
}

h4 {
  font-size: 10pt;
  font-weight: normal;
  margin-top: -1px;
}

#page { 
  position: relative;
  margin-left: auto;
  margin-right: auto;
/*  height: 680x; */
  width: 1000px;
} 

.address { 
  position: absolute;
  top: 20px;
  right: 30px;
}

.logo {
  position: absolute;
  top: 10px;
  left: 0px;
}

#header { 
  margin-left: auto;
  margin-right: auto;
  width: 500px;
} 

#header h2 { 
  text-align: center;
  font-size: 18pt;
  font-family: Times, sans-serif;
/*  font-style:italic; */
  font-weight: bold;
} 

#container {
  position:relative;
  top: 90px;
  margin-left: auto;
  margin-right: auto;
  width:600px; 
/*  height:580px; */
  padding: 2px;
}

#style_container {
  position:relative;
  top: 90px;
  margin-left: auto;
  margin-right: auto;
  width:600px; 
/*  height:580px; */
  padding: 2px;
/*  border: 1px solid red; */
}

#front_page_container {
  position:relative;
  top: -20px;
  margin-left: auto;
  margin-right: auto;
  width:598px; 
  height:416px;
}

#left_side {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 190px;
}

#left_side h2 {
  position: relative;
  left: -5px;
  text-align: left;
  font-size: 13pt;
  line-height: 13pt;
  font-weight: bold;
}

#left_side a {
  position: relative;
  left: -10px;
  top: -8px;
}

#right_side {
  position: absolute;
  top: 115px;
  left: 890px;
  width: 200px;
}

#right_side h2 {
  margin-left: -15px;
  text-align: center;
  font-size: 13pt;
}

#left_column {
  position: absolute;
  left: 0px;
  width: 95px;
}

#right_column {
  position: absolute;
  left: 93px;
  width: 110px;
}

#right_side a {
  position: relative;
  left: -10px;
  top: 5px;
  margin-left: 15px;
}

#download_pdf {
  position: relative;
  top: 20px;
}

#search {
  position: relative;
  top: 20px;
}

#contact_info {
  position: relative;
  top: -18px;
  width: 145px;
}

#contact_info a {
  margin-left: 5.5em;
}

#contact_info p {
  text-align: center;
}

#bio {
  position: absolute;
  top: 350px;
  left: 0px;
  width: 145px;
}

#bio p {
  text-align: center;
}

#footer {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  line-height: 9pt;
  text-align: center;
/*  bottom: 1px; */
  top: 590px;
  font-size: 9pt;
  font-family: Times, sans-serif;
  font-style:italic; 
  width: 98%;
}

#footer p {
}
  

#left_side a {
  margin-left: 15px;
}

#position0 {
  position: absolute;
  left: 26px;
  top: 26px;
}

#position1 {
  position: absolute;
  left: 206px;
  top: 26px;
}

#position2 {
  position: absolute;
  left: 386px;
  top: 26px;
}

#position3 {
  position: absolute;
  left: 26px;
  top: 146px;
}

#position4 {
  position: absolute;
  left: 206px;
  top: 146px;
}

#position5 {
  position: absolute;
  left: 386px;
  top: 145px;
}

#position6 {
  position: absolute;
  left: 26px;
  top: 266px;
}

#position7 {
  position: absolute;
  left: 206px;
  top: 266px;
}

#position8 {
  position: absolute;
  left: 386px;
  top: 266px;
}

#fposition0 {
  position: absolute;
  left: 26px;
  top: 26px;
}

#fposition1 {
  position: absolute;
  left: 206px;
  top: 26px;
}

#fposition2 {
  position: absolute;
  left: 386px;
  top: 26px;
}

#fposition3 {
  position: absolute;
  left: 26px;
  top: 146px;
}

#fposition4 {
  position: absolute;
  left: 206px;
  top: 146px;
}

#fposition5 {
  position: absolute;
  left: 386px;
  top: 145px;
}

#fposition6 {
  position: absolute;
  left: 26px;
  top: 266px;
}

#fposition7 {
  position: absolute;
  left: 206px;
  top: 266px;
}

#fposition8 {
  position: absolute;
  left: 386px;
  top: 266px;
}

#position0 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position1 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position2 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position3 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position4 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position5 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position6 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position7 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#position8 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition0 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition1 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition2 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition3 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition4 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition5 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition6 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition7 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

#fposition8 img {
  height: 116px;
  width: 176px;
  border: 2px solid white;
}

table {
  width: 567px;
}

td {
}

.shadow {
  background: url(../images/shadow.png) no-repeat bottom right;
  float: left;
  margin: 0px;
}

a.gallery, a.gallery:visited {
  display:block; 
/*  color:#fff; */
  text-decoration:none;
  float:left;
  padding: 5px 4px;
  margin: 0px;
  }

a.gallery span {
  position:absolute; 
  width:1px; 
  height:1px;
  left:5px;
  top:0px;
  overflow:hidden;
  background: #fff;
  }

.slidek {
  display: block;
/*  background: url(../images/shadow.png) no-repeat bottom right; */
  margin-left: auto;
  margin-right: auto;
/*  margin-top: 22px; */
  padding-top: 22px;
  color: #fff;
/*  height: 300px; */
  margin-bottom: 0px;
  overflow: hidden;
  }

a.gallery:hover span, a.gallery:active span, a.gallery:focus span {
/*  display: block; */
  position:absolute; 
  width:0px; /* this controls the pos of the rollover */
/*  height: 300px; */
  overflow: hidden;
/*  top: 24px; */ /* this controls the pos of the rollover */
/*  left:7px; */
  margin-left: 22px;
/*  margin-right: 21px; */
  padding:0px;
/*  font-style:italic; */
  }

a.gallery:hover span img, a.gallery:active span img, a.gallery:focus span img {
/*  width: 450px; */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a.gallery img {
/*  position: relative; */
  margin: 0px;
  border: 0px;
  }

span.status a { 
  color: #fff;
}

#left_arrow {
  position: absolute;
  left: 30px;
  top: 485px;
  width: 55px;
}

#left_arrow img {
  float: right;
  text-decoration: none;
  border: none;
}

#right_arrow {
  position: absolute;
  left: 920px;
  top: 485px;
  width: 15px;
}

#right_arrow img {
  float: left;
  text-decoration: none;
  border: none;
}

#thumbs {
  width:810px;
  height: 170px;
}

#scrollbox {
  position: absolute;
  width:800px; 
/*  height:130px; */
  left: -90px;
/*  overflow:auto; */
/*  margin-top:20px; /* relative to first slidek image */
  top: 370px;
/*  margin-left: auto; */
/*  margin-right: auto; */
}

#slidek_caption {
  position: absolute;
  top: -20px;
  text-align: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: bold;
}

#thumb_caption {
/*  position: relative; */
/*  margin-top: 10px; */
/*  color: #444; */
  text-align: center;
  width: 150px;
/*  margin-left: auto; */
/*  margin-right: auto; */
  font-size: 12px;
}

body p, ol, ul, td, a {
  font-family: Times, sans-serif;
  font-size:   14px;
/*  font-style: italic; */
/*  line-height: 18px; */
}

a { 
  color: #666;
  text-decoration: none;
}
a:active { color: #fff; }
a:visited { color: #666; }
/* a:hover { color: #b13333; } */
a:hover { color: #06f; }

/* the ajax dropdown list styles are here */

ul.descriptions {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

ul.descriptions li.selected { background-color: #66f; }

li.description {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
}

div.image {
/*  display:inline; this makes safari crash */
  margin-top: -15px;
  margin-left: -15px;
  float:right;
  width:32px;
  height:32px;
  margin-right:8px;
}

li.description div.name {
  font-weight:bold;
  font-size:12px;
  line-height:1.2em;
}

#list {
  margin:0;
  margin-top:10px;
  padding:0;
  list-style-type: none;
  width:150px;
/*  border:1px solid #888; */
}

#list li {
  margin:0;
  margin-bottom:4px;
  padding:5px;
  border:1px solid #888;
  cursor:move;
}

/* this is the rounded box with drop down shadow */
/* set the image to use and establish the lower-right position */ 

/* following are error message formats */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}