
BODY
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    COLOR: white;
    BORDER-BOTTOM: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: black
}
A:link
{
    FONT-FAMILY: Arial;
/*    TEXT-DECORATION: none */
}
A:visited
{
    FONT-FAMILY: Arial;
/*    TEXT-DECORATION: none */
}
A:hover
{
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}



/* navcontainer is surrounded by Div id="navcontainer" in the asp document */
#navcontainer {									
        background: #000000;					/* background color for the container */
        width: 100%;
		height: 100%;
        margin: 0 0;
        padding: 1em 0;							/* padding around the container (top ?) */
        font-family: Arial;
        font-size: 13px;
        text-align: center;
        text-transform: propercase;
}

/* the "button" container */
ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;								/* button width (% of container) */
        font-family: Arial;
        font-size: 13px;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.2em 0 0.2em 0.2em;			/* padding around list item text (top right bottom left) */
        border-width: 1px;
        border-color: #aaa #333 #333 #aaa;		/* top right bottom left */
        border-style: solid;
        color: #FFFFFF;							/* text color for the list items */
        text-decoration: none;
        background: #666666;					/* background color for list items */
}

#navcontainer>ul#navlist li a { 
		width: auto; 
}

/* hover list item */
ul#navlist li a:hover {
        color: #FFFFFF;							/* hover text color for list items */
        background: #333333;					/* hover background color for list items */
        border-color: #333 #aaa #aaa #333;		/* top right bottom left */
}

/* active list item */
ul#navlist li#active a {
        background: #333333;					/* background color for the active list item */
        color: #ffffff;							/* text color for the active list item */
        border-color: #333 #aaa #aaa #333;		/* top right bottom left */
}

/* hover active list item */
ul#navlist li#active a:hover {
        color: #FFFFFF;							/* hover text color */
        background: #333333;					/* hover background color - can also be transparent */
        border-color: #333 #aaa #aaa #333;		/* top right bottom left */
}

