div.navigationBorder a:link
{text-decoration: none;
color: #3366CC;
background: #AAAAAA;
border-bottom: 1px groove #999;
border-top: 1px groove #999;
font-size: 90%;
font-weight: normal;
font-family: Arial, sans-serif;
width: 120px;
line-height: 1.1;
margin: 0; 
padding: 0.1em 0.1em;
display:block;
}

div.navigationBorder a:active
{text-decoration: none;
color: #3366CC;
background: #FF0000;
border-bottom: 1px groove #999;
border-top: 1px groove #999;
font-size: 100%;
font-weight: normal;
font-family: Arial, sans-serif;
width: 120px;
line-height: 1.1;
margin: 0; 
padding: 0.1em 0.1em;
display:block;
}



div.navigationBorder a:visited 
{text-decoration: none;
color: #DD2211;
background: #AAAAAA;
border-bottom: 1px groove #999;
border-top: 1px groove #999;
font-size: 90%;
font-weight: normal;
font-family: Arial, sans-serif;
width: 120px;
line-height: 1.1;
margin: 0; 
padding: 0.1em 0.1em;
display:block;	  
}

div.navigationBorder a:hover
{text-decoration: none;
color: #FFFFFF;
background: #3366CC;
border-top: 1px groove #999;
border-bottom: 1px groove #999;
font-size: 90%;
font-weight: bold;
font-family: Arial, sans-serif;
width: 120px;
line-height: 1.1;
margin: 0; 
padding: 0.1em 0.1em;
display:block;	  
}

.navigationBorder
{background: #AAAAAA;
text-align: center;
border-style:solid;
border-color: black;
border-width: 2px;
width:120px;
}

/*div.navigationBorder a, div.navigationBorder em { border-top: 2px groove #999 }
div.navigationBorder a:first-child { border-top: none }
div.navigationBorder em { color: #99FFFF }  This color sets the heading in a non-link menu item */
  
/*now set appearance of all other links */
a:link { text-decoration: none; color: #3399FF }
a:visited { text-decoration: none; color: #3399FF }
a:hover {  color: #CC3333 }