/* CSS styles for Hover Menu navigation elements - D de Alwis Feb 2007 */
/* Some styles superceded by individual browser styles ie. ie7.css/ie6/css etc */

.popupMenu {
	position: absolute;	
	visibility: hidden;
	background-color: #CC6666;
	/*
	opacity: .85;
	filter: alpha(opacity=85);
    */
	border: 0px dotted #dadada;
	overflow: visible;
	z-index: 1;
	white-space: nowrap;
    /* margin: -130px 15px 0 42px;   base setting for all browsers - originally */
    margin: -130px 15px 0 132px;  /* base setting for all browsers */
    padding: 0;
    width: auto;
    min-width: 99%; 
}

#nav ul li .popupMenu a:link, #nav ul li .popupMenu a:visited {
	display: block;	
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	border-bottom: 0;
}

.popupHover 
{
    /* margin: 0 -15px 0 -17px; */
    margin: -3px -15px -3px -17px;	
	background-color: #d6d6d6;
	display: block;
	padding: 3px 0 3px 17px;
	color: #fff; /* font color is unaffective */
}

.popupControl
{
    float: inherit;
	background-color: #dadada;
	position: absolute;
	visibility: visible ;
	overflow: auto ;
	border: 1px dotted Maroon;
	width: 150px;
	/* margin: -100px 0 0 25px;     */
    
}

.popupLink {
	position: absolute;	
	visibility: hidden;
	background-color: #dadada;
	/*
	opacity: .93;
	filter: alpha(opacity=95);
*/
	border: 1px solid #CC3333;
	overflow: visible;
	z-index: 1;
    padding: 1px 0 1px 2px;
    color: #fff;
}