/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



/*

#menucontainer{

	margin-left: 2%;

}

*/



.treemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

font-size:1em;

}



/*Top level list items*/

.treemenu ul li{

position: relative;

display: inline;

float: left;

/*background-color: #F3F3F3; overall menu background color*/

}



/*Top level menu link items style*/

.treemenu ul li a{

display: block;

width: 90px; /*Width of top level menu link items*/

padding: 1px 8px;

border-right: 1px solid #BBB;

border-left-width: 0;

text-decoration: none;

color: navy;

text-align: center;

}

	

/*1st sub level menu*/

.treemenu ul li ul{

left: 0;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.treemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.treemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;

}



/* Sub level menu links style */

.treemenu ul li ul li a{

display: block;

width: 200px; /*width of sub menu levels*/

color: navy;

text-decoration: none;

padding: 1px 5px;

border-left: 1px solid #ddd;

border-bottom: 1px solid #ddd;

text-align: left;

background: #ffffff;

}



.treemenu ul li a:hover{

background-color: #DDDDDD;

color: #ff0000;

}



/*Background image for top level menu list links */

.treemenu .mainfoldericon{

background: url(images/arrow-down.gif) no-repeat center right;

}



/*Background image for subsequent level menu list links */

.treemenu .subfoldericon{

/*background: #F3F3F3 url(images/arrow-right.gif) no-repeat center right;*/

background: url(images/arrow-right.gif) no-repeat center right;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows tree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

	

/* Holly Hack for IE \*/

* html .treemenu ul li { float: left; height: 1%; }

* html .treemenu ul li a { height: 1%; }

/* End */