/* Remove the bullets and indenting from the list */
#LeftColumn-Navi ul, #LeftColumn-Navi li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* A light default color for the buttons */
#LeftColumn-Navi ul li {
	background-color: #5b6369;
}

/* Make the links block so the entire button is clickable */
#LeftColumn-Navi a {
	display: block;
}

/* Default padding and margins for the buttons (applied to the links) */
#LeftColumn-Navi ul li a {
	border-bottom: 1px solid #3a454d;
	padding: 4px;
	padding-left: 6px;
}

/* --------------------------------
      Gray Gradient Template
-----------------------------------

Gray Gradient Template Colors (Light to dark)
#6c747b, #697178, #666d74, #626970, #5e656b, #5a6067, #565c62, #52575d, #4e5359, #4b5056, #484d53

Copy the section below into the site specific CSS file.
Change each "LINK#" to be the navigation links in order.
Skip some shades of gray for more contrast with the gradation.

#LeftColumn-Navi ul li#Navi-LINK1 { background-color: #697178; }
#LeftColumn-Navi ul li#Navi-LINK2 { background-color: #666d74; }
#LeftColumn-Navi ul li#Navi-LINK3 { background-color: #626970; }
#LeftColumn-Navi ul li#Navi-LINK4 { background-color: #5e656b; }
#LeftColumn-Navi ul li#Navi-LINK5 { background-color: #5a6067; }
#LeftColumn-Navi ul li#Navi-LINK6 { background-color: #565c62; }
#LeftColumn-Navi ul li#Navi-LINK7 { background-color: #52575d; }
#LeftColumn-Navi ul li#Navi-LINK8 { background-color: #4e5359; }

*/

/* --------------------------------
    Highlighted/Selected Colors
-------------------------------- */

#LeftColumn-Navi ul li a#Navi-Selected {
	margin-bottom: 0; /* Remove the gray line below each main navi item by removing the bottom margin */
	/* padding-bottom: 4px; Increase the padding by 1px to take into account removing the bottom margin */
}
#LeftColumn-Navi ul li a#Navi-Selected, #LeftColumn-Navi ul li a:hover {
	background-color: #999ea2; /* Default selected color */
}

/* Color the main buttons if they are selected or hovered */
#LeftColumn-Navi ul li.Red a#Navi-Selected, #LeftColumn-Navi ul li.Red a:hover { background-color: #A43E3E; }
#LeftColumn-Navi ul li.Orange a#Navi-Selected, #LeftColumn-Navi ul li.Orange a:hover { background-color: #d16f1c; }
#LeftColumn-Navi ul li.Yellow a#Navi-Selected, #LeftColumn-Navi ul li.Yellow a:hover { background-color: #be9d38; }
#LeftColumn-Navi ul li.Green a#Navi-Selected, #LeftColumn-Navi ul li.Green a:hover { background-color: #5f8f30; }
#LeftColumn-Navi ul li.Teal a#Navi-Selected, #LeftColumn-Navi ul li.Teal a:hover { background-color: #2c8595; }
#LeftColumn-Navi ul li.Blue a#Navi-Selected, #LeftColumn-Navi ul li.Blue a:hover { background-color: #5270ae; }
#LeftColumn-Navi ul li.Purple a#Navi-Selected, #LeftColumn-Navi ul li.Purple a:hover { background-color: #7d5ea0; }

/* --------------------------------
    Sub-Navigation Block Style
-------------------------------- */

#LeftColumn-Navi ul li ul {
	margin: 0;
	padding: 0;
	/*padding-bottom: 1px;*/
	padding-left: 1px;
	padding-right: 1px;
}

#LeftColumn-Navi ul li ul li {
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	background-color: transparent;
}

#LeftColumn-Navi ul li ul li a {
	border-bottom: 0 none #FF0000;
	margin: 0;
	padding: 2px;
	padding-left: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url("../../images/template/navi/bullet-arrow.gif");
	background-repeat: no-repeat;
}
#LeftColumn-Navi ul li ul li.Navi-Home a {
	background-image:    url("../../images/template/navi/bullet-home.gif");
}

/* Background color of sub buttons */
#LeftColumn-Navi ul li.Red ul a { background-color: #7e1818 !important; }
#LeftColumn-Navi ul li.Orange ul a { background-color: #6c3c15 !important; }
#LeftColumn-Navi ul li.Yellow ul a { background-color: #68512a !important; }
#LeftColumn-Navi ul li.Green ul a { background-color: #4e5e3d !important; }
#LeftColumn-Navi ul li.Teal ul a { background-color: #3f585d !important; }
#LeftColumn-Navi ul li.Blue ul a { background-color: #425171 !important; }
#LeftColumn-Navi ul li.Purple ul a { background-color: #573c74 !important; }

/* Left, right and bottom border color of sub buttons */
#LeftColumn-Navi ul li.Red ul { background-color: #4c181f; }
#LeftColumn-Navi ul li.Orange ul { background-color: #4e0000; }
#LeftColumn-Navi ul li.Yellow ul { background-color: #493400; }
#LeftColumn-Navi ul li.Green ul { background-color: #253516; }
#LeftColumn-Navi ul li.Teal ul { background-color: #20373b; }
#LeftColumn-Navi ul li.Blue ul { background-color: #25314a; }
#LeftColumn-Navi ul li.Purple ul { background-color: #361e52; }

/*
Top border color of the sub buttons, but if there are no sub buttons
this is also the bottom border of the main button */
#LeftColumn-Navi ul li.Red a#Navi-Selected { border-bottom: 1px solid #4c181f; }
#LeftColumn-Navi ul li.Orange a#Navi-Selected { border-bottom: 1px solid #4e0000; }
#LeftColumn-Navi ul li.Yellow a#Navi-Selected { border-bottom: 1px solid #493400; }
#LeftColumn-Navi ul li.Green a#Navi-Selected { border-bottom: 1px solid #253516; }
#LeftColumn-Navi ul li.Teal a#Navi-Selected { border-bottom: 1px solid #20373b; }
#LeftColumn-Navi ul li.Blue a#Navi-Selected { border-bottom: 1px solid #25314a; }
#LeftColumn-Navi ul li.Purple a#Navi-Selected { border-bottom: 1px solid #361e52; }

/* Default background color */
#LeftColumn-Navi ul li ul a {
	background-color: #555555 !important;
}

#LeftColumn-Navi ul li ul a:hover {
	text-decoration: underline;
}

/* ================================
          Helpful Links
================================ */

#LeftColumn-Links p {
	color: #DDDDDD;
}

#LeftColumn-Links a {
	color: #f2edc8;
}

#LeftColumn-Links p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 16px 3px 2px 6px;
	margin: 0;
}

#LeftColumn-Links ul {
	margin: 0;
	padding: 0;
	padding-left: 16px;
}

#LeftColumn-Links li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
	padding-top: 1px;
}

#LeftColumn-Links li a:hover, table#LeftColumn-Links li a:focus {
	text-decoration: underline;
}