/****************************************************************************************************************************/
/****************************************************************************************************************************/
/* KAA-NAVSITE-MENU.CSS :  DEFINES STYLING FOR DIVS, TABLES, LISTS AND TEXT FOR THE SITE-MENU PAGE ONLY                     */
/*                                                                                                                          */
/****************************************************************************************************************************/
/****************************************************************************************************************************/

/* The "site-menu" div is a container for the site menu unordered lists to constrain their width and to */
/* provide formatting that is specific to that one page */
/* NOTE: This div aligns to the left in all browsers except IE, where it is centered; */
/*       unfortunately although "float: left;" cures this alignment issue, */
/*       it causes the div to disappear entirely in Netscape 7 the moment the cursor enters the div content */
#site-menu {
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align: left;
}

#site-menu ul, #site-menu ul p {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#site-menu li a:link, #site-menu li a:visited, #site-menu li p {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-bottom: thin solid silver;
	background-color: #333333;
	color: #FFFFFF;
	text-decoration: none;
}

#site-menu li a:hover {
	border-style: solid;
	border-width: thin;
	border-color: #000000 #FFFFFF #FFFFFF #000000;
	background-color: #333333;
	color: #FFD700;
}

#site-menu ul ul {
	margin-left: 12px;
}

#site-menu ul ul li, #site-menu ul ul p{
    margin: 0px;
}

#site-menu ul ul a:link, #site-menu ul ul a:visited, #site-menu ul ul p {
    background-color: #555555;
    color: #FFFFFF;
}

#site-menu ul ul a:hover {
	background-color: #555555;
    color: #FFD700;
}

#site-menu ul ul ul a:link, #site-menu ul ul ul a:visited, #site-menu ul ul ul p {
    background-color: #777777;
    color: #FFFFFF;
}

#site-menu ul ul ul a:hover {
	background-color: #777777;
    color: #FFD700;
}

#site-menu ul ul ul ul a:link, #site-menu ul ul ul ul a:visited, #site-menu ul ul ul ul p {
    background-color: #999999;
    color: #FFFFFF;
}

#site-menu ul ul ul ul a:hover {
	background-color: #999999;
    color: #FFD700;
}

.nav-maroon ul li a:link, .nav-maroon ul li a:visited, .nav-maroon ul li p {
    border-left: 12px solid #990000;
}

.nav-gold ul li a:link, .nav-gold ul li a:visited, .nav-gold ul li p {
    border-left: 12px solid #FFCC00;
}

.nav-red ul li a:link, .nav-red ul li a:visited, .nav-red ul li p {
    border-left: 12px solid #FF0000;
}

.nav-blue ul li a:link, .nav-blue ul li a:visited, .nav-blue ul li p {
    border-left: 12px solid #0000CC;
}

.nav-black ul li a:link, .nav-black ul li a:visited, .nav-black ul li p {
    border-left: 12px solid #000000;
}

.nav-white ul li a:link, .nav-white ul li a:visited, .nav-white ul li p {
    border-left: 12px solid #DDDDDD;
}

.nav-green ul li a:link, .nav-green ul li a:visited, .nav-green ul li p {
    border-left: 12px solid #339933;
}
.nav-brown ul li a:link, .nav-brown ul li a:visited, .nav-brown ul li p {
	border-left: 12px solid #663300;
}