body
{ background: #eee ;
  font-family: Arial,Verdana,Sans-serif;
  color: #999; 
  font-size: 8pt;
  text-align:center;}

h1
{ background-color: #FFF;
  color:#000;
  font-size:14pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:10px;}

h2
{ background-color: #fff;
  color:#000;
  font-size:12pt;
  font-weight:normal;
  margin-top:0;
  margin-bottom:0;}


ul 
{ list-style:none;
  margin:0 5px;
  padding:0;}

li
{ padding:0 4px 8px 10px;
  background: url(images/arw.gif) 0 3px  no-repeat;}


a:link, a:visited, a:active
{ background-color: #fff; text-decoration: none; color:#000000;}
a:hover
{ background-color: #fff; text-decoration: underline; color:#3953a4;}

#header
{ 
  width:750px;
  margin-left:auto;
  margin-right:auto;  
  border:#CCC 1px solid;
  background-color:#FFF;
  color:#000000;}

#main
{ width: 750px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  border:#CCC 1px solid;
  background-color: #FFF;  
  font-size:12pt;
  color:#666;}

#content
{ width:510px;
  float:left;
  padding:20px;
  text-align:left;}
  
#nav
{ width:180px;
  float:left;
  margin-right:5px;
  margin-top:20px;}
    
#footer
{ height:30px;
  width:750px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0;  
  border:#ccc 1px solid;
  background-color: #fff;
  font-size:8pt;
  color:#999;
  text-align:center;}

#footer a:link, #footer a:visited, #footer a:active
{ background-color: #fff; text-decoration: none; color:#999;}
#footer A:hover
{ background-color: #fff; text-decoration: none; color:#3953a4;}

.footer 
{ clear: both; 
  background:#fff;
  color:inherit;
  height:1px;}

.logo
{ width:700px;
  float:left;
  text-align:left;
  padding:15px 0 10px 15px;
  overflow: hidden;}
  
.menu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:12pt;
  padding:35px 15px 0 0;
  float: right;
  overflow: hidden;}

.left
{ width:250px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:left;}

.mid 
{ width:auto;
  padding:10px 0 0 10px;
  margin-left:auto;
  margin-top:0;
  overflow: hidden;
  }
  
.navhead
{ width:170px;
  height:18px;
  padding: 3px 3px 0 5px;
  border:#ddd 1px solid;
  text-align: left;
  font-size:8pt;
  background-color:#f1e524;
  color:#000;}

.navitem
{ width:172px;
  padding: 15px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:10pt;
  font-weight: normal;
  text-align:left;
  color:#000;}
  
.img
{ border:0;}


.thumbnail{
position: relative;
z-index: 10;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 210px; /*position where enlarged image should offset horizontally */
}