@CHARSET "UTF-8";

/* cf http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#menu {
 width: 892px;
 height: 21px;
 margin-bottom: 21px;
 padding-left: 8px;
 position: relative;
 line-height: 1;
 border-color: #000;
 border-style: solid;
 border-width: 1px 0pt;
 z-index: 100;
}


#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none; 
 line-height: 1;
}


#nav a {
 display: block;
 /*width: 10em;*/
 border-width: 0pt;   
 text-decoration: none;
 color: #000;
 height: 21px;
 padding: 0pt 15px;
 background-color: #fff;
 line-height: 20px;
 font-size: 1.5em;
 overflow: hidden;  
 z-index: 10000;
}


#nav li {
 float: left;
 z-index: 10000;
 /*width: 10em;*/
}

#nav li ul {
 position: absolute;
 width: 132px;
 left: -999em;
 border-width: 0pt;
}

#nav li#nav_index ul   { width: 92px; }
#nav li#nav_contact ul { width: 162px; }

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
 border-bottom: 1px solid #000;
}

#nav li ul ul {
 margin: -22px 0 0 131px;
 width: 282px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
 left: -999em;
}

#nav li:hover ul, #nav li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul {
 left: auto;
}


#nav li li a {
 width: 100px;
 border-color: #000;
 border-style: solid;
 border-width: 1px 1px 0pt;   
}

#nav li#nav_index li a { width: 60px; }
#nav li#nav_contact li a { width: 130px; }

#nav li li li a {
 width: 250px;
}


#nav li:hover a, #nav li.sfhover a, 
#nav li:hover li:hover a, #nav li.sfhover li.sfhover a,
#nav li:hover li:hover li:hover a, #nav li.sfhover li.sfhover li.sfhover a  {
 color: #fff;
 background-color: #5C2269;
}

#nav li:hover li a, #nav li.sfhover li a,
#nav li:hover li:hover li a, #nav li.sfhover li.sfhover li a  {
 color: #000;
 background-color: #fff; 
}