@charset "UTF-8";


/*

   Title: Menu Bar with Side Menu
   Subject: MyLead WebSite 2010
   Author: Daniel James
   Date: 02/26/2010

   Filename: MenuBarStyles.css
   Supporting files: 
   Supported Browsers: IE8+/Safari4+/Firefox3.5+/Opera10.10+/GoogleChrome3.5+

CSS level: 2.1

*/


/* menubar container */
#MainMenuBar		{width: 762px; height: 22px; margin: 0px 19px 6px 19px; padding: 0px;}


/* main menubar layout */
#MenuBar		{display: inline-block; position: relative; width: auto; height: 22px; font: bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px;}

/* menu styles */
.DropDown		{z-index: 100; width: 82px; height: 22px; float: left; color: white; line-height: 22px; margin: 0px 0px 0px 3px; padding: 0px;}

.DropDown li		{list-style-type: none;}


/* tabs 1-2 layout */
/* tab styles */
#Tab001 a, #Tab002 a	{display: block; color: white; text-decoration: none;}
#Tab001 a:hover, #Tab002 a:hover {font: bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif; line-height: 22px;}


/* tabs 3-9 layout */
/* tab styles */
.DropDown li:hover	{font: bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif; line-height: 22px;}

/* menu hidden */
.DropDown li ul		{display: none; position: relative;}

/* menu visible, size, fore colors */
.DropDown li:hover > ul {display: block; width: 120px; text-align: center; margin: 0px; padding: 4px 4px 4px 4px;}

.DropDown ul li a	{display: block; border-bottom: 1px solid white; font: normal 11px 'Arial', Helvetica, sans-serif; color: white; text-decoration: none; margin: 0px; padding: 4px 0px 4px 0px;}

/* menu highlight color */
.DropDown ul li a:hover	{background-color: #CECECE;}


/* side submenu layout */
/* side submenu styles */
.SideSubMenu		{height: 23px;}
.SideSubMenu ul		{display: none;}

/* side submenu indicators */
.SideSubMenu:hover	{background-color: #CECECE;}
.SideSubMenu:hover > a	{cursor: default;}
.SideSubMenu img	{float: right}

/* side submenu position */
.SideSubMenu:hover > ul	{display: block; top: -23px; left: 120px;}


/* all tab background colors and custom spacing */
#Tab001  		{background-color: #75B649; margin: 0px;}
#Tab002 		{background-color: #28A9E0;}
#Tab003			{background-color: #DA225B;}
#Tab004 		{background-color: #F05928;}
#Tab005 		{background-color: #37B34B;}
#Tab006 		{background-color: #642B90;}
#Tab007 		{background-color: #FBB03F;}
#Tab008 		{background-color: #952478;}
#Tab009 		{background-color: #096737;}

/* all menu background colors */
#Tab001 li:hover > ul 	{background-color: #75B649;}
#Tab002 li:hover > ul 	{background-color: #28A9E0;}
#Tab003 li:hover > ul 	{background-color: #DA225B;}
#Tab004 li:hover > ul 	{background-color: #F05928;}
#Tab005 li:hover > ul 	{background-color: #37B34B;}
#Tab006 li:hover > ul 	{background-color: #642B90;}
#Tab007 li:hover > ul 	{background-color: #FBB03F;}
#Tab008 li:hover > ul 	{background-color: #952478;}
#Tab009 li:hover > ul 	{background-color: #096737;}

/* all menu custom widths */
#Tab007 li ul		{width: 140px;}
#Tab008 li ul		{width: 140px;}


/* all sidemenu custom widths */
#Tab008SM001:hover > ul	{left: 140px;}
#Tab008SM002:hover > ul	{left: 140px;}


/* all tab corners */
.MenuBarTabL		{width: 5px; height: 5px; float: left;}
.MenuBarTabR		{width: 5px; height: 5px; float: right;}



/* comments */