@charset "utf-8";





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





/* ========================================================== */

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

/* ========================================================== */







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



#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 */

#nav-panel {	                                 /* screen width x navbar height */
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:0 0 0 0;       /* compensate for 4px border */

	padding:0;
	border:2px solid crimson;
	z-index:1100;
	}



/* BACKGROUND CHOICES - ADD HERE */



/* Global Properties  */

#nav-panel ul      {list-style-type:none;}  /* no list bullets */
#nav-panel ul li a {text-decoration:none;}   /* no link underlines */
#nav-panel ul.tabset.on {
	margin:0;        /* supress margin for x-compatability  */
	padding:0;       /* no padding for x-compatability */
	}


/* ==== TAB RULES====*/
/* TABSET CONTAINER */

#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 */

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

/* Active Tab Container */

#nav-panel ul.tabset.on li.tab.n.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 */

#nav-panel ul.tabset.on li.tab.on.active a {      /* toggle off 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; width:auto;
	color:darkred;
	background-color:transparent;
	padding:0 3px 0 3px;
	z-index:1610;                  /*!! still does not put active or hovered tabs on top */
	}

/* Inactive Tab Elements  */

#nav-panel ul.tabset.on li.tab.on.inactive a {
	margin-left:0px;
	color:darkred;
	font-family: "Trebuchet MS", arial, verdana, Geneva, san-serif;
	font-size:1em;
	font-weight:400;
	padding-left:0px;
	padding-right:10px;
	background-color:transparent;			        /* graphic show-through */
	border:0px;
	z-index:1600;
	}

/* Hover Inactive Tab */

#nav-panel ul.tabset.on li.tab.on.inactive a:hover {
	padding:0px 2px 0px 2px;
	font-size:1em;
	z-index:1630;
	}

/* NAVBAR ELEMENTS  */
/* Navbar  Graphics */

#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;
	}



/* ========================================================== */

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

/* ========================================================== */

#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;
	}

#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 */
	}

#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;
	}

#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:20;
	}

#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;
	}

#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 */

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

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

#subnav-panel li#subtab00 a,		  /* dflt previous page tab */
#subnav-panel li#subtab0 a {        /* dflt top of page tab */
	background-color:#2f4f4f;
	text-background-color:#ffff99;
	color:red;
	}

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

/* special color arrow */

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

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

/* END OF NAVAGATION STYLESHEET */