/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */

.table_rounded {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px;
  border-radius: 10px;
  cellspacing: 0px;
  cellpadding: 0px;
}
/* Apply bottom and right borders to table cells */

.table_rounded tr:first-child td:first-child {
  border-top-left-radius: 0.5rem;
}

.table_rounded tr:first-child td:last-child {
  border-top-right-radius: 0.5rem;
}

.table_rounded tr:last-child td:first-child {
  border-bottom-left-radius: 0.5rem;
}

.table_rounded tr:last-child td:last-child {
  border-bottom-right-radius: 0.5rem;
}

.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 18px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 18px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: 1px solid #336699;
	background-color: #2C5F93;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #2C5F93;
	border: 1px solid #336699;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 18px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 18px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #5286BB;
	border: 1px solid #336699;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #1A4D81;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;
}

.table_style {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.grayButton {
  background-color: #ccc; /* Light gray */
  color: #333;            /* Darker text for contrast */
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.grayButton:hover {
  background-color: #bbb; /* Slightly darker on hover */
}