.menu {



width:900px;



font-size:0.85em;



position:relative;



z-index:200;



}



.menuItem {



}



/* remove all the bullets, borders and padding from the default list styling */



 .menu ul {



padding:0;



margin:0;



list-style-type:none;



}



 .menu ul ul {



width:160px;



}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



 .menu li {



float:left;



width:150px;



position:relative;



}



/* style the links for the top level */



 .menu a,.menu a:visited, .menu a:active {



display:block;



/*font-size:11px;*/



text-decoration:none;



color:#fff;



width:149px;



height:29px;



border:1px solid #fff;



border-width:1px;



/*background:#D01A61;*/



/*padding-top:3px;*/



/*line-height:29px;*/



font-family:verdana,helvetica,arial,sans-serif;



font-size:0.71em;



font-weight:bold;



line-height:1.18em;



text-align:center;



}



/* style for the top level backgrounds*/



.menuItem1 a.topLevel {



background:#D01A61;



}



.menuItem2 a.topLevel {



background:#F38D36;



}



.menuItem3 a.topLevel {



background:#8ECA2F;



}



.menuItem4 a.topLevel {



background:#11A8AA;



}



.menuItem5 a.topLevel {



background:#1F54BC;



}



.menuItem6 a.topLevel {



background:#FDCF07;



}







/* a hack so that IE5.5 faulty box model is corrected */



* html  .menu a, * html  .menu a:visited {



width:149px;



w\idth:149px;



}







/* style the second level background */



 .menuItem1 a.secondLevel,   .menuItem1 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #D01A61;



border-top:0px;



color:#000;



}



.menuItem1 a.secondLevelTop {



background:#D01A61;



border-top:none;



border-left:1px solid #D01A61;



border-right:1px solid #D01A61;



}







 .menuItem2 a.secondLevel,   .menuItem2 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #F38D36;



border-top:0px;



}



.menuItem2 a.secondLevelTop {



background:#F38D36;



border-top:none;



border-left:1px solid #F38D36;



border-right:1px solid #F38D36;



}







 .menuItem3 a.secondLevel,   .menuItem3 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #8ECA2F;



border-top:0px;



}



.menuItem3 a.secondLevelTop {



background:#8ECA2F;



border-top:none;



border-left:1px solid #8ECA2F;



border-right:1px solid #8ECA2F;



}







 .menuItem4 a.secondLevel,   .menuItem4 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #11A8AA;



border-top:0px;



}



.menuItem4 a.secondLevelTop {



background:#11A8AA;



border-top:none;



border-left:1px solid #11A8AA;



border-right:1px solid #11A8AA;



}







 .menuItem5 a.secondLevel,   .menuItem5 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #1F54BC;



border-top:0px;



}



.menuItem5 a.secondLevelTop {



background:#1F54BC;



border-top:none;



border-left:1px solid #1F54BC;



border-right:1px solid #1F54BC;



}







 .menuItem6 a.secondLevel,   .menuItem6 a.secondLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #FDCF07;



border-top:0px;



}



.menuItem6 a.secondLevelTop {



background:#FDCF07;



border-top:none;



border-left:1px solid #FDCF07;



border-right:1px solid #FDCF07;



}







/* style the second level hover */



 .menuItem1 a.secondLevel:hover{



background:#DFA6BD url(../../graphics/drop.gif) bottom right no-repeat;



} 



 .menuItem2 a.secondLevel:hover{



background:#FCC08D url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem3 a.secondLevel:hover{



background:#DFEA96 url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem4 a.secondLevel:hover{



background:#AFD8DB url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem5 a.secondLevel:hover{



background:#A4BBE1 url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem6 a.secondLevel:hover{



background:#FFF4C4 url(../../graphics/drop.gif) bottom right no-repeat;



color:#000000;



}



/* style the second level background */



 .menuItem1 a.thirdLevel,   .menuItem1 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #D01A61;



border-top:0px;



}



.menuItem1 a.thirdLevelTop {



background:#D01A61;



border-top:none;



border-left:1px solid #D01A61;



border-right:1px solid #D01A61;



}







 .menuItem2 a.thirdLevel,   .menuItem2 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #F38D36;



border-top:0px;



}



