@media all
{

#navbar {
  height: 38px;
  width: 100%;
  border-top: solid 1px #053c6a;
  border-bottom: solid 1px #053c6a;
  overflow: visible !important;
  background: #6a89a2;
}

#navbar div {
  height: 38px;
  width: 20%;
  float: left;
  color: #fff;
  padding: 0px;
  cursor: pointer;
  position: relative; 
  z-index: 1005;
}

#navbar ul {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1010;
  margin-top: -1px;
  border-top: solid 1px #053c6a;
}

#navbar font {
  font-family: "Century Gothic", "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  text-align: right;
  padding: 6px 8px;
  font-size: 15pt !important;
  height: 27px;
  display: block;
  margin: 0;
}  

#navbar a {
  color: #fff;
}

#navbar a:hover {
  color: #fff;
  text-decoration: none;
}


#navbar div li {
  list-style-image: none;
  list-style-type: none;
  text-align: left;
  padding-right: 8px;
  border-left: solid 25px black;
  font-size: 11pt; 
  z-index: 1000;
  color: #fff;
  padding-left: 10px;
  margin-left: 1px;
}

/* specific buttons colors */

#nav_1 {
  background: url(../graphics/navbar_1.png) top right #e26b54;
}
#nav_2 {
  background: url(../graphics/navbar_2.png) top right #e7983e;
}
#nav_3 {
  background: url(../graphics/navbar_3.png) top right #f2ce39;
}  
#nav_3 font {
  font-size: 13pt;
  line-height: 11pt; 
  padding: 3px 8px 5px 8px;
  display: block;
  height: 31px;
}
#nav_4 {
  background: url(../graphics/navbar_4.png) top right #a6cc40;
}
#nav_5 {
  background: url(../graphics/navbar_5.png) top right #6392e6;
  margin-right: -2px;
}

#nav_1 ul {
  background: #e26b54 !important;
  border-bottom: solid 1px #b92a25;
  border-top: solid 1px #b92a25;
}
#nav_1 ul li {
  border-left-color: #ef8b6c;
  border-right: solid 1px #b92a25;
}
#nav_1 ul li:hover {
  background: #eea184;
}

#nav_2 ul {
  background: #e7983e !important;
  border-bottom: solid 1px #ad3e05;
  border-top: solid 1px #ad3e05;
}
#nav_2 ul li {
  border-left-color: #f1c450;
  border-right: solid 1px #ad3e05;
}
#nav_2 ul li:hover {
  background: #eeb45d;
}

#nav_3 ul {
  background: #f2ce39 !important;
  border-bottom: solid 1px #b77200;
  border-top: solid 1px #b77200;
}
#nav_3 ul li {
  border-left-color: #fbe857;
  border-right: solid 1px #b77200;
}
#nav_3 ul li:hover {
  background: #fae65a;
}

#nav_4 ul {
  background: #a6cc40 !important;
  border-bottom: solid 1px #869722;
  border-top: solid 1px #869722;
}
#nav_4 ul li {
  border-left-color: #c6e15a;
  border-right: solid 1px #869722;
}
#nav_4 ul li:hover {
  background: #b4dd5e;
}

#nav_5 ul {
  background: #6392e6 !important;
  border-bottom: solid 1px #216fb7;
  border-top: solid 1px #216fb7;
}
#nav_5 ul li {
  border-left-color: #81b3ee;
  border-right: solid 1px #216fb7;
}
#nav_5 ul li:hover {
  background: #80a0ed;
}




/* Hovering stuff, do not play with */

  
#navbar div{
 list-style: none;
 list-style-image: none;
 display: block; 
}

#navbar div ul {
 display: none;
}

#navbar div ul li {
  display: block;
}
 

#navbar div:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  
  
}

#navbar div {
  display: block !important;
  display: inline; /*For IE*/
}



/* Do Not Move - Must Come Before display:block for Gecko */
#navbar div:hover ul ul,
#navbar div:hover ul ul ul,
#navbar div.iehover ul ul,
#navbar div.iehover ul ul ul {
  display: none;
}

#navbar div:hover ul,
#navbar div:hover div ul, /*was previously... #navbar:hover div ul, */
#navbar div.iehover ul {
  display: block;
}

}