body {
font-family: Tahoma, Verdana; 
font-size: 11px; 
color: #999999; 
font-weight: normal;
}

table, td {
font-family: Tahoma, Verdana; 
font-size: 11px; 
color: #999999; 
font-weight: normal;

}


p {
font-family: Tahoma, Verdana; 
font-size: 11px; 
color: #001C4B; 
font-weight: bold;
}

.pas_gora{
background-color: #001c4b;
}

.pas_dol{
background-image: url(images/dol.gif); 
}

.nm{
color: #999999; 
text-decoration: none;
font-weight: normal;
}
.nm:hover{
color: #e6672f; 
text-decoration: none;
font-weight: normal;
}
.netmag{
color: #1929be; 
text-decoration: none;
font-weight: normal;
}
.netmag:hover{
color: #e6672f; 
text-decoration: none;
font-weight: normal;
}

.main{
position: absolute;        
left: 0px;
top: 0px;
margin: 0 auto 0 auto;
}

.borderTable{
border-left: 1px solid #999999;
border-top: 1px solid #999999;
}

.borderTable td{
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

a{
font-family:  Tahoma, Verdana; 
font-size: 11px; 
color: #001c4b; 
text-decoration: none;
font-weight: normal;
}
a:hover{
font-family:  Tahoma, Verdana; 
font-size: 11px; 
color: #e6672f; 
text-decoration: none;
font-weight: normal;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position:absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 5;
background: #001c4b;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: center;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #001c4b;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
background-color: #001c4b;
border: #e6672f 1px solid;
padding: 5px;
width: 200px;
z-index: 5;
}

#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 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% 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: 26px; float: right;  padding-bottom: 0.7em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
	}