/******************************************************************
 
 
   LAYOUT
    for Kate's Work
	taken from old "menu_layout" sheet 
	Ver. 3.0 Copyright © Catherine M. LaBore
	November 10, 2007 Santa Monica, CA
	
	
	****************************************************************/
	

body  {
	padding: 0;
	text-align: left;
	margin: 0;
	}

#header {
	left: -1px;
	height: auto;
	width: auto;
} 

/* Class Styles */

.logo {
	letter-spacing:0.4em;
	font-weight:bold;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	margin: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 16px;
	font-variant: small-caps;
	}
#menubar { /* for the main navigation bar */
	top: auto;
	margin: 0px;
	width: auto;
	height: 25px;
	padding-left: 60px;
	padding-bottom: 0px;
}
#footer {
	width: auto;
	z-index: 0;
	margin: 0px;
	height: auto;
	padding-top: 1px;
	padding-right: 12px;
	padding-bottom: 18px;
	padding-left: 12px;
	vertical-align: top;
	text-align: left;
	color: #333333;
} 
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	line-height: 16px;
	text-align: left;
	vertical-align: top;
}
img {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Changes copyright (c) 2007.  Catherine M. LaBore.  All rights reserved. */

/*******************************************************************************

 MENU LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive
{
	z-index: 1000;
}


/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
	white-space: nowrap;
}
/* A "Menu item" is an object in a menu set.  The rules above set size and position characteristics for the top-level (<li>) of nested list objects.  */



/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
	
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: auto;
	position: absolute;
	left: -1000em;
	white-space: nowrap;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* All the submenu bars are created and live off-screen, so that they're not seen until the user clicks on the parent, when they're redrawn at the same x-index as their parent.  The rules above set the initial size and position data for submenu bars.  The rule following this one is used to reset them when the mouse event is received. Note the width in both rules; it sets a specific fixed width, which you may wish to change.  This allows you to treat submenus differently than the top-level items, as far as size and placement are concerned.  */



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* No further comment for now. */



/* Menu item containers are same fixed width as parent */
 
ul.MenuBarHorizontal ul li
{
	width: auto;
	white-space: nowrap;
	display: block;
	float: none;
}
/* I have not figured out why this is necessary, when the li and ul layout rules (above) both already specify the width.   */


/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	width: 160px;
	margin-top: -2%;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 95%;
}
/* Note that, while you of course want to maintain the positioning relationships between menus and submenus, you may wish to set your own offset value. */



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
/* Right off the bat, I notice that the arrows only work with Firefox.  In Opera and Safari, the arrows do not show up, but the submenus show on hover, as designed.  In IE, they do not show at all, and when you click on a button it takes on the hover styles and keeps it even when the mouse is no longer over it. */


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	}
}