/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

/*

*{margin:0;padding:0;border:none;}



body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;} */





/* Begin CSS Popout Menu */



#menu {

width:100%;

float:left;

margin-bottom:10px;

margin-top:0px;

position: absolute;

left: 5px;

top: 5px;

z-index:100;


}



#cont11 {

position: absolute;

left: 5px;

top: 60px;

}

div.marginset {

	margin-left: 20px; margin-right: 15px;

}





div#menu ul ul a {



font-size:14px;

font-family: Arial, Helvetica, sans-serif;

display:block;

border-width:2px;

border-style:solid;

font-weight:normal;

border-color:#c00 #000 #c00 #c00;

white-space:nowrap;

margin:0;

padding:4px 4px 4px 4px;

background:#eee;

text-decoration:none; 

color:#800;

}





div#menu ul a {

	color:white;

	text-decoration:none;

}

div#menu  ul a.hover {

	color:white;

	background-color:black;

}



div#menu ul a.active {

	color:red;	

}





div#menu ul ul a:active {

	color:#060;

	background-color:#ccc;

}



div#menu ul ul a:hover {

color:#ffffff;

background:#000033;

}









div#menu h2{

font-size:14px;

font-family:Arial, Helvetica, sans-serif;

font-weight:bold;

display:block;

border-width:0px;

border-style:solid;

border-color:#ccc #000 #ccc #ccc;

white-space:nowrap;

margin:0;

padding:1px 0 1px 3px;

cursor:text;

}













div#menu ul{

list-style:none;

margin:0px;

padding:0px;

float:left;

width:17em;

}





div#menu li:hover{

cursor:pointer;

z-index:100;

}



div#menu ul ul{

position:absolute;

z-index:500;

top:auto;

display:none;

}



div#menu ul ul ul{

top:0;

left:100%;

}



/* Begin non-anchor hover selectors */



/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method 


*/


div#menu li {

position:relative;

}



div#menu h2:hover{

background:#ff0000;

}





div#menu li:hover ul ul,

div#menu li li:hover ul ul,

div#menu li li li:hover ul ul,

div#menu li li li li:hover ul ul

{display:none;}



div#menu li:hover ul,

div#menu li li:hover ul,

div#menu li li li:hover ul,

div#menu li li li li:hover ul

{display:block;}



/* End of non-anchor hover selectors */



/* Styling for Expand */



/* End CSS Popout Menu */