body {
background: #888888;
margin: 0;
padding: 0;
}

#banner {
margin-top: 10px;
width: 240px;
height: 36px;
border: 1px solid black;
padding: 6px 9px 6px 9px;
background: #999999 url(sixongrey.gif) center center no-repeat;
}

#banner h1 {
display: none;
}

#subtitle {
margin: 12px 18px 12px 32px;
}

#subtitle h2 {
margin: 0;
text-align: center;
font: bold 90% verdana, serif;
color: #5A4A3A;
}

#galtitle {
margin: 0;
font: bold 150% verdana, sans-serif;
color: #CACACA;
}

#pictitle {
margin: 8px 0 4px 0;
font: bold 150% verdana, sans-serif;
color: #CACACA;
}

.thumbnail {
margin-top: 4px;
border: 1px solid #111111;
}

#leftcolumn {
position: absolute;
left: 14px;
top: 0;
width: 260px;
height: 868px;
background: #999999 url(col1bg.gif) top left repeat;
}

#middlecolumn {
width: 320px;
height: 858px;
padding: 10px 10px 0 286px;
border-right: 2px solid #333333;
background: #999999 url(greybg.jpg) top right no-repeat;
}

#rightcolumn {
position: absolute;
left: 626px;
top: 0px;
width: 70px;
}

#container {
margin-left: 24px;
}

#galnav {
margin: 0;
padding: 0;
list-style-type: none;
font: 90% Arial, Helvetica, sans-serif;
}

#galnav li {
margin: 0 0 8px 0;
}

#galnav a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 232px;
background-color: #999999;
background-image: url(buttonbg.jpg);
}

#galnav a:link, #galnav a:visited {
color: #EEEEEE;
text-decoration: none;
}

#galnav a:hover {
border: 1px solid #333333;
background-color: #BB9944;
background-image: url(buttonbgover.jpg);
color: #333333;
}

#prompt {
color: #555;
font: bold 80% "trebuchet MS", sans-serif;
margin: 0 20px 0 34px;
}
#prompt p {
text-align: center;
margin: 0;
}

#otherpages {
margin: 30px 50px 0 56px;
}
#email, #credits {
margin: 16px 34px 0 56px;
}
.box {
background: #9D9D9D;
border: 1px solid #404040;
border-left: 3px solid #404040;
padding: 2px 8px;
}
.box h3 {
margin: 0 0 0.5em 0;
width: 75%;
color: #333;
font-family: verdana, sans-serif;
font-size: 80%;
}
.box ul {
list-style-type: none;
margin: 0 0 0 0.7em;
padding: 0;
}
.box li {
padding-bottom: 8px;
line-height: 100%;
}
.box p {
margin: 0;
color: #555;
font: bold 75% verdana, sans-serif;
}
.box a {
color: #633900;
text-decoration: none;
font-family: verdana, sans-serif;
font-weight: bold;
}
.box a:hover {
text-decoration: underline;
color: #A77D44;
}
#otherpages a {
font-size: 80%;
}
#email a, #credits a {
font-size: 100%;
}

#sevenlogo {
border: 1px solid black;
padding: 56px 2px 4px 10px;
width: 112px;
margin-top: 8px;
background: #FFFFDC url(secretyello.gif) top left no-repeat; 
font: 60% verdana, sans-serif;
}

#sevenlogo a:link, #sevenlogo a:visited {
color: black;
text-decoration: none;
}

#sevenlogo a:hover {
color: #0000FF;
}

#smallimage {
background-color: white;
padding: 8px;
border: 2px solid #333333;
}

#largeimage {
border: 1px solid black;
}

#picnav {
margin: 10px 0 10px 0;
padding-left: 0;
}

#picnav li {
display: inline;
}

#picnav a {
font: bold 70% verdana, sans-serif;
color: #DDDDDD;
background: #888888;
border: 1px solid #452F1A;
text-decoration: none;
margin: 1px;
padding: 2px 5px 2px 5px;
}

#picnav a:hover {
background: #D5AF5D;
color: white;
}

#largepictitle {
position: absolute;
left: 14em;
margin-top: -2.6em;
}
#secretbox {
width: 276px;
margin-top: 12px;
margin-left: 20px;
padding: 60px 8px 12px 8px;
border: 2px solid black;
background: #FFFFDC url(secretyello.gif) top left no-repeat;
}

#secretbox p {
font: 80%/135% verdana, sans-serif;
}

#secretbox a:link {color: black}
#secretbox a:visited {color: black}
#secretbox a:hover {color: #0000FF}
#secretbox a:active {color: #FF0000}

#secretbox em {
color: #3D5E0D;
font-weight: bold;
}

#close {
position: absolute;
width: 67px;
height: 16px;
background-image: url(close.gif);
margin-top: -56px;
margin-left: 213px;
}

#close span {
display: none;
}

#sig {
width: 71px;
height: 56px;
margin: 0 0 0 200px;
background-image: url(sig.gif);
}

#sig h4 {
display: none;
}