/**** Main Navigation Menus ****/
/* Horizontal menu with drop down links */
div.menus_ngs_main {
 font-family: arial;
 position: absolute;
 top: 0px;
 left: 0px;
 display: block;
 width: 800px;
 background: #3a5298;
 font-size: 11px;
 font-weight: bold;
}

/* remove all the bullets from all ULs that are within a .menus_ngs_main */
.menus_ngs_main ul {
 list-style-type: none;
 list-style-position: outside;
}

/* define what all links within a .menus_ngs_main look like by default*/
.menus_ngs_main a, .menus_ngs_main a:visited, .menus_ngs_main a:active, .menus_ngs_main a:hover {
 text-decoration: none;
 font-weight: bold;
 background: transparent;
}

/* float the top level list to make it horizontal
 * give it a relative positon so that you can control the dropdown menu positon */
div.menus_ngs_main>ul>li {
 float:left;
 width: auto;
 position: relative;
 padding: 0px 10px;
 border-right: 1px solid white;
 text-indent: 0px;
}

/* customize top level links */
div.menus_ngs_main>ul>li>a, div.menus_ngs_main>ul>li>a:visited {
 vertical-align: middle;
/* color: #fff;*/
 line-height: 29px;
}

/* define what the top level and its links look like when hovering over it */
div.menus_ngs_main>ul>li:hover, div.menus_ngs_main>ul>li:hover>a {
/* color: #CCC;*/
 list-style-type: none;
}

/* hide the sub level and give it a positon absolute so that they take up no room */
.menus_ngs_main li>ul {
 position: relative;
 visibility: hidden;
 background: #CCC; 
 position: absolute;
 top: 100%;  /* this places it at the bottom of the top menu */
 width: 180px;
 left: 0px;
 padding-bottom: .6em;
 border-top: 1px solid #fff;
 filter: alpha(opacity=96); /* for IE */
 opacity: 0.96; /* CSS3 standard */
}

/* make the second level visible when hover over top level */
.menus_ngs_main li:hover>ul {
 visibility: visible;
}

/* links in the drop down list */
.menus_ngs_main li>ul a {
 display: block;   /* This allows the auto width to have an affect */
 color: #000;
 line-height: 1.5em;
 padding-left: 10px; 
 width: auto;
}

/* visted links in the drop down list */
.menus_ngs_main li>ul a:visited {
 color: #444;
}

/* links in the drop down list when being scrolled over */
.menus_ngs_main li>ul a:hover, .menus_ngs_main li>ul a:visited:hover {
/* color: #FFF;*/
}

#menus_ngs_main_search{
 width: 160px;
 display: block;
 margin: 0px;
 padding: 0px;
 float: right;
 border: none;
}

#menus_ngs_main_search .searchbox {
 display: inline; 
 width: 90px;
 height: 16px;
 font-family: arial;
 margin: 0px;
 padding: 1px;
 margin-right: 4px;
 vertical-align: middle;
 border: none;
}

#menus_ngs_main_search .searchbtn {
 display: inline; 
 vertical-align: middle;
 height:  27px;
 font-family: arial; 
 background: none;
 color:#ffffff; 
 font-size: 11px;
 font-weight:bold; 
 cursor:pointer;
 margin: 0px;
 padding: 0px;
 border: none;
}
/**** End Main Navigation Menu ****/


/**** Left Side Vertical Page Menu ****/
.menus_page_vert {
 font-size: 1em;
 margin: 0px;
 padding: 10px;
 width: 75%;
}

.menus_page_vert * {
 margin: 0px;
 padding: 0px;
}

.menus_page_vert h2, .menus_page_vert h2 a, .menus_page_vert h2 a:visited, .menus_page_vert h2 a:active {
 font-size: 1em;
 font-weight: 900;
 color: #990000;
 padding: 0px;
}

.menus_page_vert a, .menus_page_vert a:visited, .menus_page_vert a:active {
 display: block;
 color: #003366;
 font-weight: bold;
 text-decoration: none;
}

.menus_page_vert br {
 line-height: .5em;
}

.menus_page_vert li:hover>a {
 color: #999;
 text-decoration: none;
}

ul.menus_page_vert, .menus_page_vert ul {
 list-style-position: outside;
 list-style-type: none;
 list-style-image: none;
}

.menus_page_vert .menus_full {
 width: 90%;
}

.menus_page_vert li, .menus_page_vert h2 {
 position: relative;
 line-height: 1.1em;
 text-indent: 0px;
 list-style-type: none;
 padding-top: .3em;
 padding-bottom: .3em;
}

.menus_page_vert li.dropmenu {
 background: transparent url('/ngsstandard/images/dropmenu-indicator2.png') no-repeat scroll top right;
}

/* hide the sub level and give it a positon absolute so that they take up no room */
.menus_page_vert li.dropmenu ul {
 list-style-type: none;
 list-style-image: none;
 list-style-position: outside;
 display: none;
 position: absolute;
 left: 100%;
 top: 0;
 width: 100%;
 background: white;
 filter: alpha(opacity=96); /* for IE */
 opacity: 0.96;             /* CSS3 standard */

 border: 1px solid #9db9d5; /* #3A5298 */
 border-left: 4px solid #9db9d5; /* #3A5298 */
}


.menus_page_vert .dropmenu:hover ul {
 display: block;
}

.menus_page_vert .dropmenu li {
 padding-left: 5px;
} 

.menus_page_vert .dropmenu li:hover {
 background: #9db9d5;
}

.menus_page_vert .dropmenu li>a, .menus_page_vert .dropmenu li>a:visited, .menus_page_vert .dropmenu li>a:active {
 color: #003366;
 text-decoration: none;
}

.menus_page_vert .dropmenu li:hover>a, .menus_page_vert .dropmenu li:hover>a:visited, .menus_page_vert .dropmenu li:hover>a:active  {
 color: #fff;
 text-decoration: none;
}

.menus_page_vert .AccordionContainer .AccordionContent{
    padding-left: 10px;
}
/**** End Left Side Page Menu ****/