/*DIMENSIONS*/
/*-------------------------------------------------------------------------------------------------------------------------*/
.menu100 {margin-left:22.3%; float:left}												/*(A)-----------overall width*/
* html .menu100 {margin-left:0; float:left}
* html .menu100 {width:882px;}													/*(A)+1---------overall width IE5.5*/
* html .menu100 {w\idth:882px;}													/*(A)-----------overall width IE5.5*/
.menu100 li {/*width:16.66%*/}													/*(A)-----------top item width FF*/
*+html .menu100 li {width:auto}													/*(A)-----------top item width IE7*/
.menu100 li li {width:190px}													/*(A)-----------cancel % FF & IE7*/
.menu100 ul ul, .menu100 ul ul ul {width:190px;}								/*(Aa)----------width drop down*/
.menu100 ul ul ul{left:190px;}													/*(Aa)----------FLYOUT menu100 DISTANCE*/
.menu100 a, .menu100 a:visited {}												/*(Aa)-11-------top bar itm width 11px less*/
* html .menu100 a, * html .menu100 a:visited {}						/*(Aa)----------width */ 
* html .menu100 a, * html .menu100 a:visited {} 					/*(Aa)-11-------w\idth 11px less */
.menu100 ul ul ul.left {left:-190px;}											/*(Aa)----------flyout menu100 horizontal pos*/
.menu100 ul ul a, .menu100 ul ul a:visited {width:169px;}						/*(Aa)-21-------item width 21 less than*/
* html .menu100 ul ul a, * html .menu100 ul ul a:visited {width:191px;} 		/*(Aa)+1--------1px more than IE5.5 */
* html .menu100 ul ul a, * html .menu100 ul ul a:visited {w\idth:169px;}		/*(Aa)-21-------21px less than IE5.5 */
						

/*-------------------------------------------------------------------------------------------------------------------------*/
/*BACKGROUNDS*/

#navWrapper 							{background:url(navbg.png) repeat-x right}
* html #navWrapper 						{background:none}
.menu100 a, .menu100 a:visited {background:url(navtop.png);}									/*(C)-----------top bar background colour*/
* html .menu100 a, * html .menu100 a:visited {background:none;}
.menu100 ul ul a, .menu100 ul ul a:visited {background:url(navsub.png)}		/*(C)-----------Level 1 dropdown Background*/
.menu100 ul ul a.drop, .menu100 ul ul a.drop:visited 
{background:url(navflyoutparent.png) left no-repeat;}				/*(C)-----------FLYOUT PARENT BACKGROUND*/
.menu100 ul ul a.drop:hover
{background:url(navflyoutparent-hover.png) left no-repeat;}		/*(C)-----------FLYOUT PARENT HOVER */
.menu100 ul ul :hover > a.drop 
{background:url(navflyoutparent-hover.png) left no-repeat;}
.menu100 ul ul ul a, .menu100 ul ul ul a:visited 
{background:url(navflyoutchild.png) left no-repeat;}				/*(C)-----------FLYOUT CHILD BACKGROUND*/
.menu100 ul ul ul a:hover 
{background:url(navflyoutchild-hover.png) left no-repeat;}		/*(C)-----------FLYOUT CHILD HOVER */
.menu100 a:hover 
{background:url(navtop-hover.png) left no-repeat;}		/*(C)-----------TOP LEVEL HOVER */
* html .menu100 a:hover 
{background:none;}		/*(C)-----------TOP LEVEL HOVER */
.menu100 :hover > a {background:url(navtop-hover.png)}			/*(C)-----------TOP LEVEL HOVER */
.menu100 ul ul :hover > a 
{background:url(navsub-hover.png) left top no-repeat;}				/*(C)-----------DROP MENU HOVER */


/*MISC*/
.menu100 ul ul a, .menu100 ul ul a:visited {height:auto; line-height:4;}			/*Drop down line height CONTROLS HEIGHT OF DROPDOWN ITEMS*/
/* make the second level visible when hover on first level list OR link */
.menu100 ul li:hover ul,
.menu100 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu100 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu100 ul :hover ul :hover ul{ visibility:visible;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu100 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu100 ul {padding:0;margin:0;list-style-type:none;}
.menu100 {position:relative; z-index:100;}
.menu100 li {float:left; position:relative;}
.menu100 a, .menu100 a:visited {display:block; text-decoration:none;} 
.menu100 ul ul {visibility:hidden;position:absolute;}
.menu100 ul ul {left:0;}
.menu100 ul ul a, .menu100 ul ul a:visited {padding-right:10px;}						/*(A)-----------padding right*/
.menu100 ul ul a, .menu100 ul ul a:visited {padding-left:15px;}						/*(A)-----------padding left*/