@charset "utf-8";

/* For Menu Testing Only */
/*
body, html{margin:0;padding:0;}
body{height:764px;}
.hand{cursor:pointer;}
.help{cursor:help;}
*/
/* CSS Popout Menu */

div#menu{
    width: 11em;
    padding-top: 3px;
}

#menu a{
	text-decoration: none;
	color: black;
}
#menu a:visited{
	color: black;
}


#menu h2{
	padding-left: 1.0em;
    padding-right: 0em;
    padding-top: 0.7em;
    padding-bottom: 0.5em;

    margin: 0px;
    
    font-size: 13px;
    font-family: verdana; 
    font-weight: none;
    color: #003311;

	border-right:1px solid #AAAAAA; 
	border-bottom:1px solid #AAAAAA;
    display: block;
    background: #eeeecc;
}

#menu h2.stylesblogo{
	padding-left:2em;
}

#menu h2.stylesblogo:hover{
	background: #ffffdd;
	border-right: 1px solid #ddddbb;
	border-bottom: 1px solid #ddddbb;
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}




div#menu li, span#menu li {
	position:relative;
}

span#menu ul, span#menu ul ul, div#menu ul, div#menu ul ul, div#menu ul ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	left: 100%;
}

div#menu ul ul li{
	width: 200px;
	border: 1px solid #aaa;
	border-left: 0px;
	border-top: 0px;
}

span#menu ul ul.outreach {
	width:15em;
	padding:0px;
	top:-13em;
}
span#menu ul ul.outreach li {
	border: 1px solid #aaa;
	border-left: 0px;
	border-top: 0px;	
}  

div#menu ul ul.long1{
	top: -5em;
}
div#menu ul ul li.long1{
	width: 25em;
}


#menu ul ul ul li{

width: 6em;
border: 1px solid #aaa;
border-top: 0px;
color: #aa8;
background: #ffe;

}

#menu ul ul ul li.longer1{
	width: 12em;
}

#menu ul ul ul.longer2{
	top: -10em;
}
#menu ul ul ul li.longer2{
	width: 15em;
}

#menu ul ul ul li.longer3{
	width: 8em;
}



/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
/* End */



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


span#menu ul li:hover ul, div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block;
border: 1px solid #ddd;
position:absolute;

}

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
border-right:1px solid #AAAAAA; border-bottom:1px solid #BBBB77;

/*width: 11em;*/



    padding-left: 2.0em;
    padding-right: 0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    
    z-index:1;

 margin: 0px;


    /*background: #f0f0d0;*/
    display: block;

/*    border: 1px solid #ffd;*/
    
    background: #eeeebb;
    color: #003311;
    
    font-size: 13px;
    font-family: Arial, Helvetica; 
    font-weight: bold;
}

#menu a.x:hover{

    background: #ffe;
    color: black;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid #DDDDBB;
}

#menu a.x2, #menu a.x2:visited{
	margin:0px;
	color:blue;
}

#menu a.x2:hover{
	color:red;
}

#menu a.y{

	font-family: Arial, Helvetica;

	background: #ffe;
	display: block;

	font-size: 12px;

	font-weight:normal;

	position:relative;
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 8px;
		
	z-index:50;
	
}

#menu a.y:hover, #menu a.y:active{

color: #55f;
background: #dd9;
}

span#menu a.y{
	/*top:-19em;*/
}