/* CSS Document */



#mainNav {
position: absolute; left: 7px; top:75px;  z-index: 900; 
margin: 0   ; padding: 0 ; 
width:  750px;    /* IE & Moz */
wi\dth: 700px;  /* IE then reads this, Moz doesn't */
}


/* NAVIGATION*/
#nav, #nav ul {background: #D6DAB1; float:left; list-style: none; border-bottom: 1px solid #B4985A; margin: 0; padding: 0 5px 0 5px; font-size: 1em;  width: auto; float: left; } 
#nav a {  display: block; color: #333333; width:auto ; w\idth:8%;  } 
#nav li {  float: left; white-space:nowrap; border-right: 1px solid #B4985A;  margin: 0 0 0 0; display:inline-block ; padding: 2px 10px 2px 10px;   display:inline;}


#nav li ul { position: absolute;  left: -999em;  width: 420px; background: #E3DCBA;   height: 26px;  margin: 0 0 0 -6px; padding:0; border: 2px solid #74623A; border-left: 1px solid #fff; border-top: 2px solid #fff; z-index: 5100;   } 
#nav li:hover ul { left: auto;  margin: 1px 0 0 -150px;  }
#nav li:hover ul, #nav li.sfhover ul { left: auto; margin: 0px 0 0  -190px; padding:0; height: 26px;  z-index: 5100; }
#subMenuOn #nav li#p-ersonalities ul  { left: auto;  margin: 1px 0 0  -150px;  z-index: 5100; }


#nav li li {float: left;   background: #E3DCBA; padding: O; margin: 0; border-left: 1px solid #fff;}
#nav li li span {  display:inline-block ; margin:0; padding: 0px 4px 0px 2px; position:relative; }
#mainNav li.endR {
float:left; display:block; color:white;
text-decoration:none;
}
#mainNav li li.endR {
float:left; display:block; color:white;
text-decoration:none;
}

#mainNav a:hover { color:#8B9393;} 

#nav li li  a:hover { color:#B4985A;}