/* default stylesheet settings unless overridden by specific settings*/
* { 
padding: 0em; 
margin:0em; 
font-family:arial, verdana, sans-serif;

}

/* preload the background images for the menu */
.preload1 {background: url(../images/pblue.gif);}
.preload2 {background: url(../images/ablue.gif);}

/* description of the top menu bar, color, bg, etc */
#mainnav { 
padding: 0 0; 
margin:0; 
margin-top:0; 
list-style:none; 
height:25px; 
background:#4d6ea1 url(../images/blueex.gif) repeat-x; 
position:relative; 
z-index:500; 

}
/*positioning for the top menu links*/
#mainnav li.top {
display:block; 
float: left;
height:25px; 

}

#mainnav li a.top_link {
display:block; 
float:left; 
height:25px; 
line-height:28px; 
color:#fff; 
text-decoration:none; 
font-size:12px; 
font-weight:bold; 
padding: 0 0 0 9px; 
cursor:pointer;
background: url(../images/blueex.gif);

}

/* the distance between the links, background image/color between menu items */
#mainnav li a.top_link span {
float:left; 
display:block; 
padding: 0 24px 0 12px; 
height:28px; 
background: url(../images/blueex.gif) right top no-repeat;

}
/* for the links that have dropdown menus, this displays the white down arrow */
#mainnav li a.top_link span.down {
float:left; 
display:block; 
padding: 0 24px 0 12px; 
height:28px; 
background: url(../images/ablue.gif) no-repeat right top;

}

/* when the mouse hovers, it underlines the top link text */
#mainnav li:hover a.top_link {
color:#fff; background: url(../images/pblue.gif) no-repeat; 
text-decoration: underline;

}


#mainnav li:hover a.top_link span {
background:url(../images/pblue.gif) no-repeat right top;
text-decoration: underline;

}


#mainnav li:hover a.top_link span.down {
background:url(../images/ablue.gif) no-repeat right top;
text-decoration: underline;

}


#mainnav li:hover {
position:relative; 
z-index:200;

}

/*submenus*/

#mainnav li:hover ul.sub {
left:1px; 
top:27px; 
background: #4d6ea1; 
padding:1px; 
border:1px solid #13a89e; 
white-space:nowrap; 
width:139px; 
height:auto; 
z-index:300;

}


#mainnav li:hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:139px; 
font-weight:normal;

}


#mainnav li:hover ul.sub li a {
display:block; 
font-size:12px; 
height:18px; 
width:139px; 
line-height:18px; 
text-indent:5px; 
color:#fff; 
text-decoration:none;
border:0px solid #4d6ea1;

}

#mainnav li ul.sub li a.fly {
background:#4d6ea1 url(../images/arrow.gif) 130px 4px no-repeat;

}

#mainnav li:hover ul.sub li a:hover {
background:#13a89e; color:#fff; border-color:#fff;

}

#mainnav li:hover ul.sub li a.fly:hover {
background:#13a89e url(../images/arrow_over.gif) 130px 4px no-repeat; color:#fff;

}


#mainnav li:hover li:hover ul,
#mainnav li:hover li:hover li:hover ul,
#mainnav li:hover li:hover li:hover li:hover ul,
#mainnav li:hover li:hover li:hover li:hover li:hover ul {
left:136px; 
top:-4px; 
background: #4d6ea1; 
padding:3px; 
border:1px solid #13a89e; 
white-space:nowrap; 
width:139px; 
z-index:400; 
height:auto;

}

#mainnav ul, 
#mainnav li:hover ul ul,
#mainnav li:hover li:hover ul ul,
#mainnav li:hover li:hover li:hover ul ul,
#mainnav li:hover li:hover li:hover li:hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;

}

#mainnav li:hover li:hover a.fly,
#mainnav li:hover li:hover li:hover a.fly,
#mainnav li:hover li:hover li:hover li:hover a.fly,
#mainnav li:hover li:hover li:hover li:hover li:hover a.fly {
background:#13a89e url(../images/arrow_over.gif) 130px 4px no-repeat; 
color:#fff; 
border-color:#fff;

} 

#mainnav li:hover li:hover li a.fly,
#mainnav li:hover li:hover li:hover li a.fly,
#mainnav li:hover li:hover li:hover li:hover li a.fly {
background:#4d6ea1 url(../images/arrow.gif) 130px 4px no-repeat; 
color:#fff; 
border-color:#4d6ea1;

}