/*

we need some IE condtionals for the css

*/


div#navigation-wrapper{
  background-color: #135fa7;
  color: #fff;
  height: 30px;

}

div#navigation {
    float: left;
    width: 900px;
    color: #fff;
    padding: 0 0 0 1em;
    margin: 0;
	}

div#navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
	}

div#navigation li {
    float: left;
    position: relative;
    white-space: nowrap; 
    background: url(/pps/images/pipe.gif)  0% 50% no-repeat;  /*  add pipe */
      height: 30px; 
	}
	
	
div#navigation li.home-nav {background: transparent;}			/*  don't want pipe on first link */

div#navigation li ul li {background: transparent;}				/*  don't want it on sub-nav either... */

div#navigation>ul a {width:auto;}

div#navigation a {
	display: block;  
	font-weight: bold; 
	letter-spacing: 2px; 
	font-size: 11px; 
	padding: 9px 15px 7px 15px; 
	width: auto;
	letter-spacing: 1px;
	
	}
	
div#navigation a:link 		{color: #fff; 	text-decoration: none;}
div#navigation a:visited 	{color: #fff; 	text-decoration: none;}
div#navigation a:hover 		{color: #fff; 	background: #3a9ee5 ; 		text-decoration: none;}

div#navigation li ul {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #1576bb;
    width: 150px; overflow: hidden;
    z-index:5000;
	}

div#navigation li ul li a {	border-top: 1px solid #a6d0ee; width: 150px; background: transparent;} 

div#navigation li:hover ul li {display:block;  background-image: none; background-color: #1576bb;}

div#navigation li:hover {background:#1576bb;}
div#navigation li:hover ul {display:block;}
div#navigation li:hover ul, div#navigation li.over ul{
    display: block;
}

.pipe {float: left;margin-top: 5px;margin-left:-1px; color:#a6d0ee; }