html { height:100%; max-height:100%; padding:0; margin:0; font-family: Arial;font-size: 100%;color: #000000; letter-spacing: 1px; background: #88B3D5 url('img/Gay_Head_cliffs.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: 1.0em; line-height: 1.3em; 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: #000099; margin-bottom: 20px; letter-spacing: 1px }

h1 {font-size: 1.75em;margin-top: 20px;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.50em;}
h4,h5,h6 {font-size: 1.25em;color: #0066CC;}

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

#foot {position:fixed;margin:0;bottom:-1px;right:18px;display:block; width:100%; height:80px; background: transparent; color:#fff; text-align:right; font-size:1em; z-index:4; }

#left {position:fixed;left:0;top:0;margin: 0px;height:100%;width:200px;font-size: 1.0em;color:#FFFFFF;z-index:4;background: url('img/Rock_Nav.jpg') no-repeat;}

* 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:200px;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:350px;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:350px;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-left:10px; padding-right:0; padding-top:40px; padding-bottom:0}

#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:#0000FF; 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: #800080;font-weight: bold;outline:none}

a:hover {color: #FFFF00;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;}