body {
margin:0px;
position:absolute;
overflow-x:hidden;
height:100%;width:100%;
background-color: white;
font-family: verdana, arial, sans-serif;
letter-spacing: 3px;

   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
} 




#canvas {
position:absolute;
display:block;
overflow: hidden;
overflow-y: auto;
width:100%;
height:100%;
background-color: white;
margin:0px;
}

#titsplash {
display:block;
position:absolute;
text-align:center;
text-decoration: none;
color: #999999;
top:15px;
left:15px;
font-size: 1em;

}

#titsplash a{
padding:5px;
text-decoration: none;
color: #999999;
}

#titsplash a:hover{
background-color:#999999;
text-decoration: none;
color: white;
}

#bigdiv{
display:block;
position: relative;
width:100%;
height:0px;
top:50px;
margin:0px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
overflow: hidden;
}

#seriesbar {
border-right:1px solid #999999;
display:block;
float:left;
position: relative;
color: #999999;
font-size: 1em;
width:300px;
height:500px;
margin:0px;
overflow: hidden;
overflow-y: auto;
}


#nbul {
margin:0px;
position:relative;
left:0px;
display: block;
max-height: 500px;
overflow: hidden;
overflow-y: auto;
list-style-type: none;
font-size:0.75em;

}

#nbul ul{
display:inline;
padding:0px;
margin:0px;
list-style-type:none;
}

#nbul ul li{
margin:0px;
padding:0px;

}

#nbul ul li span{
display:block;
margin:0px;
background-color: #cccccc;
color: #666666;
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
border-bottom: 1px dotted #666666;
}

#nbul ul li a{
display:block;
margin:0px;
background-color: #999999;
padding-left:8px;
padding-right:8px;
padding-top:3px;
padding-bottom:3px;
text-decoration: none;
color: white;
border-bottom: 1px dotted #666666;
}

#nbul ul li a:hover{
background-color: white;
color: #999999;
}


#seriesbar .desc {
background-color: #cccccc;
color: #333333;
display:block;
position:relative;
bottom:0px;
font-size: 0.65em;
letter-spacing: 0px;
padding: 5px;
}

#photobar {
display:block;
position:absolute;
overflow:hidden;
float:left;
left:300px;
width:723px;
height:500px;
}

#photoframe	 {

display: block;
position:relative;
float:left;
}

#photonavbar {
display:block;
position: absolute;
overflow: hidden;
float:left;
bottom:0px;
left:0px;
height:125px;
}

a.photothumb {
display:block;
margin: 3px;
border: 2px solid #bbbbbb;
position: relative;
overflow: hidden;
float:left;
top:0px;
left:0px;
background-color: #999999;
width:90px;
height:90px;
text-decoration:none;
color:#999999;
}

a.photothumb:hover {
border: 2px solid #666666;
}

a.photothumb img.static {
width:100%;
height:100%;
border:0px;
position:absolute;

}

.pfloat {
display:block;
position:absolute;
border: 0px;
top:+14px;
left:+14px;
}


#navbarctrl {
position: absolute;
display:block;
text-align:center;
width:100px;
height:25px;
bottom:0px;
}

#navbarctrl a{
text-decoration: none;
position:relative;
color: #999999;
font-size: 1.25em;
font-weight: bolder;
}

#navbarctrl a:hover{
color: #bbbbbb;
}

#nbctrl_right {
float:right;
}

#nbctrl_left {
float:left;
}

#navbarctrl a{
text-decoration: none;
position:relative;
color: #999999;
font-size: 1.25em;
}

#pic{
position:relative;
border:0px solid white;
top:0px;
left:0px;
width:100%;
}

#pfloat{
position:absolute;
float:left;
border:0px solid white;
top:0px;
left:0px;
visibility:hidden;
}

#pfi{
position:relative;
display: inline-block;

overflow: hidden;
border:0px solid white;
background-color: white;
 

}

#packserlnk {
position:relative;
left:0px;
height:100%;
margin:0px;
padding:0px;
border:0px;
}

.serlnk {
display:block;
float:left;
text-align:center;
height:160px;
width:128px;
background-color: white;
color:#999999;
font-size:0.75em;
margin:0px;
padding:0px;
text-decoration:none;
}

.serlnk:hover {
background-color: #999999;
color:white;
}

.serlnk div {
padding:0px;
margin:0px;
display:inline-block;
position:relative;
background-color: #999999;
overflow:hidden;
width: 64px;
height: 64px;
border:1px solid #999999;
}

.serlnk div img.static{
float:left;
padding:0px;
margin:0px;
width: 100%;
height: 100%;
border:0px;
}

.serlnk:hover div {
border:1px solid white;
}

.narrowdiv {
width:75%;
margin-left: auto;
margin-right: auto;
}

.narrowp {
text-align: justify;
font-size: small;
}

.staticbig {
width:60%;
margin-left: auto;
margin-right: auto;
border:0px;
}

.staticbigimg {
width:100%;
border:0px;
}


.statpfloat {
float:top;
position:relative;
display:block;
margin-left: auto;
margin-right: auto;
border:0px;
}

#darkglass {
display:block;
position:absolute;
background-color: black;
background-color: rgba(0, 0, 0, 0.75);
margin-left:auto;
margin-right:auto;
padding:0px;
border:0px;
}

#darkimg{
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
max-height:100%;
border:0px;
}