/* Horizontal two-level menu generated by CSS alone */

table.menubar {
	width: 757px;
	background: url(menubar.jpg) repeat-y; /* hides vertical gap between top image and menu in IE7 */
	margin: 0px;
	padding: 0px;
}
div.horizmenu, div.submenu {
	margin: 0px 0px;
	float: left;
	width: 757px;  /* should not exceed 757 minus cart and left margin (if any) */
	z-index: 100;
	background-color: #2662C6; /* COLOR1 dark menu buttons */
	font-family: arial;
	font-size: 14px;  /* Could play with this to adjust total menu width */
	font-weight: normal;
}

div.horizmenu {
	border-right: 1px solid white;
}

div.submenu {
	border-bottom: 0px;
	margin-top: -1px;  /* this hides the top line of the submenu */
	z-index: 101;
	height: 25px;
	border-top: 1px solid #fff;
	background-color: #3180FF;  /* COLOR2 light menu buttons */
}

div.horizmenu ul, div.submenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}

div.horizmenu li {
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
	color: #fff;
}

div.submenu li {
	float: left;
	margin: 0px;
	padding: 0;
	background: none;
	height: 25px;
	line-height: 25px;
	color: #fff;
}

div.horizmenu a:link, div.horizmenu a:visited {
	float:left;
	display:block;
 	height: 25px;
 	line-height: 25px; 
 	padding: 0 35px; /* change this to adjust total menu width */
	text-decoration: none;
}

div.horizmenu a:link, div.horizmenu a:visited {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}

div.horizmenu a:hover { 
	text-decoration: none;
	color: #fff;
	background-color: #45A1E9; /* COLOR3 even lighter menu button */
}

div.horizmenu a#lastitem:link, div.horizmenu a#lastitem:visited {
/*li.lastitem a:link, li.lastitem a:visited {*/
	border-right: 0px;
}
 
div.horizmenu a.active_menu:link, div.horizmenu a.active_menu:visited{
	position: relative;
	z-index: 102;
	color: #fff;
	border-bottom: 1px solid #3180FF;  /* COLOR2 FPM  This erases the bottom line */
	background-color: #3180FF; /* COLOR2  FPM */
} 

div.submenu a:link, div.submenu a:visited {
	float:left;
	display:block;
 	height: 25px;
 	line-height: 25px; 
 	padding: 0 35px; /* change this to adjust total menu width */
	text-decoration: none;
}
div.submenu a:link, div.submenu a:visited {
	height: 25px;  /* was 20 */
	line-height: 25px;
	border-right: 0px;
	border-bottom: 0px;
	color: #fff;
}
div.submenu a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #45A1E9; /* COLOR3 even lighter menu buttons */
}
div.submenu a.active_menu:hover {
	background-color: #3180FF; /* COLOR2  FPM.  In otherwords, don't highlight */
}

.pagecontent {
	padding: 6px;
	background-color: white;   /* page background */
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0033CC; /* COLOR1   text color */
	text-align: center;
} 

.pagecontent a:link, .pagecontent a:visited {
	color: #2662C6;
}
.pagecontent a:hover {
	color: #45A1E9; /* COLOR3 */
}

/* The following should move to site.css */

.whitetext {
	color: white;
}
.whitetext a:link, .whitetext a:visited {
	color: white;
}
.whitetext a:hover {
	color: #EBD8CB;
}

.bottomlinks {  font-size: x-small; text-align: center}
.Top {  font-size: x-small}
i {  font-family: "Times New Roman", Times, serif; font-style: italic}