/* -------------------------------
   =PAGE STYLES
   ------------------------------- */
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

/* -------------------------------
   =PRIMARY NAVIGATION - Horizontal
   ------------------------------- */
   
#container{
  background-color: #405467;
  height: 20px;
  
}

#primary-nav {
  position: relative;
  font-family: verdana, sans-serif;
  padding: 0;
  z-index: 1;
  background-color: #405467;
 
}
  * html #primary-nav {
    height: 1%;
  }

#primary-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #405467;
}

#primary-nav ul li {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline;
  background-color: #405467;  
  z-index: 2;
}

#primary-nav ul li a {
  padding: 0;
  background-color: #405467;  
  text-decoration: none;
  font-size: 12px;
  color: #FFFFFF;
}

#primary-nav  ul li a:hover {
  padding: 0;
  background-color: #405467;
  color: #ABC292;
  
}
#primary-nav ul li a.active,
#primary-nav ul li a.active:hover {
  background-color: #dbe4ef;
  color: #000;
}
/*-------------------------------------- 
   SECOND LEVEL NAV ITEM - vertical
 ---------------------------------------*/

#primary-nav ul ul {
  position: absolute; 
  display: none;
  left: 0;
  top: 100%;
  border: 1px solid #1E272F;
  margin-top: 0px;
  z-index: 3;
}

  /* Hides from IE-mac \*/
  * html #primary-nav ul,
  * html #primary-nav ul ul li {
    height: 1%;
    }
  /* End hide from IE-mac */  
  
#primary-nav ul ul li {
  position: relative;
  clear:left;
  float: left;
  z-index: 4;
}

#primary-nav ul ul li a {
  display: block;
  border-bottom: 1px solid #1E272F;
  width: 12em;
  overflow: hidden;
 /*  padding: .5em 1em;*/
  padding: 1px 0.5em;
  font-size: 10px;
}
#primary-nav ul ul li a:hover {
  padding: 1px 0.5em;
  background-color: #EEEDF1;
  color: #1E272F;
  font-size: 10px;
 }
 
#primary-nav ul ul li a.active,
#primary-nav ul ul li a.active:hover {
  background-color: #dbe4ef;
  color: #000;
}
/*---------------------------
  THIRD LEVEL NAV- vertical 
------------------------------*/
#primary-nav ul ul li ul {
  position: absolute; 
  margin-top: 0px;
  top: 0;
  left: 100%;
  z-index: 5;
  
}


/* subnav arrow images */
a.has-subnav {
  background-image: url(/images/subarrows.gif);
  background-repeat: no-repeat; 
  background-position: 98% 0;
}
a.has-subnav:hover {
  background-image: url(/images/subarrows.gif);
  background-position: 98% -60px;
}
#primary-nav ul ul a.active-has-subnav,
#primary-nav ul ul a.active-has-subnav:hover {
  color: #000;
  background: #dbe4ef url(/images/subarrows.gif) no-repeat 98% -120px;
}


/* -------------------------------
   =IFRAME HACK for hiding select box in IE
   ------------------------------- */
#primary-nav iframe {
  display:none;/* hide from IE5*/
  display/**/:block;/* show for other than IE5*/
  position:absolute;
  top:0;
  left:0;
  margin-left: -1px;
  /*width: 18.3em;  */
  /*width: 12 em;*/
  z-index:-1;
  filter:mask();
}

#primary-nav ul ul ul iframe {
  /*width: 14.2em;*/
  /*width: 12 em;*/
}