/*MENU*/
ul.mega-menu {
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  background:#034EA2;
  height:25px;
  width:980px; 
  position:relative;
  z-index:100;
  font-weight:bold;
} 

/*Level 1*/ 

ul.mega-menu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                             the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  display:inline;
}

ul.mega-menu li {
	float:left;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	padding:5px 15px 5px 15px;
	background:transparent url(../images/menusep.gif) top right no-repeat;
}

ul.mega-menu li:last-child {
	background:transparent;
}

ul.mega-menu li.last-child{
	background:transparent;
}


ul.mega-menu li li {
	background:transparent;
}

ul.mega-menu li.active {
	background:#8A8C8E url(../images/menusep.gif) top right no-repeat;
}

ul.mega-menu li:hover {
	background:#8A8C8E url(../images/menusep.gif) top right no-repeat;
} 

ul.mega-menu li li:hover {
	border:0px;
	background:transparent;
} 

ul.mega-menu li li.fly:hover  {
	background:transparent url(../images/megal2bg.png) top left no-repeat;
}

ul.mega-menu li li li:hover {
	background:transparent;
}



ul.mega-menu li div.expander{
	display: none; 
}



ul.mega-menu li > div.expander {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  	display: none;               /* hides child menu blocks - one of the most important declarations */
  	position: absolute;          /* make child blocks hover without leaving space for them */
/* CHRIS top: 24px; */                    /* position slightly lower than the parent menu item */
    z-index:100;
	width:735px;
	border:0px solid #606060;
	left:0px;		
	top: 25px;						  
}

ul.mega-menu li:hover > div.expander {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */

}

ul.mega-menu li div.leftstyle {
	left:0px;
}

ul.mega-menu li div.rightstyle {
	position:absolute;
	left:auto;
	right:0px;
}


/*Level 2*/


ul.mega-menu li ul  {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
             /* makes the child block visible - one of the most important declarations */
  float:left;			 
  padding:0px 0px 0px 0px;
  background:transparent;
  width:235px;
  height:auto;
  margin:0px 0px 0px 0px;
  display:block;
  background:#8A8C8E;
}

ul.mega-menu ul li {
	width:230px;
	/*margin:3px 0px 2px 5px;*/
	padding:2px 0px 3px 5px;
    float:left;
}	

ul.mega-menu ul li ul li{
	height:auto;
}

ul.mega-menu ul li a {
	font-weight:bold;
}


ul.mega-menu li li a {
	border-right:0px;
}

ul.mega-menu li li.active {
	background:transparent;
}




/*Level 3*/

ul.mega-menu li ul ul { 
	             /* makes the child block visible - one of the most important declarations */
     margin:3px 0px 0px 0px;
	 padding:0px 0px 0px 5px;;
   	 position:absolute;
 	 top:0px;
  	 left:245px;
	 background:#939598;  
	 width:245px;
	 border-top:2px solid #ffffff;
} 


ul.mega-menu ul li li {
	padding:0px 0px;
	margin:0px;	
	overflow:hidden;	
	width:240px;
}


ul.mega-menu li:hover > div.expander ul li > div.expander2 {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 24px;                    /* position slightly lower than the parent menu item */
  left: -10px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}

ul.mega-menu li:hover > div.expander ul li:hover > div.expander2 {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */  
}


ul.mega-menu ul li li a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}




#topborder {
	padding:0px;
	border:0px;
	height:2px;
	background:#ffffff;
	overflow:hidden;
	width:239px;

}

#topborder #tbleft{
	padding:0px;
	border:0px;
	float:left;
	height:2px;
	padding:0px 15px;
	background:#8A8C8E
}	

#rsslink {
	border:0px;
	padding:0px;
	margin:0px;
	float:left; 
	overflow:hidden;
}

#rsslink a {

}

#rsslink img {
	float:left;
}

/* 1ST LEVEL */

ul.mega-menu a:visited {
	color:#ffffff;
}

ul.mega-menu a, ul.mega-menu ul a {
	 color:#ffffff;
}
 
ul.mega-menu li.active a {
	color:#ffffff;
}
/* END 1ST LEVEL */

/* 2ND LEVEL */
ul.mega-menu li:hover li a {
	color:#ffffff;
}
ul.mega-menu li:hover li:hover a {
	color:#034EA2;
}

ul.mega-menu li.active li.active  a {
	color:#034EA2;
}
/* END 2ND LEVEL */


/* 3RD LEVEL */
ul.mega-menu li:hover li:hover li a {
	color:#333133;
}

ul.mega-menu li:hover li:hover li:hover a {
	color:#ffffff;
}

ul.mega-menu li li li.active a {
	color:#c0c0c0;
}

ul.mega-menu li.active li.active li.active a {
color:#ffffff;
}

/* END 3RD LEVEL */