.navigation
{
    width:100%;
      
    float:left;
   height:38px;
    border: 1px solid #22afca;
           -webkit-box-shadow:0 0 5px #22afca; 
-moz-box-shadow: 0 0 5px #22afca; 
box-shadow:0 0 5px #22afca;
}
.top_banner_menu
{
   
    float:left;
    height:30px;
    margin:5px 0px 5px 310px;
}

/* Top Drop Down Menu Styles */
/* style for the containing div for the menu */
/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
div.topdropmenu 
{
    font-size: small; 
    font-weight: bold;
	height: 30px;
	float:left;
}
		
/* default ul tag style for this menu - you probably won't need to change this */
div.topdropmenu ul 
{
    list-style:none;
    margin:0px;
    padding:0px;
}

/* style for the actual menu links. display and height are important to the operation of the menu. 
change the others if you like (note:colour changes should probably go in the colour style sheets */
div.topdropmenu a 
{
    display:block;
    margin:0px;
    text-decoration:none;
}

/* default li tag style for this menu - you probably won't need to change this */
/* the postion:relative and float:left are critical to the correct operation of the menu */
div.topdropmenu ul li	
{
    position:relative; 
    float:left; 
    margin:0px;
}
		
/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
div.topdropmenu ul ul 
{
    position:absolute;
}

/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
/* if want extra levels of drop downs, you need to add extra styles here for each level*/
/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
/* please read the ImmSample documentation for more details */
div.topdropmenu ul ul, 
div.topdropmenu ul li:hover ul ul,
div.topdropmenu ul ul li:hover ul ul,			
div.topdropmenu ul ul ul li:hover ul ul,
div.topdropmenu ul.L0:hover li.stick ul.L1
{
    display:none;
    
}
		
div.topdropmenu ul li:hover ul,
div.topdropmenu ul ul li:hover ul,
div.topdropmenu ul ul ul li:hover ul,
div.topdropmenu ul ul ul ul li:hover ul
{
    display:block;
   
   
}
li.stick ul.L1,
li.stick ul.L2,
div.topdropmenu ul.L0:hover li.stick:hover ul.L1,
div.topdropmenu ul.L0 li.stick ul.L1:hover ul.L2,
div.topdropmenu ul.L0:hover li.stick ul.L1:hover ul.L2,
div.topdropmenu ul.L0:hover li.stick ul.L1 ul.L2
{
    display:block;
}	
/* This next block of styles controls the appearance of the top menu bar and also contains styles 
to override the level 0 styles for lowers levels where necessary */
/* it is this section which really differentiates the top drop down menu from a side flyout menu */

/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
/* This section defines the width of the menu items at different levels */
div.topdropmenu ul.L0		
{height:30px; } /* defines the total width of the top menu */
div.topdropmenu ul.L1       
{background: url(../../../../images/common/pointer.png) no-repeat 100% 0; padding-top: 9px; width: 600px;} /* width of level 1 leaves - set the width for IE browser*/


/* defines position of drop down leaves */
div.topdropmenu ul.L0 ul	{right:0;} /* position of first leaf */
div.topdropmenu ul.L1 ul	{top:25px; left:0%; } /* position of second leaf */

/* defines width of menu items */
.topdropmenu a			{}
.topdropmenu a:hover	{}

/* Level 0 Styles */
.topdropmenu UL UL.L0			{}	/* level 0 "leaf" properties - not really a leaf since its the top level */
.topdropmenu ul.L0 li	
{
    text-align: center; 
   
} 

.topdropmenu UL.L0 LI a
{
    color: #FFFFFF; 
    height:20px;
    margin:0 10px 0px;
    padding:7px 10px 4px; /*top - sides - bottom*/
 }

.topdropmenu UL.L0 LI a.selected,
.topdropmenu UL.L0 LI.stick a.selected,
.topdropmenu UL.L0 LI.stick a.L0hc,
.topdropmenu UL.L0 LI.stick UL.L1 li.stick a
{
    color: #22afca; 
   
}

  
.topdropmenu UL.L0 LI a:hover 
{
    color: #22afca; 
}

/* Level 1 Styles */

.topdropmenu UL UL.L1			{}

.topdropmenu ul.L1 li	
{
   top:-1px; 
   background:#231F20;
   white-space:nowrap; 
   float:right;
   padding:0 10px 0 10px;
   margin:0;
  /* width:110px;*/
}
 
.topdropmenu UL.L1 LI a         
{
   
    color:#FFFFFF; 
    padding-top: 2px; 
    padding: 2px 1px 0 1px;
    margin: 0 0 0;
    padding-bottom:0;
    text-align:left;
    position: relative ;
    z-index:2;
    /*float:right;*/
}
.topdropmenu UL.L1 LI a:hover   
{
    color: #22afca; 
    text-decoration: underline;
}

.L0hcDisable
{
    cursor:default;
}