/* CSS Document */

#menu {
	background-color: #C5CAB3;
	padding: 5px 0px;
}
#menu a {
	padding: 5px 31px;
	color: #55564F;
	text-decoration: none;
	margin: 0px;
	background: url(../images/navStuff/redArrrow.gif) right top no-repeat;
	display: inline;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
#menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#menu .menuOption01 a{
	background: #9C9E91 url(../images/navStuff/redArrrow.gif) right top no-repeat;
}
#menu .menuOption01 a:hover {
	background: #B0B1A7 url(../images/navStuff/redArrrow.gif) right top no-repeat;
}
#menu .menuOption02 a{
	background: #C5CAB3 url(../images/navStuff/redArrrow.gif) right top no-repeat;
}
#menu .menuOption02 a:hover{
	background: #D1D5C2 url(../images/navStuff/redArrrow.gif) right top no-repeat;
}
/*Dresssing for the submenu when required in the right panel*/
#rightPanel li a{
	padding: 5px 20px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	background: #3393CC url(../images/navStuff/subMenuArrow.gif) no-repeat left top;
}

#rightPanel li a:hover {
	background-color:#0078BF;

}
#rightPanel li.selected a {
	color: #FFFFFF;
	background: #3393CC url(../images/navStuff/subMenuTealed.gif) no-repeat left top; 
}
#rightPanel ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
#rightPanel li {
	margin: 0px 0px 5px;
	padding: 0px;
}

/*end of right panel dressing*/ 
/* The below styles help dress the Home specific stuff page */
#menu .homeHighlight a {
	background: #9C9E91 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .homeHighlight a:hover {
	background: #B0B1A7 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of Products & Services page styles */

/* The below styles help dress the MEL Defined Medialibrary page */
#menu .definedHighlight a{
	background: #984040 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .definedHighlight a:hover {
	background: #AD6666 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of About Medialibrary page styles */

/* The below styles help dress the Products & Services page */
#menu .prodHighlight a {
	background: #0078BF url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .prodHighlight a:hover {
	background: #0078BF url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of Products & Services page styles */

/* The below styles help dress the MeL Clients page */
#menu .clientsHighlight a {
	background: #EE913F url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .clientsHighlight a:hover {
	background: #F1A765 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of Products & Services page styles */

/* The below styles help dress the Contact Us page */
#menu .contactHighlight a {
	background: #AF6920 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .contactHighlight a:hover {
	background: #AF6920 url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of About Contact Us styles */

/* The below styles help dress the Disttributor Information page */
#menu .distInfoHighlight a {
	background: #41616D url(../images/navStuff/whiteTealed.gif) no-repeat right top;
	color: #FFFFFF;
}
#menu .distInfoHighlight a:hover {
	background: #67818A url(../images/navStuff/whiteTealed.gif) no-repeat right top;
}
/* end of About Medialibrary page styles */
