@charset "utf-8";


/* CSS NAVBAR - FHK-CSS-STYLES/navigation.css */


/* ========================================================== */
/* ================= MAIN HORIZONTAL NAVBAR ================= */
/* ========================================================== */ 



/* NAVBAR WRAPPER */                   /* FULL-WIDTH BANNER */

div#navwrap                            /* screen width x navbar height */

	{position:relative;
	 top:0;                            /* old top:-1em;  */             
	 left: 0;
	 margin:0;
	 padding:0;
	 border:0;
	 width:100%;                       /* relative to pagewrap */
	 height:5.6em;                     /* = 89.6px  */
	 z-index:1000;
	 }



/* MAIN NAVIGATION PANEL */	                     /* FULL-WIDTH NON-SCROLLING CHERRY-BG */ 
	 
div#nav-panel	                                 /* screen width x navbar height */
	    {position:fixed;
         top:0;
		 left:0;
		 width:100%;
		 margin:0 0 0 0;       /* compensate for 4px border */
		 height:5.6em;         /* full height */
		
		 padding:0;
         border:2px solid crimson; 
		 z-index:1100;
         }
		 
/* BACKGROUND CHOICES - ADD HERE */


					 
div#nav-panel.sunrise-on

		 {background:url("../PM-GRAPHICS/sunrise_1010x269.jpg")
					 repeat top left black;
					 }

/* Global Properties  */

div#nav-panel ul      {list-style-type:none;}  /* no list bullets */
div#nav-panel ul li a {text-decoration:none;}   /* no link underlines */

div#nav-panel 
	ul.tabset.on

		{margin:0;        /* supress margin for x-compatability  */
         padding:0;       /* no padding for x-compatability */
		 }
		 
		 
/* ==== TAB RULES====*/

/* TABSET CONTAINER */

                                
	
div#nav-panel 
	ul.tabset.on                       /* tabbed navigation with single static submenu */
	
		{position:absolute;
         top:4em;                     /* sit tabs on bottom of panel */
		 left:80px;                    /* first tab after blossom */
         height:46px;                  
		 width:100%;
		 background-color:none;
		 z-index:1500;                  
		 }
		 
/* All Tabs */

div#nav-panel
    ul.tabset.on li.tab 
 	
     {margin:0 0 0 0;
	  padding:0 1.5em 0 0px;           /* orig: 20px; separate list items, put 'contacts' over frances photo  */
      width:auto;                   /* size to fit */
      float:left;                   /* horizontal list */
		  }


/* Active Tab Container */

div#nav-panel ul.tabset.on 
	 li.tab.on.active
	
		   {margin:0 0 0 0;            /* compensate for border active tab     */
		    width:auto;
			background-color:none;        /* don't block graphic */
			z-index:1600;                  /*!! no effect ???       !!*/
			}
			
			
/* Active Tab Element */         /* stationary, positioned, indicating selection */

div#nav-panel 
	ul.tabset.on li.tab.on.active a

			{border:2px ridge crimson;    	/* toggle off when hovering another tab */
	
			 font-family: "Trebuchet MS", arial, verdana, Geneva, san-serif;
			 font-size:1.2em;               /* orig 1.2em; otherwise, book tab submenu doesn't fit in menu box */
			 margin:0 0 0 0;
			 color:crimson;
			 background-color:black;
		     padding:0 3px 0 3px;
			 z-index:1610;                  /*!! still does not put active or hovered tabs on top */
              }

/* Inactive Tab Elements  */

div#nav-panel ul.tabset.on 
li.tab.on.inactive a

			{margin-left:0px;
			 color:darkslateblue;
			 font-family: "Trebuchet MS", arial, verdana, Geneva, san-serif;
			 font-size:1.4em;
			 font-weight:400;
			 padding-left:0px;
			 padding-right:10px;
			 background-color:none;			        /* graphic show-through */
			 border-bottom:none;
			 z-index:1600;
             }
			 
/* Hover Inactive Tab */

div#nav-panel ul.tabset.on 
li.tab.on.inactive a:hover

      {color:red;
	   border: 3px ridge crimson;
	   background-color:black;
	   padding:0px 2px 0px 2px;
	   font-size:1.2em;
	   z-index:1630;
	   }

/* NAVBAR ELEMENTS  */

/* Navbar  Graphics */

div#wordsworth.graphic 

	   {position:absolute;
        top:1em;
		right:1em;
        border:2px solid crimson;
		width:58px; 
		height:66px;
		z-index:1200;
		}
		

div#frances.graphic    

	   {position:absolute;
        top:3px;
		right:120px;
        border:none;          /* 2px solid crimson; */
		width:86px;
		height:85px;
		z-index:1200;
		}
		

		
		
/* ========================================================== */
/* ================= RIGHT SIDE VERTICAL BOOKBAR ============ */
/* ========================================================== */ 


