div {

}

div.dropdownmenu {
  float:left;
}
.dropdownmenu {
  width: 1000px;
	height: 65px;
	position: relative;
	z-index:1000; 
	font-family: comic Sans MS;
}

/* remove all the bullets, borders and padding from the default list styling */
.dropdownmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;

}

.dropdownmenu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 64px;
	left: 0;
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.dropdownmenu li {
	float: left;
	width:200px;
	position: relative;
	_text-align:center;
}

.dropdownmenu ul ul li {
	background-color:#A0ADD1;
/*	width:260px;*/
}

/* style the links for the top level */
.dropdownmenu a, .dropdownmenu a:visited {
	display: block;
	font-size: 22px;
	text-decoration: none;
	color: #fff;
	height: 60px;
	*height: 65px;
	line-height: 20px;
	text-align:left;
	white-space:nowrap;
	font-weight:normal;
  *line-height:21px;
  text-align:center;  
  padding-top:10px;
		
}

.dropdownmenu a span {
  font-size:12px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .dropdownmenu a, * html .dropdownmenu a:visited {
display: inline-block;
}

/* another hack for IE5.5 */
* html .dropdownmenu ul ul {
	top: 64px;/*top: 30px;*/
	t\op: 65px;/*t\op: 31px;*/
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropdownmenu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
	;
}
/* style the second level links */
.dropdownmenu ul ul a, .dropdownmenu ul ul a:visited {
	height: auto;
	line-height: 1em;
	padding: 5px 0px 5px 10px;
	font-size:13px;
	text-align:left;
	background:#A0ADD1 url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient.jpg) repeat-x;
  font-family:verdana, arial;
  font-weight:bold;
  color:#fff;
}

.dropdownmenu ul ul.green a, .dropdownmenu ul ul.green a:visited {
	background:#28AE73 url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient-green.jpg) repeat-x;
}



/* yet another hack for IE5.5 */
* html .dropdownmenu ul ul a, * html .dropdownmenu ul ul a:visited {
}
 
.dropdownmenu ul ul a:hover {
	background:#C8D0E4 url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient-hover.jpg) repeat-x;
	color: #08155C;
}

.dropdownmenu ul ul.green a:hover {
	background:#7DD1AF url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient-green-hover.jpg) repeat-x;
	color: #003333;
}


/* This is for IE 6*/
* html .dropdownmenu a:hover{
}

/* This is for IE 6*/
* html .dropdownmenu ul ul a:hover {
  /*background: #C8D0E4;*/
  
}



.dropdownmenu :hover > a{
	/*color: #FFF;*/
}

.dropdownmenu ul ul :hover > a {
	text-decoration: none;	
	background:#C8D0E4 url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient-hover.jpg) repeat-x;
}

.dropdownmenu ul ul.green :hover > a {
	background:#7DD1AF url(/portals/_default/skins/candybaskets/images/dropdownmenu-gradient-green-hover.jpg) repeat-x;
}

/* make the second level visible when hover on first level list OR link */
.dropdownmenu ul li:hover ul, .dropdownmenu ul a:hover ul {
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link
.dropdownmenu ul:hover ul ul {
	visibility: hidden;
}*/ 
/* make the third level visible when you hover over second level list OR link 
.dropdownmenu ul:hover ul:hover ul {
	visibility: visible;
}*/