html {overflow-x: hidden;overflow-y: hidden;}
body { background-color: #fff; text-align: center; vertical-align: inherit; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; visibility: visible; float: none; clear: none; }
p { }
td { }
a:link { color: #339966; }
a:visited { color: #339966; }
a:hover { color: #339966;}
a:active { color: #339966; font-weight: bold; }
.menubar {text-align: center; position: absolute; top: 0; left: 0; width: 18%; height: 100%; z-index: 5; visibility: visible; float: left; padding: 0; }
.menucell { text-align: center; vertical-align: middle; position: relative; top: 0; left: 0; width: 100%; height: 10%; float: left; clear: none; margin: 0; padding: 01%; }
.bio { text-align: left; text-indent: 0.25in; word-spacing: normal; letter-spacing: normal; vertical-align: text-top; position: absolute; top: 1%; left: 20%; width: 50%; height: 35%; z-index: 3; overflow: auto; float: left; padding: 5px; }
.hrs { text-align: center; }
.pic { text-align: center; vertical-align: middle; position: absolute; top: 1%; left: 71%; width: 28%; height: 34%; z-index: 2; overflow: hidden; visibility: visible; padding: 2.5% 0 0; }
.art { background-position: center; vertical-align: middle; position: absolute; left: 20%; bottom: 0; width: 80%; height: 60%; z-index: 4; overflow: auto; visibility: visible; float: left; }
.artcell { text-align: center; width: 97%; vertical-align: middle; position: relative; top: 0; left: 0; height: auto; visibility: visible; float: left; clear: both; }
.artcell-l { text-align: center; margin: 2.5%; padding: 2.5%; position: relative; top: 0; left: 0; width: 38%; float: left; clear: none; vertical-align: middle; visibility: visible; }
.artcell-r { text-align: center; margin: 2.5%; padding: 2.5%; position: relative; top: 0; width: 38%; float: right; clear: none; vertical-align: middle; right: 0; visibility: visible; }
.mainimage { position: absolute; top: 0; right: 0; width: 70%; height: 60%; float: right; clear: both; margin: 5%; padding: 0; }
.main { font-stretch: normal; position: absolute; right: 0; bottom: 0; width: 70%; height: 15%; overflow: hidden; float: right; clear: both; margin: 5%; padding: 0; }
.left { text-align: center; position: absolute; top: 5%; left: 20%; width: 50%; z-index: 3; overflow: auto; float: left; padding: 5px; }
.right { text-align: center; position: absolute; top: 5%; left: 71%; width: 28%; z-index: 2; overflow: hidden; visibility: visible; padding: 2.5% 0 0; }
.overflow {overflow: auto; }
.gi1 { position: absolute; top: 1%; left:62%; right: 2%; height: 35%; z-index: 2; overflow: hidden; visibility: visible; float: left; }
.gi2 { position: absolute; top: 33%; left:26%; right: 35%; height: 35%; z-index: 3; overflow: hidden; visibility: visible; float: right; }
.gi3 { position: absolute; bottom: 1%; left:62%; right: 2%; height: 35%; z-index: 2; overflow: hidden; visibility: visible; float: left; }
.gt1 { position: absolute; top: 1%; left: 22%; width: 38%; height: 31%; z-index: 4; overflow: auto; visibility: visible; }
.gt2 { position: absolute; top: 38%; right: 1%; width: 33%; height: 24%; z-index: 4; overflow: auto; visibility: visible; }
.gt3 { position: absolute; bottom: 1%; left: 22%; width: 38%; height: 28%; z-index: 4; overflow: auto; visibility: visible; }
img { max-width: 100%; max-height: 100%; }