body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}



a.smenu:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: silver;
	display:block;
	width: 165px; /* microsoft IE requires width of table - Firefox doesn't */
    height: 18px;
}

a.smenu {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 165px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 18px;
}

.smenu_nonselect {
	/*border-right: 5px solid gainsboro;*/
	color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif; 
	text-decoration: none;
	background-color: gainsboro;
	width: 165px;
	height: 20px;
}

.smenu_select {
	border-right: 5px solid red; 
	color: white; 
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	background-color: dimgray;
	width: 160px;
	height: 20px;
}

a.smenu2:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 160px; /* microsoft IE requires width of table - Firefox doesn't */
    height:20px;
}

a.smenu2 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 160px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 20px;
}

.smenu2_photo {
	color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif; 
	text-decoration: none;
	background-color: lavender;
	width: 165px;  /* take 5 pixels off for the right border */
	height: 20px;
	border-right: 5px solid steelblue;
}

/*.smenu2_select {
	border-right: 5px solid steelblue; 
	color: white; 
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	background-color: dimgray;
	width: 160px;
	height: 20px;
}

*/


a.smenu3:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 62px; /* microsoft IE requires width of table - Firefox doesn't */
    height:23px;
}

a.smenu3 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	vertical-align: middle;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 62px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 23px;
}


a.smenu4:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 163px; /* microsoft IE requires width of table - Firefox doesn't */
    height:23px;
}

a.smenu4 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 163px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 23px;
}


a.smenu5:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 214px; /* microsoft IE requires width of table - Firefox doesn't */
    height:23px;
}

a.smenu5 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 214px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 23px;
}

a.smenu6:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 145px; /* microsoft IE requires width of table - Firefox doesn't */
    height:23px;
}

a.smenu6 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 145px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 23px;
}

a.smenu7:hover {
    color: blue;
	font-size: 12px; 
	font-weight: 600; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	display: block;
	
}

a.smenu7 {
    color: black;
	font-size: 12px; 
	font-weight: 600; 
	text-transform: none; 
	text-align: left; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

/* Photo index text hyper links */

a.smenu8:hover {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: center; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
	background-color: #bac6e3;
	display: block;
	width: 170px; /* microsoft IE requires width of table - Firefox doesn't */
    height:23px;
}

a.smenu8 {
    color: black;
	font-size: 12px; 
	font-weight: 400; 
	text-transform: none; 
	text-align: center; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 170px; /* microsoft IE requires width of table - Firefox doesn't */
	height: 23px;
}

a.plink:hover {
	color: teal;
	font-size: 12;
	fonr-weight: 200;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text_decoration: none;
}

a.plink {
    color: black;
	font-size: 12px; 
	font-weight: 200; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: none;
}
	
/* Image border hyper links */
	
a.blink:hover {
	border-color: teal;
	border-width: 2;
}

a.blink {
    border-color: black;
	border-width: 1;
}

a.blink:link {
	border-color: black;
	border-width: 1;
}

a.blink:visited {
	border-color: black;
	border-width: 1;
}

/* Because of the differences between Firefox and IE we have to use
   a table style - mat_flat - to display a table with a flat 1px border
   - Firefox displays a single black 1px flat border correctly, IE doesn't. */

caption.mat1 {
    background-color: white;
	color: black;
	border-style: solid;
	border-width: 1;
	border-color: black;
}

table.mat1 {
	border-collapse: collapse;
	font-size: 12px; 
	font-weight: 200; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	background-color: white;
	width: 600;
	border-style: solid;
	border-color: black;
	border-width: 1;
}

th.mat1 {
    font-size: 12px; 
	font-weight: 200; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: black;
}

tr.mat1 {
    vertical-align: center;
}

td.mat1 {
    font-size: 12px; 
	font-weight: 200; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	color: black;
	background-color: white;
	border-style: solid;
	border-width: 1;
	text-align: center;
}

/* sets the background of a table segment to icon gray - $72706f */
.background_icon_grey {
    background-color: $72706f;
}