a {
  color:#777777; 
  text-decoration: none;
  font-weight: bold;
  }
  
p {
font-family: Verdana,sans-serif;
font-size: 1em;
  }

a img {
  border: none;
  }

a:visited {
  color:#777777; 
  }

a:hover {
  color:#BABABA; 
  }

img {
  border: none;
  }

html {overflow-y: scroll;}

body {
  color:white;
  background-color:#333333;
  margin: 0;
  padding: 15px 0 15px 0;
  text-align: left;
  font-family: "Trebuchet MS";
  font-size: 11px;
  letter-spacing: .01em;	  
  line-height:1;
  }

/* Header Content
----------------------------------------------- */
#header {
  color:#ff6600;
  text-align:center;
  }

#header ul {
  font: bold 14px "Trebuchet MS";
  letter-spacing: 0.1em;
  margin: 10px 0 0.5em;
  padding:0 0 0.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  text-transform: uppercase;
  }
  
#header li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  } 

#header a {
  color:#777777; 
  }
  
#header a:hover {
  color:#BABABA; 
  }

#header span {
  font: bold 12px "Trebuchet MS";
  letter-spacing: 0.1em;
  margin: 10px 0 0.5em;
  padding:0 0 0.5em;
  list-style:none;
  text-transform: uppercase;
  }
  
#header span a{
  color:#777777;
  font: bold 12px "Trebuchet MS";
  letter-spacing: 0.1em;
  margin: 10px 0 0.5em;
  padding:0 0 0.5em;
  list-style:none;
  text-transform: uppercase;
  }

#header span a:hover {
  color:#BABABA; 
  }
    
#header p {
  line-height:1.5em;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  font-size:10px;
  text-align:center;
  padding-top:10px;
  color:#aaaaaa;
  }

#footer span {
  font-size:8px;
  }

/* Content
----------------------------------------------- */
#content {
  margin: 20px 15px 20px 15px;
  height: auto;
  color:white;
  font-family: "Trebuchet MS";
  font-size: 11px;
  letter-spacing: .01em;
  }

#content span {
  font-size:16px; 
  text-align:justify;
  }

#content p {
  font-size:17px;
  }

/* Other Content
----------------------------------------------- */

#site {
  text-align: left;
  margin: 20px 80px 20px 80px;
  padding: 0px; 
  position: relative; 
  background : #000000 url(tl_9_000000_333333.gif) no-repeat;
  }

#description {
  margin: 20px 0px 20px 0px;
  font-size:16px;
  }
 
#information {
  font-size:16px;
  }

#download {
  color:#ff6600;
  font-weight: bold;
  margin-left: 50px;
  }  
  
#image-links img {
  border: 1px solid white; 
  }

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 9px;
  height : 9px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(tr_9_000000_333333.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(bl_9_000000_333333.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(br_9_000000_333333.gif) no-repeat;
  right : 0;
  bottom : 0;
}