body {background:url(img/bg.gif) repeat-y top center #b0e3f2;color:#3a3a3a;font:81% Verdana,Tahoma,Arial,sans-serif;line-height:1.51em;margin:0 auto;padding:0}
* {margin:0;padding:0}
.fleft {float:left}
.fright {float:right}
.fcenter {float:none;text-align:center}
.fclear {clear:both}
.inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
#wrap {background:#fff;color:#303030;margin:0 auto;padding:5px 5px;width:760px}
#header {background:url(img/front.jpg) no-repeat bottom left #fff;color:#505050;height:275px;margin:0 0 10px;padding:0}
#header h1 {font-size:2.5em;font-weight:400;letter-spacing:-2px;margin:0 0 15px 15px;padding:20px 0 0}
#header h1 a,#header h1 a:hover {font-weight:400;padding:0}
#header p {font-size:1.1em;letter-spacing:-1px;margin:0 0 20px 15px;padding:0 0 0 3px}
/* Left sidebar and menu */
#leftside {clear:left;float:left;margin:0 0 10px;padding:0;width:150px}
#leftside ul.avmenu {list-style:none;margin:0 0 18px;padding:0;width:150px}
#leftside ul.avmenu li {display:inline;padding:0;width:150px}
#leftside ul.avmenu li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;border-bottom:1px solid #d8d8d8;border-left:4px solid #ccc;border-right:1px solid #d8d8d8;border-top:1px solid #d8d8d8;color:#505050;float:left;font-size:1em;font-weight:700;margin-bottom:5px;padding:5px 1px 5px 5px;text-decoration:none;width:138px}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg-b.gif) repeat-x bottom left #b0e3f2;border-bottom:1px solid #b0b0b0;border-left:4px solid #505050;border-right:1px solid #b0b0b0;border-top:1px solid #b0b0b0;color:#505050}
#leftside ul.avmenu ul {font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px 0;width:133px}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px;width:123px}
#leftside ul.avmenu ul ul {font-size:1em;width:120px}
#leftside ul.avmenu ul ul a {width:108px}
#leftside h2 {font-size:1.5em;font-weight:400}
#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;border-bottom:1px solid #d8d8d8;border-left:4px solid #ccc;border-right:1px solid #d8d8d8;border-top:1px solid #d8d8d8;clear:left;color:#505050;line-height:1.3em;margin:10px 0;padding:5px 5px 5px;width:134px}
#leftside p,.announce p {font-size:0.9em}
/* Right sidebar */
#extras {float:right;margin:0 0 10px;padding:0;width:160px}
#extras p,#extras ul {font-size:0.9em;line-height:1.3em;margin:0 0 1.5em;padding:0}
#extras li {list-style:none;margin:0 0 6px;padding:0}
#extras h2 {font-size:1.5em;font-weight:400;letter-spacing:-1px;margin:0 0 6px}
/* Main content */
#content {line-height:1.5em;margin:10px 170px 10px 160px;padding:0;text-align:left}
#contentwide {line-height:1.5em;margin:10px 0 10px 160px;padding:0;text-align:left}
#content h2,#contentwide h2 {font-size:1.8em;font-weight:400;letter-spacing:-1px;margin:8px 0 10px;padding:0}
#content h3,#contentwide h3 {font-size:1.5em;font-weight:400;margin:6px 0;padding:0}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px;padding:0}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px}
#content li,#contentwide li {margin:0 0 2px 5px;padding:0 0 0 4px}
/* Footer */
#footer {background:#fff;border-top:2px solid #dadada;clear:both;color:#666;font-size:0.9em;margin:0 auto;padding:8px 0;text-align:center;width:760px}
#footer p {margin:0;padding:0}
#footer a {background:inherit;color:#666;font-weight:400;text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer span {font-size:1.2em}
/* Links and paragraphs */
a {background:inherit;color:#A0C544;text-decoration:none;font-weight:700}
a:hover {background:inherit;color:#71cef5;text-decoration:underline}
a img {border:0}
p {margin:0 0 16px}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;border-bottom:1px solid #d8d8d8;border-left:4px solid #ccc;border-right:1px solid #d8d8d8;border-top:1px solid #d8d8d8;color:#505050;margin:16px;padding:7px 7px 7px 11px}
blockquote p {font-size:1.1em;line-height:1.3em;margin:0}
/* Tables and forms */
table {border:1px solid #d8d8d8;border-collapse:collapse;line-height:1.3em;width:95%;margin:0 0 16px;padding:0}
caption {font-size:1.5em;font-weight:400;margin:0;padding:6px 0 8px;text-align:left}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea;color:#505050;padding:7px;text-align:left}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;color:#303030;font-size:0.9em;padding:7px;text-align:left}
input,textarea {border:1px solid #ccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px}
label {margin:2px 0 2px 0;font-size:1.2em}
input {width:200px}
textarea {width:400px}
/* Search box */
#searchbox label,.hide {display:none}
#searchbox {margin:6px 0 16px;padding:0}
#searchform {background:#fff;border:1px solid #ccc;color:#505050;font-size:0.9em;padding:4px;width:116px}
/* Additional classes */
.announce h2 {margin:0 0 10px;padding:0}
.textright {margin:-10px 0 4px;text-align:right}
.center {text-align:center}
.small {font-size:0.8em}
.large {font-size:1.3em}
.red {color:red}
.green {color:green}
.blue {color:blue}
.highlighted {background:#f0f0f0;border:1px solid #b0b0b0;color:#303030;padding:3px}
.highlightedv {background:#FFCCCC;border:1px solid #b0b0b0;color:#303030;padding:3px}
.highlightedb {background:#b0e3f2;border:1px solid #b0b0b0;color:#303030;padding:3px}
.highlightedg {background:#c0d17a;border:1px solid #b0b0b0;color:#303030;padding:3px}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;border-bottom:1px solid #d8d8d8;border-left:4px solid #ccc;border-right:1px solid #d8d8d8;border-top:1px solid #d8d8d8;color:#505050;font-weight:400;font-size:1.2em;margin:0 0 15px;padding:7px 7px 7px 11px;width:120px}
.left {float:left;margin:10px 10px 5px 0}
.right {float:right;margin:10px 0 5px 10px}

<style type="text/css">

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

.thumbnail:hover img{
border: 3px solid #b0e3f2;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #c0d17a;
padding: 5px;
left: 1000px;
border: 1px solid 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*/
position: absolute;
visibility: visible;
top: 570px;
left: 43%; /*position where enlarged image should offset horizontally */
z-index: 10;
}

</style>