body { background-color: #505050 }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: #333
}

p { margin: 0px 1px 4px 3px }

h1 {
    font-size: 24px;
    border-bottom: 1px solid #505050;
    margin: 0px 1px 4px
}

h2 {
    font-size: 18px;
    margin: 0px 1px 4px
}

form { margin-top: 8px }

label, input, textarea, button {
    margin-top: 2px;
    margin-right: 2px
}

label, input { height: 20px }
input, textarea { width: 200px }
textarea { height: 120px }

label, button, input.button {
    display: block;
    float: left;
    width: 100px
}

button, input.button {
    border: 1px solid #505050;
    background-color: #cfcfcf;
    color: #333
}

button:hover, input.button:hover { background-color: #eee }

a { color: #335 }
a:visited { color: #113 }
a:hover { color: #669 }

#doc {
    border: 4px solid #aaa;
    background: #eaeaea;
/*    position: absolute; */
/*    top: 50%;*/
    left: 50%;
    height: 604px;
    /*margin: -306px 0px 0px -377px;*/

/*    height: 454px;
    margin: -231px 0px 0px -377px;*/
}

#hd, #ft {
    background: url(../img/gradient.png) top;
    height: 64px;
}

#hd { border-bottom: 1px solid #505050 }
#ft { border-top: 1px solid #505050 }

#hd span {
    padding: 8px;
    font-size: 38px;
    float: left;
}

#hd ul, #ft ul {
    margin: 20px 12px;
    #margin: 10px 12px;
}

#hd ul { float: right }
#ft ul { float: left }

#hd ul li, #ft ul li { float: left }
#hd ul li { margin-left: 5px }
#ft ul li { margin-right: 5px }

#hd ul li a, #ft ul li a {
    border: 1px solid #505050;
    padding: 8px 10px 8px 10px;
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight:bold;
    #zoom: 1;
    #background-color: #aaa;
}

#hd ul li a:hover, #ft ul li a:hover {
    background: rgba(255, 255, 255, 0.7);
    #background-color: #ddd;
}

#imgNav {
    width: 357px;
    height: 448px;
    margin: 12px 6px 12px 12px;
    _margin: 12px 2px 12px 4px;
    border: 1px solid #505050;
    background-image: url(../img/pebbles.jpg);
    display: table;
    #position: relative;
    overflow: hidden;
}


#imgNav ul {
    width: 357px;
    #position: absolute;
    #top: 50%;display: table-cell;
    vertical-align: middle;
}

#imgNav ul li {
    margin: 10px 0px 10px 0px;
    float: right;
    #position: relative;
    #top: -50%
}

#imgNav ul li a {
    display: block;
    text-align: center;
    background: rgba(128, 128, 128, 0.5);
    width: 180px;
    text-decoration: none;
    color: #eaeaea;
    font-size: 35px;
    #color: #333;
    #background-color: #ddd;
    #filter: alpha(opacity = 80);
}

#imgNav ul li a:hover {
    background: rgba(128, 128, 128, 0.7);
    #background-color: #aaa;
}

#contentContainer {
    width: 355px;
    padding: 12px 12px 12px 6px;
    height: 450px;
}

#content {
    width: 357px;
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

#content strong { font-weight:bold }

#content em { font-style:italic }

#galDesc {
    width: 357px;
    height: 184px;
    /*height: 109px;*/
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 4px;
}

#galNav {
    position: absolute;
    text-align: center;
    height: 196px;
    width: 357px;
    margin-bottom: 75px;
    overflow-x: hidden;
    overflow-y: auto;
}

#galNav img {
    width: 85px;
    height: 71px;
    margin: 0px 2px 2px 0px;
    border: 1px solid #505050;
}

/* Guestbook */
.guestbookEntry .info {
    background-color: #C3C3C3;
    padding: 4px;
}

.guestbookEntry .message {
    padding: 4px;
    border-bottom: 1px solid #505050;
    margin-bottom: 8px;
}

/* Links */
ul.links li {
    list-style: disc inside none;
    margin-bottom: 3px
}