#three_nav_bugBack{
position:absolute;
left:0;
top:0;
width:110px;
height:40px;
background-color:#383229;
z-index:1;
}
	
#leftbar{
float:left;
margin:0px;
width:100px;
z-index:5;
}

#var_threenav_bug{
position:relative;
left:3px;
width:100px;
height:40px;
padding:0px;
margin:0px;
background:#383229 url('bug.gif') no-repeat 50% 50%;
z-index:5;
overflow:hidden;
}

.threenav_border{
position:relative;
margin:0px;
width:100px;
padding:0px;
border:0px;
background:url(../threenav_top.gif) no-repeat 0 0;
height:2px;
}


#threenav{
margin:0px;
width:100px;
padding:0px;
border:0px;
text-align:left;
height:270px;
}



/* roll over buttons */	

            /* read button */
            
            dd#read a{
            display:block;
            width:60px;
						margin-left:22px;
						margin-top:10px;
						margin-bottom:10px;
            height:80px;
            background:url(../nav/read.gif) no-repeat 50% 50%;
            }
            
            dd#read a span{
            display:none;
            }
            
            dd#read a:hover span{
            display:block;
            height:80px;
            background:url(../nav/read_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }
            

            /* watch buttons */
            dd#watch a{
            display:block;
            width:60px;
						margin-left:22px;
            margin-bottom:10px;
            height:80px;
            background:url(../nav/watch.gif) no-repeat 50% 50%;
            }
            
            dd#watch a span{
            display:none;
            }
            
            dd#watch a:hover span{
            display:block;
            height:100%;
            background:url(../nav/watch_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }
            
            /* listen buttons */
            dd#listen a{
            display:block;
						margin-left:22px;
            margin-bottom:10px;
            width:60px;
            height:80px;
            background:url(../nav/listen.gif) no-repeat 50% 50%;
            }
            
            dd#listen a span{
            display:none;
            }
            
            dd#listen a:hover span{
            display:block;
            height:100%;
            background:url(../nav/listen_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }
			
			/*this is to preload the rollovers*/
			.preload{
			display:none;
			}
			
















/*this container sits under the actual story nav, and reaches beyond it to set the 
background for the related links section, in bottom right*/
#storynav_container{
float:right;
clear:none;
width:90px;
padding:0px;
margin:0px;
border:0px;
height:360px;
margin-left:20px;
}

/* top-right story navigation */
#storynav{
width:90px;
height:100%;
border:0px;
margin:0px;
float:right;
text-align:left;
overflow:hidden;
}

 						

          /* h4 margins are the first spacings for the story title links*/
          #storynav_header{
					margin:0;
					text-align:center;
         	padding:0;
					width:89px;
					padding-bottom:5px;
					margin-top:5px;
					border-bottom:1px solid white;
					margin-bottom:10px;                          
          }

          /* h3 margins are the first spacings for the section titles links*/
          #storynav h3{
          font:11px verdana;
          color:#484c4c;
          margin:0;
					text-transform:uppercase;
          padding:0;
          }
          
                  /* sections div indents next set of h3 tags to show they are sections of the title */
                  #sections{
                  margin:0;
                  padding:0;
                  margin-left:3px;
									width:100%;
                  }
                  
                  /*h4 is the link under the section name*/
                  
                  #storynav h4{
                  display:block;
                  font:8px verdana;
                  display:inline;
                  color:#484c4c;
                  font-weight:normal;
                  margin:0;
                  padding:0;
                  }
                  
      									/*pages table arranges titles next to tiny bugs*/
                        .pages{
                        margin:0;
												margin-top:2px;
												margin-bottom:8px;
                        width:85px;
                        padding:0;
                        text-align:left;
                        }
                        
                        .pages tr{
                        height:22px;
                        padding:0px;
                        border:0px;
                        margin:0px;
                        }
                        
                        .tdtitles{
                        height:22px;
                        padding:0px;
												width:45px;
                        border:0px;
                        margin:0px;
                        text-align:left;
												vertical-align:middle;
                        }
                        
                        .tdimgs{
                        height:22px;
                        padding:0px;
												width:26px;
                        border:0px;
                        margin:0px;
                        text-align:center;
												vertical-align:middle;
												  /* for IE */
                          filter:alpha(opacity=80);
                          /* CSS3 standard */
                          opacity:0.8;
                          }

												
                        #storynav a:link{
                        color:#484c4c;
												text-decoration:none;
                        }
												
												#storynav a:visited{
                        color:#484c4c;
												text-decoration:none;
												}
												
                        #storynav a:hover{
                        color:#484c4c;
                        text-decoration:underline;
                        }
												
												#storynav a:active{
                        color:#484c4c;
												text-decoration:none;
												}
												
												
                        
                        
                        .pages img{
                        border:0;
                        margin:0;
                        padding:0;
                        width:20px;
                        height:18px;
                        vertical-align:middle;
                        }


																	
#relativelinks{
position:relative;
float:right;
clear:right;
width:85px;
border:0px;
margin:0px;
padding:0px;
margin-top:30px;
margin-right:1px;
text-align:center;
}