<style type="text/css">

<!--

#navigation { margin: 0px; padding: 0px; height: 24px; list-style: none; display: inline; overflow: hidden;}

#navigation ul { margin: 0px; padding: 0px; list-style: none;}
#navigation li {align: center; float:left; display: inline; margin: 0px; padding: 0px;}

#navigation a { font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000000; text-decoration: none; display: block; padding: 0px 0 0 10px; overflow: hidden; height :24px;}
#navigation a:hover { background-position: 0px -24px; color: #FFFFFF;}
#navigation a:active ,#navigation a.selected { background-position: 0px -48px; color: #FFFFFF;}

#home a { width: 56px; background: url(home.gif) top left no-repeat;}
#about a { width: 70px; background: url(about.gif) top left no-repeat;}
#territories a { width: 85px; background: url(territories.gif) top left no-repeat;}
#contact a { width: 85px; background: url(territories.gif) top left no-repeat;}
#hologin a { width: 125px; background: url(hologin.gif) top left no-repeat;}
#clogin a { width: 85px; background: url(territories.gif) top left no-repeat;}
#cas a { width: 56px; background: url(home.gif) top left no-repeat;}
#webmail a { width: 85px; background: url(territories.gif) top left no-repeat;}

#border {height: .05in; background:#000066}

//-->

</style>