/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position: relative;        /* establish a menu-relative positioning context */
	float: left;                                     /* play nicely with others */
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 100;                           /* keep menu above rounded corners */
	width: 300px;
}

.menu, .menu ul li table {           /* globally set font style for menu items */
/*	text-transform: uppercase;  this sets the base font style for our entire menu */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;          /* we don't want to view the list as a list */
	line-height: 27px;                /* globally set the menu item line height */
}

.menu li {
	float: left;    /* this creates the side-by-side array of top-level buttons - LEAVE in for vertical menu - by Greg */
	position: relative;    /* create local positioning contexts for each button */
	margin: 0;
}

.menu ul li table {
	margin: -1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin: 0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;      /* IE5 needs this for the sub-menus to work */
}

.menuLogo {
	float: right;
	position: relative;
	margin: 0;
}

.drop {
	display: block;
	padding: 0 3px;	       /* this sets the l/r margins for our menu item */
	margin: 0;
	text-align: right;   /* this right alignment goes with the float:left below */
	cursor: pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor: hand;           /* IE5 only knows about "hand", so set it both ways */
}
.drop span {        /* this simultaneously left and right aligns the text and */
	float: left;       /* the >> in the drop-down menus which link to sub-menus */
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display: none;                  /* initially hide the entire list hierarchy */
	padding: 0;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited,
.menu ul li:hover a,
.menu ul li a:hover {          /* selected and unselected top-level menu items */
	height: 27px;           /* set height of all top level menu images or items */
}

.menu ul li a,
.menu ul li a:visited {                     /* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
	margin: 0;        /* puts white space underneath each image button */
/*	background-color: #878787;  #BAC4C9 */
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border: none; /* Internet Explorer NEEDS this to display submenu - by Greg */
	height: 27px;
/*	background-color: #99AAAF; */
}

/*
================================================================================================
     button rollover styles
================================================================================================
*/

.homeButton,
.aboutButton,
.linksButton,
.homeButtonOn,
.aboutButtonOn,
.linksButtonOn {
	margin: 0;
	padding: 0;
}
.homeButton a span,
.aboutButton a span,
.linksButton a span,
.homeButtonOn a span,
.aboutButtonOn a span,
.linksButtonOn a span {
	display: none;
}
.homeButton a,
.homeButtonOn a {
/*	display: block; */
	width: 41px;
}
.aboutButton a,
.aboutButtonOn a {
/*	display: block; */
	width: 42px;
}
.linksButton a,
.linksButtonOn a {
/*	display: block; */
	width: 35px;
}
.homeButton a {
	background: url("../images/nav/home.gif") top left no-repeat;
}
.homeButtonOn a {
	background: url("../images/nav/home_over.gif") top left no-repeat;
}
.homeButton:hover a,
.homeButton a:hover,
.homeButtonOn:hover a,
.homeButtonOn a:hover {
	background-image: url("../images/nav/home_over.gif");
}
.aboutButton a {
	background: url("../images/nav/about.gif") top left no-repeat;
}
.aboutButtonOn a {
	background: url("../images/nav/about_over.gif") top left no-repeat;
}
.aboutButton:hover a,
.aboutButton a:hover,
.aboutButtonOn:hover a,
.aboutButtonOn a:hover {
	background-image: url("../images/nav/about_over.gif");
}
.linksButton a {
	background: url("../images/nav/links.gif") top left no-repeat;
}
.linksButtonOn a {
	background: url("../images/nav/links_over.gif") top left no-repeat;
}
.linksButton:hover a,
.linksButton a:hover,
.linksButtonOn:hover a,
.linksButtonOn a:hover {
	background-image: url("../images/nav/links_over.gif");
}