/* NAVIGATION Menu */

div#navigation {
 position: relative;
 margin: 0;
 padding: 0;
 background-color: #23638F;
 border-bottom: solid 4px #CBE2E6;
 height: 15px;
 z-index: 30;
}


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

#nav a {
 display: block;
 width: auto;
 color: #fff;
 text-decoration: none;
 padding: 0.40em 0.50em;
 font: bold 0.65em verdana,arial,helvetica,sans-serif;
 }

#nav li a:hover {
 color: #ccc;
 }
 
#nav li {
 float: left;
 padding: 0;
 }

#nav li ul {
 position: absolute;
 left: -999em;
 width: 8em;
 border-width: 0.25em;
 margin: 0;
 }

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

#nav li ul a {
 display: block;
background: #23638F;
 width: 11em;
 color: #fff;
 text-decoration: none;
 padding: 0.50em 1.2em;
 font: bold 0.65em arial,verdana,helvetica,sans-serif;
/* border-right: none;*/
border-bottom: dotted 1px #fff;
border-left: solid 1px #fff;
 }
 
#nav>ul a{/*ie hack for width*/
 width: auto;
 }


#nav li li a:hover {
background-color: #23638F;
 color: #ccc;
 position: static;/*make not sticky in IE 7.0*/
 }

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

#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: #000;
}