body {background: #ffd; margin:8px;}
body,p,td,h1,h2,h3 {font-family:Arial,Helvetica,sans-serif;}
div#bigbox {clear:both; float:left; width:100%; margin-top:0.5em;}
div#dnav {width:10.75em; margin-left:0; border-style: solid; border-color: black; 
  border-width: 1px 1px 1px 0; float:left; padding-top:4px;}
div#dnav p {margin:0; padding-top:0.5em;}
div#dnav ul {margin: 0.15em auto 0.25em; list-style:none; padding:0;}
div#dnav li {margin:1px 0.25em 0 0; padding:1px 0;}
div#dnav li a {text-decoration:none; font-size:0.8em; display:block; height:100%;
  margin:0 1px 0 0; padding:2px 0.25em; color:#330; background:#ff9;}
div#dnav li a:visited {color:#886;}
div#dnav li a:hover {color:#33f; background:#ff3;}
div#dcon {width:30.5em; margin: auto 0.25em; float:left; background-color:#fff; 
  padding:4px 8px; border:1px solid #ff9;}
div#dcon p {line-height:120%;}
div#foot {clear:both; padding-top:1em;}
h1 {margin:0;font-size:1.3em;}
h2 {margin:0;font-size:1.0em;}
h3 {margin:0;font-size:1.0em;font-style:italic;}
h4 {margin:0;font-size:1.0em;}
#copy {font-size:0.6em;}
.nop {}
div#dcon .auth, div.auth {border-left:2px solid #ace; padding-left:6px;}

div.col3 {float:left; width:270px;}
#picpg h1, #picpg h2 {margin: 0.25em 0;}
#picpg h2 {clear:both;}
#picpg div.picbox {float:left; clear:both;}
#picpg div.picbox p {width:244px; height:220px; float:left; padding-right:4px;}
div.col3 div.picbox p {margin:0.5em 0;}
#photoreturn {clear:both;}

#pview h2 {margin-top:1em;}
#pview div.photos {float:left; clear:both; margin-bottom:1em;}
#pview div.thumbs {background:#ddd; margin:0; padding:0; 
  width:260px; height:580px; float:left;}
@media screen { 
  #pview div.thumbs {overflow:auto;}
}
#pview div.thumbs img {border:none;}
#pview iframe {width:648px; height:580px; margin-left:2px; border:none; float:left;}
#pview p.resizer {width:910px; text-align:right; clear:left; font-size:0.8em}
#pview p.resizer span {cursor:pointer;}