﻿#right-menu {
	width: 193px;
	background-color: #f8f8ee;
	margin: 0px 0px 0px 0px;
	}

#right-menu a {
	color: #514f44;
	} 

#right-menu ul {
	padding: 10px 10px 20px 15px;
	margin-left: 15px;
	color: #f77f00;
	}

#right-menu li {
	color: #bf4d02;
	}

#right-menu p {
	padding: 0px 5px 0px 10px;
}
#right-menu h2 {
	background: #d5d5bf;
	margin-top: 0;
	line-height: 1.4em;
	color: #333333;
	padding: 2px 44px 2px 10px;
	letter-spacing: 0em;
}
#header-inner img 
{
    border-style: none;
}

#footer-grey-inner p 
{
    text-align: center;
}    

/* The following classes style the left menu (asp menu control) */
.StaticMenu
{
    width: 237px;
	text-align: left;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-top: #999999 1px solid;
	font-size: 1.1em;
	background-color: #f8f8ee;
}

.StaticItem 
{
    background-color: #d5d5bf;
    width: 237px;
    height: 25px;
    
    color: #333333;
    padding: .7em 15px;
	border-bottom: #999999 1px solid;
}

.StaticHover 
{
    color: #333333;
	display: block;
	width: 192px;
	background-color: #f8f8ee;  
}

.DynMenu
{
    border: solid 1px #999999; 
}

.DynItem
{
    color: #333333;
	display: block;
	
	height: 12px;
	padding: .7em 15px;
	background-color: #f8f8ee; 
	border-bottom: #999999 1px solid; 
}

.DynHover
{
    color: #333333;
	display: block;
	width: 190px;
	height: 25px;
	background-color: #ffffff;   
}

#left-menu {
	/* left-menu styles the main menu column, including the font size */
	width: 238px;
	text-align: left;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	font-size: 1.1em;
	background-color: #f8f8ee;
	}
#left-menu h2 {
	/* The template includes several headings (H2s) that do not display in standard browsers.  
	They improve site accessibility by titling lists of links -- for example, the list of 
	Frequently Used Tools in the header. NOTE: This expalins why there is not a standard H2 style.  
	Rather, H2 is styled for different purposes in different divs */
	display: none;
	}
#left-menu ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style: none;
	color: #333333;
	display: block;
	width: 208px;
	background-color: #d5d5bf;
	padding: .7em 15px;
	border-bottom: #999999 1px solid;
	}
#left-menu ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MAJOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style: none;
	color: #333333;
	display: block;
	width: 208px;
	background-color: #ffffff;
	}
#left-menu ul li ul li a {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the STATIC color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style: none;
	color: #333333;
	display: block;
	width: 208px;
	background-color: #f8f8ee;
	}
#left-menu ul li ul li a:hover {
	/* Styles the Major Link Buttons.  NOTE: This is where you would adjust the HOVER color of the MINOR Link button.  To do so, simply change the hexadecimal value of "background-color" */
	list-style: none;
	color: #333333;
	display: block;
	width: 208px;
	background-color: #ffffff;
	}
