/* CSS Document */
body{
/*enables the hover behavior in IE; requires script*/
behavior:url(/csshover.htc);
}
/*this is a hack for IE the * is a wildcard for everything IE*/
*{margin:0;;padding:0;
}

div#listmenu{
width:750px;
margin-left:auto;
margin-right:auto;
/*makes the div enclose the list so the div stretches all the way across the page*/
float:left;
font-size:1em;
background-color:#fff;
border-top:2px solid #00a54e;

}

/*indent ul from the edge of the div container*/
div#listmenu ul{
width:600px;
margin-left:100px;
font-weight:bold;
padding-left:50px;
z-index:200;
}
*html div#listmenu li{

border-left:2px solid #00a54e;


}
*html div#listmenu ul{
/*a hack for IE that makes the ul wrap the list*/
float:left;
/*adds the left vertical line to the menu*/
/*compensates for IE doubling margin for the listmenu ul; instead of 100px margin, as above, we have 50px here*/
margin-left:42px;

}
div#listmenu li{
/*make the list horizontal instead of vertical*/
float:left;
/*positions dropdowns with respect to the horizontal menu items*/
position:relative;
/*get rid of the list bullets*/
list-style-type:none;
background-color:#ff1f00;
border-right:2px solid #00a54e;
border-bottom:2px solid #00a54e;


}
/*makes the left border for the menu*/
div#listmenu li:first-child{
border-left:2px solid #00a54e;
}
div#listmenu li:hover{
background-color:#00a54e;
}

div#listmenu a{
display:block;
text-decoration:none;
color:white;
padding:0 6px;
/*set color for the hot link*/
}

div#listmenu a:hover{
color:;
}
/*sets background color of the menus items*/

/*Begin styling items in dropdown lists*/
div#listmenu ul li ul{
/*prevents the temp margin on ul from inheriting here*/
margin:0;
/*positions dropdown ul in relation to relatively positioned li parent*/
position:absolute;
/*sets width of menu; in combo with li's 100% width, makes the menu stack*/
width:20em;
/*aligns dropdown exactly under the menu*/
left:-2px;

}
/*see relative positioning on div#listmenu li that affects dropdown positions*/

div#listmenu ul li ul li{
/*makes list items fill list container (ul)*/
width:100%;
/*three sides of each dropdown item*/
border-top:2px solid #00a54e;
border-bottom:1px solid #00a54e;
border-left:2px solid #00a54e;
border-right:2px solid #00a54e;
background-color:#ffcc00;
margin-left:-50px;
}
div#listmenu ul li ul li:firstchild{
border-top:1px solid #00a54e;

}
/*style the dropdown menu link properties*/
div#listmenu ul li ul li a{
color:white;
}
/*hide dropdown when it's not being hove#ff1f00 over*/
body div#listmenu ul li ul{
display:none;
}
div#listmenu ul li:hover ul,div#listmenu ul li ul:hover{
display:block;
}
*html div#listmenu ul li ul{
border-top:1px solid #00a54e;
border-left:0px;
}
