/* NAVIGATION Menu */

div#navigation {
 position:absolute;
  top:130px !important;
 top:140px;
 left: 30px;
 padding: 4px 0 6px 0;
 background-color: transparent;
 height: 20px;
 z-index: 50;
}


#nav, #nav ul {
 float: left;
 width: 100%;
 list-style: none;
 line-height: 1;
 background: transparent;
 padding: 0;
 margin: 0;
 }

#nav a {
 display: block;
 width: auto;
 color: #000;
 text-decoration: none;
 padding: 0.25em 1.2em;
 font: bold 0.75em arial,verdana,helvetica,sans-serif;
 }

#nav li a:hover {
 color: #3E6284;
 }

#nav li {
 float: left;
 padding: 0;
 /*width: 5em;*/
 }

#nav li ul {
 position: absolute;
 left: -999em;
 /*height: auto;*/
 width: 5em;
 /*font-weight: normal;*/
 border-width: 0.25em;
 margin: 0;
 }

#nav li li {
 padding-right: 0.25em;
 width: 8em;
 }

#nav li ul a {
 display: block;
background: #D6E4EA;
 width: 8em;
 color: #000;
 text-decoration: none;
 padding: 0.50em 1em;
 font: bold 0.75em arial,verdana,helvetica,sans-serif;
/* border-right: none;*/
border-bottom: dotted 1px #3E6284;
 }
 
#nav>ul a{/*ie hack for width*/
 width: auto;
 }


#nav li li a:hover {
 color: #3E6284;
 position: static;/*make not sticky in IE 7.0*/
 }

#nav li ul ul {
 margin: -1.75em 0 0 7em;
 }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
 }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
 }

#nav li:hover, #nav li.sfhover {
color: #3E6284;
}