/* styles.css */

* { /* universal style */
  /* border: 1px dashed #f00; */
  margin: 0;
  padding: 0;
  /* round border */
  -moz-border-radius: 3px;
  border-radius: 3px;
}

body {
 background-color: #cc9966;
 text-align: center;
 /* font-family: tahoma, geneva, sans-serif; */
 font-family: arial, arial, helvetica, sans-serif;
}

#wrapper {
  width: 55em;
  margin: 0 auto 0 auto; /* center the wrapper horizontally */
  background-image: url("images/gradient83244445.png");
  background-repeat: repeat-x;
  color: #993300;
  background-color: #f0f0f0; 
}

#branding {
  /* margin: 0 0 0.5em 0; */
  margin: 0.8em 0 0.8em 0;
}

#branding img{
 border: 0;
 display: block; /* fix gap at bottom of image */
}

#leftcolumn {
  float: left; /* Floats to the left of subsequent elements */
  width: 18em;
  /* margin: 0 0 0 1em; */
  margin: 0 0 0 0.25em;
  padding: 0;
  display: inline; /* fixes a problem with IE6 */
}  

#leftcolumn img{
  width: 100%;
}

#content {
  float: left;
  /* width: 26em; */
  width: 21em;
  text-align: left;
  /* padding: 0 0 0 1em; */
  padding: 0 0.25em 0 0.5em;  
  font-size: 0.9em; 
  font-weight: normal;
  letter-spacing: 0.03em; 
}

#rightcolumn {
  float: right;
  margin: 2.5em 0.5em 0 0;
  /* font-size: 80%; */
  font-size: .8em;
  background-color: #c96;
}

#rightcolumn a,
#rightcolumn a:link,
#rightcolumn a:visited {
  text-decoration: none;
  display: block;
  height: 2em;
  /* height: 2em;*/
  /* width: 8.75em; */
  width: 8.5em;
  line-height: 2em; /* center vertically */
  padding-left: 0.25em;
  /*padding-left: 0.5em; */
  text-align: center;
  background-color: #f0f0f0;
  outline-style: none; /* remove dotted border */
}

#rightcolumn a:hover,
#rightcolumn a:active{
  color: #660000; 
}

#rightcolumn ul{
  list-style-type: none; /* remove bullets from list */
  border-left: double 1px #C96;
  border-right: double 1px #c96;
  border-bottom: double 1px #c96;
}

#rightcolumn li{
  border-top: double 1px #c96;
}

#rightcolumn li:last-child {
  border-bottom: none;
}

#slogan {
 float: left;
 margin: 1em auto;
 width: 100%;
 font-size: 1.25em;
 font-weight: bold; 
}


#lastword {
  float: left;
  /* margin: 1em auto; */
  margin: 0;
  width: 100%;
  font-size: 0.9em; 
  font-weight: normal;
  letter-spacing: 0.03em;
}

#footer {
 clear: both;
 height: 2.75em;
 width: 100%;
 font-size: 0.7em;
}

#footer a {
 font-size: 1em;
 font-weight: bold;
 text-decoration: none;
}

#footer a:link, #footer a:visited {
  color: #993300; 
}

#footer a:hover {
  color: #660000;  
}

#footer a:active {
  color: #993300;
} 

#references {
 height: 18.25em;
 font-size: 14px; 
 text-align: left;
 margin: 0em 2em 0em 2em;
 padding: 0;
}

#references table {
  table-layout: auto;
  text-align: left;
  padding: 0;
  margin: 0;
  border: 0;
}

#references table td {
  padding: .5em;
}

#contactaddress {
  margin: 0em 2em oem 2em;
}

#links {
  vertical-align: middle;
  /* margin: 0 1em 0 1em; */
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  width: 90%;
}

h1,h2,h3,h4,h5,h6 { 
 color: blue;
 font-style:italic;
 text-align:center; 
 margin : 0; }

a:link,
a:visited {
  color: #993300; 
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  outline-style: none;  }

a:hover{
  color: #660000;  
  text-decoration: none;
  font-weight: 700;
  font-size: 14px; }

a:active {
  color: #993300;
  text-decoration:none;
  font-weight:700;
  font-size: 14px; } 

/* style for tables of thumbnail images */
table.thumbs {
  table-layout: auto;
  text-align: center;
  font-size: 4px;
  margin: 0;
  border: 0;
  padding: 0;
  width: 100%;
}

/* style for table cells that contain thumbnails */
td.thumbs {
  vertical-align: middle;
  text-align: center;
  font-size: 4px;
  margin: 0;
  border: 0;
  padding: 0;
}

/* style for thumbnail images */
img.thumbs {
  width: 14em;
  margin: 0 0 0.25em 0.25em;
}