/* CSS Document */
#navigation{
width:960px; 
height:65px;
margin:0 auto;
padding:0px;
position:relative;
z-index:1000;
}

#navigation ul{
margin:0px;
padding:0px;
list-style:none;
padding-top:20px;

}
#navigation ul li{
float:left; 
height:45px;
margin-right:20px;
}

#navigation ul li a{
display:block;
height:45px;
line-height:40px;
text-decoration:none; 
font-size:14px; 
color:#f2f2f2;  
font-weight:normal;
padding-right:10px;
padding-left:10px;
float:left; 
}

#navigation ul li div.holder {
 position:absolute;
 left:-9999px;

 }
#navigation ul li div .leftSide {
float:left; 
background-color:#f5f5f5;
}
#navigation ul li div .rightSide {
 float:left; 
 margin-left:0px; 
 display:inline; 
 padding:0 10px 0 0; 
 background-color:#f5f5f5;
 background-image:url(../src-pix/background-hover.jpg);
 background-repeat:no-repeat;
 background-position:top left;
  box-shadow:0 0.5em 1em rgba(0,0,0,5);
 -moz-box-shadow:0 0.5em 1em rgba(0,0,0,5);
 -webkit-box-shadow:0 0.5em 1em rgba(0,0,0,5);
 }

#navigation ul li:hover {
 position:relative; 
 color:#2a2a2a;}
 
#navigation ul li a:hover {
 position:relative; 
 color:#2a2a2a;}
 
#navigation ul li a:hover b {
 color:#2a2a2a;}
 
#navigation ul li a.sub:hover {
 color:#2a2a2a; 
 position:relative;}
 
#navigation ul li a.sub:hover b {
 color:#2a2a2a; }

#navigation ul li:hover > a { 
 position:relative; }

#navigation ul li:hover a.sub {
 background-color:#f5f5f5; 
 white-space:nowrap; 
 position:relative; 
 color:#2a2a2a;}

#navigation ul li:hover a.sub > b {
 color:#2a2a2a;}

#navigation ul :hover div.holder {
 position:absolute; 
 top:42px; 
 left:0px; 
 margin: 0; 
 padding: 0;}

#navigation ul li.right a:hover div.holder {
 left:auto; 
 right:3px; 
 top:43px;}

#navigation ul li.right:hover div.holder {
left:auto; 
right:4px; 
top:43px;}

#navigation ul dl {
 width:auto; 
 margin:5px 0 10px 0; 
 padding:0 5px;
 list-style:none;}

#navigation ul dl dt {
 padding:10px; 
 margin:0; 
 line-height:20px; 
 color:#2a2a2a; 
 white-space:nowrap; 
 border-bottom:1px solid #d5d5d5; 
 margin-bottom:10px; 
 font-weight:bold;}

#navigation ul dl dd {
 display:block; 
 padding:0; 
 margin:0;}

#navigation ul dd a {
 color:#2a2a2a;
 display:block; 
 height: 20px; 
 line-height: 20px;
  font-size:0.9em;
  text-align:left;
  margin: 0; 
  padding:0 10px;
  font-weight:normal; 
  white-space:nowrap; 
  float:none;
  width:auto;}
  
#navigation ul li dd a:hover {
color:#2a2a2a;
background-color:#d5d5d5;
}

#navigation ul table td {
vertical-align:top;}

#navigation ul li a:hover{
background-color:#333333;
color:#f2f2f2;  
}

