/* CSS Document */

#navigation{
margin:0 auto;
padding:0;
width:900px;
}

#nav{
/*background:url(../images/menuBg.gif) top left repeat-x;*/
background:url(../images/menuBgII.gif) top left repeat-x;
margin: 0 auto;
margin-top:8px;
padding: 1.1em 0 0 0;  
width:100%
}

/* to stretch the container div to contain floated list */
#nav:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navlist {        
	list-style: none;
     	padding: 0;
     	margin: 0 auto;  
     	padding-left: 43px;
	width:656px;
  	height:57px;
  	float:left;
  	position:relative;
}

ul#navlist li {
        display: block;
        float: left;
      margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;    
        padding:0.7em;
	padding-left:20px;
	padding-right:20px;
        border-left:solid 1px #999999;
        color: #777;
        text-decoration: none;
        
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
          background:url(../images/tabActive.jpg) top left repeat-x;
    /*    background:url(../images/tabActiveII.jpg) top left repeat-x;*/
 color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #ffffff;
        background:url(../images/tabActive.jpg) top left repeat-x;
        border-left:solid 1px #999999;
}
.lastItem{
	float:left;
	border-left:solid 1px #999999;
	height:34px;
	
}