﻿/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu {
margin:0;
padding:0;
}

.suckertreemenu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}

/*Top level list items*/
.suckertreemenu ul li {
position:relative;
display:inline;
float:left;
background-color:#F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a {
display:block;
/*width: 20px; Width of top level menu link items*/
margin:0px;
padding:0px;
border:none;
border-left-width:0;
text-decoration:none;
color:navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul {
position:absolute;
left:0px;
top:0; /* 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)*/
.suckertreemenu ul li ul li{
display:block;
float:left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left:172px; /* no need to change, as true value set by script */
top:0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
display:block;
width:160px; /* width of sub menu levels */
color:navy;
text-decoration: none;
padding:3px 5px;
border:1px solid #ccc;
}

.suckertreemenu ul li a:hover {
background-color:#5C8FBC;
color:white;
}


	

