/* This css is similar to the navigation css files found inside each story, but this one requires the threenav background file to be defined in index.html so that each headline can be differently colored*/

/*cant set the margin in threenav container; it screws up the index page*/

#leftbar{
position:relative;
float:left;
height:100%;
margin-right:20px;
text-align:center;
}

/*background image contains 1px black border to avoid cross-browser spacing issues
  this is the lower of the two headline boxes' navigation*/
.threenav{
width:152px;
height:100%;
padding:0px;
border:0px;
margin:0px;
float:left;
text-align:center;
}



/* roll over buttons */	

            /* home button */
            dd#home a{
            margin:0 auto;
            display:block;
            margin-top:10px;
            width:60px;
            height:80px;
            background:url(../nav/homebutton.gif) no-repeat 50% 50%;
            }
            
            dd#home a span{
            display:none;
            }
            
            dd#home a:hover span{
            display:block;
            height:100%;
            background:url(../nav/homebutton_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }



            /* read button */
            
            dd#read a{
            margin:0 auto;
            display:block;
            margin-top:15px;
            width:60px;
            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{
            margin:0 auto;
            display:block;
            margin-top:10px;
            width:60px;
            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{
            margin:0 auto;
            display:block;
            margin-top: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;
            }