html { height:100%; max-height:100%; padding:0; margin:0; border:0; font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #333333; letter-spacing: 1px; background: #88B3D5 url(img/sea.jpg) no-repeat bottom left; /* hide overflow:hidden from IE5/Mac *//* \*/overflow: hidden; /* */ }

body {
height:100%;
max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content { font-size: .9em; line-height: 1.5em; display:block; height:100%; max-height:100%; overflow:auto; padding-left:210px; padding-right: 60px; position:relative; z-index:3;}

h1, h2, h3, h4 { line-height: normal; color: #006699; margin-bottom: 10px; letter-spacing: 1px; }

h1 {font-size: 1.6em;margin-top: 20px;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.2em;}
h4,h5,h6 {font-size: 1em;color: #006699;}

#head { position:fixed; margin:0; top:0; right:19px; display:block; width:100%; height:100px; font-size:4em; z-index:5; color:#fff;}

#left {position:fixed;left:0;top:0;margin: 0px;height:100%;width:200px;font-size: .9em;color:#fff;z-index:4;background: transparent url(img/palm.gif) no-repeat 0% 0%;}

* html #head, * html #foot,* html #left {position:absolute;}

.imgleft {float:left; top:100px; left:150px; height:150px; width:150px; background:#CEDFEF; border:1px solid #545454; margin:5px 10px 0 0;}

/* Photo Zoom CSS */

div.zoom {float:left;margin:6px 10px 5px 0px;}

div.zoom img {width:100px;border:1px solid #006699;background: url(img/opaque.png) repeat;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;opacity:0.7;}

div.zoom span.caption {display:none;}

div.zoom a:hover {padding:0px;}
/* IE needs this in the above selector */

div.zoom a:hover img {width:300px;margin-bottom:5px;background: transparent;filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00;opacity:1;}

div.zoom a:hover span.caption {width:300px;display:block;background: #d4eaff;border:1px solid #006699;font-family:verdana,sans-serif;text-decoration:none;font-size: 0.8em;line-height:1.4em;font-weight: normal;color:#333;}

div.zoom a:hover span.inner {display:block;padding:2px 5px;}
/* above used to avoid the IE box model hack */

/* End Photo Zoom CSS */ 

div.hr {height: 36px;background: transparent url(img/hr.gif) no-repeat bottom center;}

div.hr hr {display: none;}

#navlist {margin:0;padding: 20px 0 0 10px;}

#navlist ul {margin:0;padding: 0;}

#navlist li {list-style-type: none;margin:0;}

#navlist a, #navlist a:visited {display:block; padding-left: 4px;width:180px; text-decoration:none; color:#FFFF99; font-weight:bold; line-height:25px;outline:none;}

#navlist a:hover {color:#333;background: url(img/opaque.png) repeat;filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70;opacity:0.7;}

a, a:visited {color: #fff;font-weight: bold;outline:none;}

a:hover {color: #FFFF99;font-weight: bold;text-decoration: none;}

#content ul{margin-left: 20px;padding-left: 0;list-style: none;}

#content li{padding-left: 20px;background-image: url(img/list.gif);background-repeat: no-repeat;background-position: 0 5px;position: relative;}