body {
margin: 0;
background-image: url(images/tlo.gif);
font-family: tahoma, arial, sans-serif;
color: #fffbd8;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: left;

}
td {
font-family: tahoma, arial, sans-serif;
color: #fffbd8;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-align: left;
}
h1 {
font-family: tahoma, arial, sans-serif;
color: #fffbd8;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
h2 {
font-family: tahoma, arial, sans-serif;
color: #fffbd8;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
h3 {
font-family: tahoma, arial, sans-serif;
color: #fffbd8;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
ul{
list-style-image:  url(images/li.gif);
}
.menu{
color: #3c1d04; 
text-decoration: none;
font-weight: bold;
}
.menu:hover{
color: #ec7b20;
text-decoration: none;
font-weight: bold;
}
a{
color: #ec7b20;
text-decoration: none;
font-weight: bold;
}
a:hover{
color: #3c1d04;
text-decoration: none;
font-weight: bold;
}

.nm{
font-size: 10px;
color: #736f6b; 
text-decoration: none;
font-weight: normal;
}
.nm:hover{
color: #e6672f; 
text-decoration: none;
font-weight: normal;
}
.netmag{
font-size: 10px;
color: #32298b; 
text-decoration: none;
font-weight: normal;
}
.netmag:hover{
color: #e6672f; 
text-decoration: none;
font-weight: normal;
}
.oi{
border-left: 1px solid #EFEDBF;
border-top: 1px solid #EFEDBF;
}
.oi td{
border-right: 1px solid #EFEDBF;
border-bottom: 1px solid #EFEDBF;
}


#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 95% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 95% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%        
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 90px; float: right;  padding-bottom: 0.7em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }