img { border: none; suppress: true }
a { color: #3c3c7c; text-decoration: none; }
a:visited { color: #5c5c5c; }
a:hover { color: #ca3d26; border-bottom: 1px solid #ca7224; }
a.noborder:hover { border-bottom-style: none; }
.indented { padding-left: 20pt; }

/*==== Image Pair Rollover Links ====*/
div.navbtn {margin: 0; padding: 0; display: inline;}
.navbtn { position: relative; white-space: nowrap;  display: block; }
.navbtn a { display: block; float: left; margin: 0; padding: 0; }
.navbtn a:hover { border-style: none; }
.navbtn img { border: 0; margin: 0; padding: 0;} 
a:hover { visibility:visible }
.navbtn a:hover img { visibility:hidden }

/*. . . . . . . . . . . . . . . . . . . . . .
To create a rollover link put in the following html:

<style> <!--
a#BTN_NAME { background: url(BTN_ROLLOVER.jpg) no-repeat; }
#BTN_NAME { width: WIDTHpx; height: HEIGHTpx; }
--></style>
<div class="navbtn" id="BTN_NAME">
<a id="BTN_NAME" href="#">
  <img src="BTN_PLAIN.jpg" id="BTN_NAME" alt="ALT_TEXT" />
</a>
</div> 
*/ 
/*==== End Image Pair Rollover Links ====*/