/* h1 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/logo.png", sizingMethod="crop"); }

h1 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imgs/logo.png", sizingMethod="crop"); } */



h1 { background:url(imgs/logo.png) no-repeat top left; }



h1 a { background:url(imgs/logo.png) no-repeat top left; }




#menu { margin-bottom:4px; float:left; width:100%; } 
#menu ul { list-style:none; font-size:13px; font-weight:bold; padding:0; }
#menu a, 
#menu h2 { display:block; margin:0; padding:2px 3px; 
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 

}
#menu li a { height:30px; display:block; color:#fff; text-decoration:none; padding-left:14px; line-height:30px;
height: 1%; /* make links honour display: block; properly */
font-size:0.9em;
}
#menu a:hover { background:#984066;}


#menu li { /* make the list elements a containing block for the nested lists */
position:relative; background:#cc91aa; border:1px solid #fff; border-width:0 1px 1px 0; 
float: left; /* cure IE5.x "whitespace in lists" problem */

width: 100%;

} 

/*
#menu ul li {

float: left; // cure IE5.x "whitespace in lists" problem 

width: 100%;

}*/

#menu ul li a {

height: 1%; /* make links honour display: block; properly */

} 



#menu a, #menu h2 {

font: bold 0.7em/1.4em arial, helvetica, sans-serif; 

/* if required use em's for IE as it won't resize pixels */

}


#menu ul ul { position:absolute; top:0; left:100%; /* to position them to the right of their containing block */

width: 100%; /* width is based on the containing block */ }



div#menu ul ul,

div#menu ul li:hover ul ul { display:none; }



div#menu ul li:hover ul,

div#menu ul ul li:hover ul { display:block; }