/* ------------- Top Navigation Area ------------ */


#blue-nav-area {
width: 1005px;
height: 39px;
margin: 0;
padding: 0;
background-image: url(/images/blue_nav_banner.gif);
background-position: top left;
background-repeat: no-repeat;
}


/* ----- Top Navigation Structure ----- */

#nav-list {
margin: 0;
padding: 0 0 0 27px; /* <--- moves the nav left or right */
font-weight: bold;
font-size: 14px;
line-height: 12px;
}

#nav-list ul {
list-style: none;
margin: 0;
padding: 0;
}


/*  ---- Navigation Flyout Styles  ------ */

ul#nav-list { list-style: none; position: relative; }

ul#nav-list ul {
 width: 190px; /* Sub Menu Width */
 margin: 0;
 padding: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#nav-list ul ul,ul#nav-list ul ul ul { top: 0; left: 100%; }

ul#nav-list li { float: left; display: inline; position: relative; }
ul#nav-list ul li { width: 100%; display: block; }

/* Root Menu */
ul#nav-list a {
 padding: 14px 18px 13px 18px;
 float: left;
 display: block;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 height: 1%; 
}

/* Root Menu Hover Persistence */
ul#nav-list a:hover,ul#nav-list li:hover a,ul#nav-list li.iehover a {
 background-image: url(/images/blue_nav_hover.gif);
 background-repeat: repeat-x;
 background-position: center;
 color: #fff;
}

/* added this to make borders on sub flyout list items and outside only border on sub-sub flyout */

#nav-list-sub {
border-bottom: 1px solid #4f90c6;
border-left: 1px solid #4f90c6;
border-right: 1px solid #4f90c6;
z-index:100;
}

#nav-list-sub li {
border: none;
}

#nav-list-sub-sub {
border-top: 1px solid #4f90c6;
border-bottom: 1px solid #4f90c6;
border-left: 1px solid #4f90c6;
border-right: 1px solid #4f90c6;
}

#nav-list-sub-sub li {
border: none;
}

/* 2nd Menu */
ul#nav-list li:hover li a,ul#nav-list li.iehover li a { 
 float: none;
 background: #1a5c93;
 font-size: 13px;
 font-weight: normal;
 padding: 10px;  /* <---- Change padding size here if needed */
}

ul#nav-list li:hover li a.fly, ul#nav-list li:hover li a:hover.fly {  /* added this for the topnav-arrow.gif to work */
background-image: url(/images/topnav-arrow.gif);
background-repeat: no-repeat;
background-position: right center;
}

ul#nav-list li.iehover li a.fly, ul#nav-list li.iehover li a:hover.fly {  /* added this for the topnav-arrow.gif to work */
background-image: url(/images/topnav-arrow.gif);
background-repeat: no-repeat;
background-position: right center;
}

/* 2nd Menu Hover Persistence */
ul#nav-list li:hover li a:hover,ul#nav-list li:hover li:hover a,ul#nav-list li.iehover li a:hover,ul#nav-list li.iehover li.iehover a {
 background: #0c2f56;
}

ul#nav-list li:hover li a:hover.fly,ul#nav-list li:hover li:hover a.fly,ul#nav-list li.iehover li a:hover.fly,ul#nav-list li.iehover li.iehover a.fly { /* added this for the topnav-arrow.gif to work */
 background-image: url(/images/topnav-arrow.gif);
 background-repeat: no-repeat;
 background-position: right center;
}

/* 3rd Menu */
ul#nav-list li:hover li:hover li a,ul#nav-list li.iehover li.iehover li a {
 background: #0c2f56;
 padding: 10px; /* <---- Change padding size here if needed */
 }

/* 3rd Menu Hover Persistence */
ul#nav-list li:hover li:hover li a:hover,ul#nav-list li:hover li:hover li:hover a,ul#nav-list li.iehover li.iehover li a:hover,ul#nav-list li.iehover li.iehover li.iehover a {
 background: #011021;
}

/* 4th Menu */
ul#nav-list li:hover li:hover li:hover li a,ul#nav-list li.iehover li.iehover li.iehover li a {
 background: #0c2f56;
}

/* 4th Menu Hover */
ul#nav-list li:hover li:hover li:hover li a:hover,ul#nav-list li.iehover li.iehover li.iehover li a:hover {
 background: #0c2f56;
}

/* Hover Function - Do Not Move */
ul#nav-list li:hover ul ul,ul#nav-list li:hover ul ul ul,ul#nav-list li.iehover ul ul,ul#nav-list li.iehover ul ul ul { display: none; }
ul#nav-list li:hover ul,ul#nav-list ul li:hover ul,ul#nav-list ul ul li:hover ul,ul#nav-list li.iehover ul,ul#nav-list ul li.iehover ul,ul#nav-list ul ul li.iehover ul { display: block; }