/* CODEWARS HOLY GRAIL LAYOUT */
/************************/
/****** COYOTE CSS HOLY GRAIL ****/
/* last update 3/21/07 3pm*/

/************************/
/** MOUSIE MENU OF DOOM MOUSELINKS AND POPCORN: mouseover popups on links.   **/
/************************/
#mouse{
border-top:1px solid #333;
border-left:1px solid #333;
border-right:4px solid #333;
border-bottom:4px solid #333;
width:175px;
background-color:#007229;
background-image:url(../images/btngreenbar.gif);
background-repeat:repeat-y;
}
#mouse.mouselink{
display:block;
text-align:left;
width:150px;
left:10px;
position:absolute;
top:125px;
}

#mouse.mouselink ul{
padding:0;
margin: 0 0 10px 5px;
z-index:1;
/*border-bottom:1px solid #F93;*/

}

#mouse.mouselink ul li{
display:block;
position:relative;
list-style:none;
/*background-color:#00702b;*/
/*border-top:1px solid #F93;*/
margin:0 5px 0 0;
font-size:.9em;
padding:2px;
}

#mouse.mouselink ul li ul{
position: absolute; /*sub-elements are absolute, relative to the top level*/
width:160px;
margin-top:18px;
margin-left:1px;
left:-900px;
z-index:100;
background-color:#00702b;
border-left:1px solid #333;
border-right:4px solid #333;
border-bottom:4px solid #333;


}

#mouse.mouselink ul li ul li{
display:block;
width:150px;
}
/* dropdown sub-menu position behaviors*/

#mouse.mouselink li:hover ul, #mouse.mouselink li.sfhover ul{ 
  left: 100px;
  margin-top:-5px;

} 
/*mouselink appearance */
#mouse.mouselink ul li a{
text-decoration:none;
padding: 3px;
color:#ffe400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#mouse.mouselink ul li a:visited {
text-decoration:none;
color:f90;
}
#mouse.mouselink ul li a:hover{
text-decoration:underline;
color:#FFCC66;

}