/* CSS Document  http://builder.com.com/5100-6371-5323375.html */


div#buttonA {  
}

div#buttonA ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;

}

div#buttonA li {
    list-style-type: none;
    height: 18px;
	font-weight: bold;
    width: 175px;
    margin: 20px;
    text-align:center;
}

div#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 4px;
}

div#buttonA li a:link {
    color: #0000ff;
    font-weight: bold;
    background-color: #FADF00;
    border-style: outset;
}

div#buttonA li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #FFFF00;
    border-style: outset;
}

div#buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00209F;
    border-style: outset;
}

div#buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FFFF00;
    border-style: inset;
}
/* 
The div#buttonA ul rule sets the general text size and spacing, while the div#buttonA li rule removes 
the default bullet from the list items (list-style-type: none) and sets the size of the button box. 
The div#buttonA li a rule makes the entire button clickable (height: 100%; width: 100%; display: block;), 
and it's also a convenient place to set the border thickness (border-width: 6px).

The rest of the styles control the appearance changes for the various button states. 
For each pseudoclass (:link, :visited, :hover, :active), there is a color, font-weight, background-color, and border-style rule. 
All the styles use the border-style: outset rule except for the div#buttonA li a:active rule, 
which includes border-style: inset instead. This gives all the button states a raised appearanceexcept 
when the button is clicked, in which case, it looks depressed.

There are significant differences in the way the various browsers render the inset and outset borders. 
Internet Explorer creates a more subtle effect, with a highlight along the inner edge of each border 
and shading toward the outer edges. Netscape, on the other hand, renders each border in a solid color, 
which produces a sharper, less rounded, look.
*/