@import url(table.css);
html {background-color:#396faa;}
body {color:white; font:0.8em 'Century Gothic','Lucida Grande',Verdana,Arial,Sans-Serif;}
body {margin:0; padding:0;} /*IE5 rendering bug when logo.css is in use*/
h1, h3, h3 a {color:#ff9; margin:0; padding:0;}
h1 {font-size:2.1em;}
h3 {font-size:1.2em;}
ul {list-style-image:url(/images/listimage.gif);}
strong {color:#ff9;}
a {color:white;}
a:visited {color:silver;}
a:hover, a:active {color:aqua; background-color:navy;}
a img {border:1px solid #ccc;}
a:active img,a:hover img{border:1px solid navy; background-color:transparent;}
.nav {bottom:auto; right:1em;}
.nav {overflow:hidden; margin:0px; padding:0px; background-color:#88e; font-weight:bold;}
.nav {position:absolute; left:5px;} /*IE bug: it only renders position:fixed in and */
html>body .nav {position:fixed; left:auto;} /*Firefox read this*/
.nav a, .nav a:visited {overflow:visible; color:#9ff;}
p#where {top:1em;}
p#counter {display:none;} /*IE rendering problem; so hiding*/
p#counter {top:2.5em;} /*IE read this*/
html>body p#counter {top:3em; bottom:auto; left:auto; right:1em;} /*Firefox read this*/
html>body p#counter {width:15em; text-align:center; display:block} /*Firefox read this*/
.note {font:italic 1.1em times,serif;}
div#content {padding:5px;}
div#content h1 {padding-top:1em; padding-bottom:0.2em; border-bottom:3px groove #03f;} /*replace
*/
div#content h3.albumGroupName {margin-top:1.5em; margin-bottom:1.5em;}
div#footnote {padding-top:0.5em; border-top:3px ridge #03f; font:1em times,serif;} /*replace
*/
/*div.back2top {visibility:hidden;} */ /*IE xhtml anchor id reference bug; unsolved, so hiding*/
div.back2top {margin:0.5em; margin-top:2em; text-align:center; background-color:#88e; font-weight:bold;}
div.back2top {position:relative; left:auto; right:5px; width:120px;}
div.back2top a:visited {color:white;}
html>body div.back2top {visibility:hidden;} /*Firefox read this*/
#head h1, .skip a {position:absolute; overflow:hidden; width:0; height:0;}
.skip {margin:0; padding:0;}
/* use by index.html and contact.html */
div#outerWrapper {margin-top:90px; text-align:center;}
div#innerWrapper {margin:auto; width:600px; height:228px; background-image:url(/images/bg2-wide.png);}
div#logoBlock {padding:8px 0 8px 8px; width:50%; float:left;}
div#textBlock {padding:8px 0; text-align:left; vertical-align:middle;}
/* use by album_index.html */
#thumbnailsTable {background:#dee6e6; font-size:0.9em; margin:10px; padding:10px; text-align:center; overflow:visible;}
div.thumbnail {float:left; width:150px; height:150px; margin:1px 4px; overflow:hidden;}
img.isThumbnailOnly {position:absolute; overflow:hidden; width:0; height:0;}
div.albumName {text-align:center; float:left;}
div.albumName {height:175px;} /*added to overcome IE v6,7 bug*/
div.noJavascriptWarning {background:#fff6bf url(/images/exclamation.png) center no-repeat; background-position:15px 50%;
text-align:left; padding:5px 20px 5px 45px; margin:4px 0 4px 0;
color:black; border-top:2px solid #ffd324; border-bottom:2px solid #ffd324;}
/* use by album_photos.html*/
div#thumbnailIndexBar {position:fixed; top:0; left:0; width:100px; margin:0; padding:0; overflow:scroll; text-align:center; float:left;}
div#thumbnailIndexBar {height:auto;} /*IE read this*/
html>body div#thumbnailIndexBar {height:100%;} /*Firefox read this*/
div#thumbnailIndexBar div.thumbnailIndex {max-width:100px;}
img#photo {border-right:3pt inset gray; border-bottom:3pt outset gray;}
img#photo {height:500px;} /* 370px */
img#photo, object#video {clear:both; margin-top:0.5em; margin-bottom:0.5em;}
html>body img#photo, html>body object#video {height:auto; max-height:500px;}
div#mainPhoto {height:100%;} /*added to overcome IE bug*/
div#mainPhoto {margin-top:1em; margin-bottom:1em; text-align:center;}
div#mainPhoto {background:#DEE6E6; padding:0.5em;}
.caption {color:black;}
.caption a, .caption a:visited {color:blue;}
.caption a:active, .caption a:hover {color:aqua;}
#previous, #next {margin-left:3em; margin-right:3em;}
#previous a, #next a {font-weight:bold;}