/* HKA Stylesheet */

body
{ background-color: #AEB893;
  font-family: Arial,sans-serif;
  color: #C0C0C0; 
  font-size: 10pt;
  text-align:center;}

a:link
{ background-color: inherit; text-decoration: none; color:#C0C0C0;}
a:visited
{ background-color: inherit; text-decoration: none; color:#C0C0C0;}
a:active
{ background-color: inherit; text-decoration: none; color:#C0C0C0;}
a:hover
{ background-color: inherit; text-decoration: underline; color:#e0a040;}


h1
{ font-size:10pt;
  color:#e0a040;
  margin:0;}
  
h2
{ font-size:90%;
  font-weight:normal;
  text-transform:uppercase;
  margin-top:5px;}
  
h3
{ font-size:8pt;
  margin:0;}

h4
{ font-size:250%;
  font-weight:bold; 
  background-color:inherit;
  color:#cc6600;
  margin:0;}

h5
{ font-size:8pt;
  margin:0;
  color:#000000;}


ul 
{ list-style-image:url(images/bullet.gif);
  margin:20px;
  padding:0;}

li
{ display:block;
  margin-bottom:2px;
  padding:0;}

#header
{ width:750px;
  height:130px;
  margin:auto;
  background-color: #000;
  border:#7F9452 1px solid;}
  
#menu
{ float:right;
  width:150px;
  margin-top:8px;
  text-align:left;
  font-size:80%;
  font-color:#fff;
  background-color:#000;}

#main
{ width:750px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  background-color:#000;
  border:#7F9452 1px solid;}

#content
{ width:510px;
  float:left;
  padding:10px;
  margin-left:3px;
  margin-right:auto;
  margin-top:5px;
  background-color:#000;
  color:inherit;
  font-size:90%;
  text-align:left;}

#sidebar
{ width:190px;
  float:left;
  margin-right:auto;
  margin-left:5px;
  margin-top:5px;
  font-size:80%;
  text-align:left;}

#sidebartop
{ width:190px;
  height:180px;
  float:left;
  margin-right:auto;
  margin-left:5px;
  margin-top:10px;
  font-size:80%;
  text-align:left;}

#sidebarbottom
{ width:190px;
  float:left;
  margin-right:auto;
  margin-left:5px;
  margin-top:20px;
  font-size:80%;
  text-align:left;}
  
#footer
{ width:750px;
  margin-left:auto;
  margin-right:auto;
  padding:8px 0 8px 0;
  background-color:#000;
  font-size:80%;
  color:inherit;
  border:#7F9452 1px solid;}  

.logo
{ float:left;
  text-align:left;}

.smsidedot
{ padding-top:10px;
  border-top:#AEB893 1px dotted;}

  
.img
{ float:right;
  margin-left:5px;
  border:0;}

#gallery-container 
{ position: relative;
width:510px;
  height:350px;
  float:left;
  padding:10px;
  margin-left:3px;
  margin-right:auto;
  margin-top:8px;
  background-color:#000;
  color:inherit;
  font-size:90%;
  text-align: center;
  background: transparent url(images/HKAbw.jpg) center center no-repeat;}

.thumbnail img
{ margin-left:2px;
  margin-top:280px;
  padding:3px;
  border:0;}

.thumbnail:hover
{ background-color: transparent;}

.thumbnail:hover img
{ }

.thumbnail span
{ position: absolute;
  visibility: hidden;
  padding: 10px;
  left: -1000px;
  text-decoration: none;}

.thumbnail span img
{ border-width: 0;
  padding: 2px;}

.thumbnail:hover span
{ visibility: visible;
  top: -275px;
  left: 72px; /*position where enlarged image should offset horizontally */
  z-index: 50}