.menuItem2 a.thirdLevelTop {



background:#F38D36;



border-top:none;



border-left:1px solid #F38D36;



border-right:1px solid #F38D36;



}







 .menuItem3 a.thirdLevel,   .menuItem3 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #8ECA2F;



border-top:0px;



}



.menuItem3 a.thirdLevelTop {



background:#8ECA2F;



border-top:none;



border-left:1px solid #8ECA2F;



border-right:1px solid #8ECA2F;



}







 .menuItem4 a.thirdLevel,   .menuItem4 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #11A8AA;



border-top:0px;



}



.menuItem4 a.thirdLevelTop {



background:#11A8AA;



border-top:none;



border-left:1px solid #11A8AA;



border-right:1px solid #11A8AA;



}







 .menuItem5 a.thirdLevel,   .menuItem5 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #1F54BC;



border-top:0px;



}



.menuItem5 a.thirdLevelTop {



background:#1F54BC;



border-top:none;



border-left:1px solid #1F54BC;



border-right:1px solid #1F54BC;



}







 .menuItem6 a.thirdLevel,   .menuItem6 a.thirdLevel:visited {



background:#ffffff url(../../graphics/drop.gif) bottom right no-repeat;



border:1px solid #FDCF07;



border-top:0px;



}



.menuItem6 a.thirdLevelTop {



background:#FDCF07;



border-top:none;



border-left:1px solid #FDCF07;



border-right:1px solid #FDCF07;



}







/* style the third level hover */



 .menuItem1 a.thirdLevel:hover{



background:#DFA6BD url(../../graphics/drop.gif) bottom right no-repeat;



} 



 .menuItem2 a.thirdLevel:hover{



background:#FCC08D url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem3 a.thirdLevel:hover{



background:#DFEA96 url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem4 a.thirdLevel:hover{



background:#AFD8DB url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem5 a.thirdLevel:hover{



background:#A4BBE1 url(../../graphics/drop.gif) bottom right no-repeat;



}



 .menuItem6 a.thirdLevel:hover{



background:#FFF4C4 url(../../graphics/drop.gif) bottom right no-repeat;



color:#000000;



}













/* hide the sub levels and give them a positon absolute so that they take up no room */



 .menu ul ul {



visibility:hidden;



position:absolute;



height:0;



top:29px;



left:0;



width:160px;



}



/* another hack for IE5.5 */



* html  .menu ul ul {



top:29px;



t\op:31px;



}







/* position the third level flyout menu */



 .menu ul ul ul{



left:150px;



top:0;



width:160px;



}



























/* position the third level flyout menu for a left flyout */



 .menu ul ul ul.left {



left:-150px;



}







/* style the table so that it takes no ppart in the layout - required for IE to work */



 .menu table {position:absolute; top:0; left:0;}







/* style the second level links */



 .menu ul ul a,  .menu ul ul a:visited {



background:#ffffff;



color:#000;



height:auto;



line-height:1em;



/*padding:5px 5px;*/



width:149px;



font-weight:normal;



text-align:left;



z-index:100;



/* yet another hack for IE5.5 */



}



* html  .menu ul ul a{



width:149px;



}











/* style the top level hover */



 .menu a:hover,  .menu ul ul a:hover{



color:#fff;



text-decoration:none;





font-family:verdana,helvetica,arial,sans-serif;



font-size:0.7em;



font-weight:bold;



line-height:1.18em;



text-align:center;

/*background:#D01A61;*/



}



 .menu :hover > a,  .menu ul ul :hover > a {



color:#fff;



/*background:#D01A61;*/



}







/* make the second level visible when hover on first level list OR link */



 .menu ul li:hover ul,



 .menu ul a:hover ul{



visibility:visible;



}



/* keep the third level hidden when you hover on first level list OR link */



 .menu ul :hover ul ul{



visibility:hidden;



}







/* make the third level visible when you hover over second level list OR link */



 .menu ul :hover ul :hover ul{



visibility:visible;



}



/* link-text */



.topLevel_text

{

	margin-top:3px;

}



.secondLevel_text

{

	margin: 5px;

	display:table;

	color:#000;

	height:auto;	

	line-height:1em;		

	font-weight:normal;

	text-align:left;

}



.thirdLevel_text

{

	margin: 5px;

	display:table;

	color:#000;



	height:auto;

	

	line-height:1em;

		

	font-weight:normal;

	

	text-align:left;

}