﻿ul#acromenu {
				list-style: none;
				margin: 0;
				padding: 0;
				width: 100%;
}
ul#acromenu li {
				display: inline;
}
ul#acromenu li a {
				text-decoration: none;
				height: 1.5em;
				line-height: 1.5em;
				padding: 0px 0;
				width: 157px;
				background: #000;
				color: #fff;
				float: left;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				border-left: 4px solid #c29b12;
				border-bottom: 6px solid #660066;
}
ul#acromenu li.selected a {
				background: #660066;
				color: #fff;
}
ul#acromenu li.selected a:hover {
				background: #660066;
				color: #fff;
}
ul#acromenu li a:hover {
				background: #a2b3a1;
				color: #000;
}
img#logopic {
				width: 100%;
				height: 90px;
				border: 0px;
}
img#mainpic {
				width: 100%;
				margin:0 auto;
				height: 454px;
				border: 0px;
}
#wrap{
				
				width: 480px;
				margin: 0 auto;

}
body {
				margin: 0;
				padding: 0;
				height: 100%;
}
html {
				margin: 0;
				padding: 0;
				height: 100%;
}
#container {
				width: 801px;
				margin: 0 auto;
				font-family: Arial, Helvetica, sans-serif;
				min-height: 100%;
				position: relative;
				background-color: white;
				
}
#header {
				padding:3px 0 5px 0;
				height: 150px;
}
#body {
				padding-bottom: 1.5em;   /* Height of the footer */
}
#foot {
				position: absolute;
				bottom: 0;
				width: 100%;
				font-family: Arial, Helvetica, sans-serif;
				text-align: center;
				color:teal;
				height: 1em;   /* Height of the footer */
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
padding: 5px;
/*left: -1000px;*/
width:480px;
margin:0 auto;
/*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: 0;
left: -140px; /*position where enlarged image should offset horizontally */

}

