@charset "UTF-8";

/* Architerra PC (C) 2014 - All Rights Reserved */

/* ============================== */
/*  Bar Top Menu -                */
/* ------------------------------ */
/* a Classes inside li tags       */
/*    top / top_arrow             */
/*    dropdown / dropdown_arrow   */
/*    flyout / flyout_arrow       */
/* ============================== */
                                                      
.nav_container a, 
.nav_container a:visited {
  background: transparent;
  display: block;
  margin: 0;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;  }

.nav_container a:hover {
  background: #51b59f;   
  color: #ffffff;
  text-decoration: none;  }

.nav_container li:hover {
	cursor: pointer;
	z-index: 100; }

	
/* ----------------- */
/* Top Menu Settings */
/* ----------------- */
.nav_container ul {       
  float: left;
  list-style: none;
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: 150px; }

.nav_container li {
  height: 28px;
  position: relative; }

.nav_container li a, 
.nav_container li a:visited  {
  color: #ffffff;
  height: 28px;
  padding: 10px 0 0 16px;  }
 
.nav_container li a:hover {
  color: #ffffff;
  height: 28px;
  margin: 0;
  padding: 10px 0 0 16px;  }
    
.nav_container a.top, 
.nav_container a.top:visited { }
.nav_container a.top:hover { }
.nav_container a.top_arrow, 
.nav_container a.top_arrow:visited {
  background-image: url(nav_top.png);
  background-position: 3px center;
  background-repeat: no-repeat;  }
.nav_container a.top_arrow:hover { 
  background-image: url(nav_top_hover.png);
  background-position: 3px center;
  background-repeat: no-repeat;  }


/* ----------------------- */
/* Drop Down Menu Settings */
/* ----------------------- */
  
.nav_container ul ul {  
  background-color: #006b53;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #666666;
  border-right: 1px solid #999999;
  border-top: 1px solid #cccccc;
	display: none;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
	padding: 0;
  position: absolute;
	top: auto;
  width: 200px;
  z-index: 501;  }

.nav_container li li {
  height: 40px;
  position: relative;  }

.nav_container li li a, 
.nav_container li li a:visited {
  color: #eeeeee;
  height: 28px;
  padding: 10px 0 0 16px;  }
 
.nav_container li li a:hover {
  background: #f74802; /* Orange Dropdown Highlight */
  color: #ffffff;
  height: 28px;
  padding: 10px 0 0 16px; }

.nav_container a.dropdown, 
.nav_container a.dropdown:visited { }

.nav_container a.dropdown:hover { }

.nav_container a.dropdown_arrow,
.nav_container a.dropdown_arrow:visited 	{
  background-image: url(../template/nav_dropdown.png);
  background-position: right center;
  background-repeat: no-repeat;  }

.nav_container a.dropdown_arrow:hover 	{
  background-image: url(../template/nav_dropdown_hover.png);
  background-position: right center;
  background-repeat: no-repeat;  }


/* ----------------------- */
/* Flyout Menu Settings */
/* ----------------------- */

.nav_container ul ul ul {           
  background-color: #007f62;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #666666;
  border-right: 1px solid #999999;
  border-top: 1px solid #cccccc;
  font-size: 14px;
  font-weight: normal;
	left: 100%;
  margin: 0;
	padding: 0;
	top: 0;
  width: 250px;
  z-index: 502;  }

.nav_container li li li {
  position: relative;  }

.nav_container li li li a, 
.nav_container li li li a:visited {
  color: #eeeeee;
  height: 28px;
  padding: 10px 0 0 16px; }
.nav_container li li li a:hover {
  color: #ffffff;
  height: 28px;
  padding: 10px 0 0 16px;  }



div.nav_container li:hover ul ul,
div.nav_container li li:hover ul ul,
div.nav_container li li li:hover ul ul,
div.nav_container li li li li:hover ul ul {
  display: none;  }

div.nav_container li:hover ul,
div.nav_container li li:hover ul,
div.nav_container li li li:hover ul,
div.nav_container li li li li:hover ul {
  display: block;  }