/* BOOKWRAP */                           /* RIGHT SIDE */
			
			
div#bookwrap  {position:relative;			   
               display:block;
			   float:right;
			   top:0;                         /* vertical ceiling at bottom of navwrap */
			   width:6.65em;                      /* 6.65em;  */                
		                                      /*	   min-height:125em;   */
			   height:auto; 			      
			   margin:0 -2em 0 0;
			   padding:0 0 0 0;
			   border:none;                   /*uses surrounding container borders */
			   background-color:none;			  /* set in local css */
			   z-index:100;                   /* keep equal to panelwrap index      */
			   }
							        
			
			
			
			    /* shared with bookbar border */
			
					

				
div#bookbar  {position:relative;
			   width:6.5em;                /* match bookwrap */
			   top:2em;
               display:block;			  			   
		/*	   min-height:125em;    */
			   height:auto;              /* to lengthen book-bar */	
			   margin:0 0 0 0;
			   padding:0 0 0 0;
			   border:none;                    /*uses surrounding container borders */
			                          /* background:black;  handle in markup */
			   z-index:100;                    /* keep equal to bookpane index      */
			   }


.book-cover.in-print    
          {position:relative;
		    top:0;
			width:5.5em;
			height:6.25em;
            margin:0 0 0 0;
		    padding:0px 0 0 .5em;
			border:none;
			background:#000000;
			color:#ffffff;
			z-index:200;
			}
					
.book-cover.coming-soon
				
		   {position:relative;
			top:0;
			width:5em;
			height:6.25em;
			margin:0 0 0 0;
			padding:1.25em 0 0 .2em;
			border:none;
			background:#000000;
			color:#ffffff;
			z-index:200;
		    }
				
				
div.book-cover.on 
      {display:block;
	   z-index:99
	   }
			   
div.book-cover.off
			{display:none;
			 z-index:-1}





/* ========================================================== */
/* ================= HORIZONTAL SUBNAVIGATION BAR =========== */
/* ========================================================== */ 			 


div#subnavwrap                                        
   
		   {position:relative;
		    clear:left;
		    float:left;	
			top:0;
			margin:0 0 0 0;
			padding:0 0 0 0;      
			width:91.5%;                               
			height:2.8em;          
			border:none;
			background-color:black;  
			z-index:1600;               
			}			
			
			
			
div#subnav-panel

		   {position:fixed;
			top: 5.7em;                /* adj for fixed relative to browser window */
			left: -.02em;
			width:90%;            /* 55.2em; */
			height:2.5em;           	
			margin:0 0 0 0;
			padding:0;						
		    background-color:black;       /* needed to over-layer panelwrap; local class/z-index do not work */
			border:2px solid silver;
			z-index:1600;                 /* insufficient */
			}
	
div#subnav-panel ul

			{position:fixed;
			
			 width: auto;                     /* horizontal space for list aggregate */
			 height:2em;                     /* ? */
			 border:0;
			 margin:.6em 0 0 0;              /* vertical text box alignment */
			 padding:0 0 0 .5em;             /* left margin - centering */
			 vertical-align:middle;
			                                /* bg color set in markup */
			 z-index:20000;
			 }
	 
 
div#subnav-panel li
     
			 {display:inline;
			  list-style:none;
			  vertical-align:middle;
			  width:auto;
			  margin-right:1.5em;             /* inter-tab spacing */
			  padding:0 0 0 0;
			  border:1px solid #990000;
			  z-index:20000;
			  			  
			  }
	  
div#subnav-panel li a 
						{text-decoration:none;
						 padding:0 1.0em 0 10px;   /* horizontal text alignment */
						 font-family: "Trebuchet MS",Arial, Helvetica,Geneva,
                                       Verdana,"Nimbus Sans L",sans-serif;
						 font-style:bold;
						 font-size:1em;
						 color:#d3d3d3;
						
						 background-color:#2f4f4f;
						 z-index:2000;
						 }
						 
div#subnav-panel li a:hover {font-family: "Trebuchet MS",Arial, Helvetica,Geneva,
                            Verdana,"Nimbus Sans L",sans-serif;
						   font-style:bold;
						   font-size:1em;
						   background-color:#f0e68c;
						   color:#000033;
						   }


/* Adjust seperation for arrow tabs */

div#subnav-panel li#subtab00,		  		 
div#subnav-panel li#subtab0		{margin-right:0.1em;}      /* arrow separation */     

div#subnav-panel li#subtab1		{margin-left:1em;}         /* first tab separation */



 							   

div#subnav-panel li#subtab00 a,		  /* dflt previous page tab */				 
div#subnav-panel li#subtab0 a         /* dflt top of page tab */

						{background-color:#2f4f4f;
						 text-background-color:#ffff99;
						 color:red;
						 }
						 
						 						 
div#subnav-panel li#subtab00 a:hover,						 
div#subnav-panel li#subtab0 a:hover 

						{background-color:#2f4f4f;
						 background-color:#add8e6;
						 color:red;
						 }

/* special color arrow */
						 
div#subnav-panel li#subtab99 a 

						{background-color:#ffff99;
						 color:#339933;
						 }
						 
div#subnav-panel li#subtab99 a:hover 

						{background-color:#339933;
						 color:#ffff99;
						 }

						   
					 
						 

/* END OF NAVAGATION STYLESHEET */