/*=========================================*/
div#stitle { float:right; position:relative; font-size: 11px; line-height:21px; z-index: 150; padding-right: 1px; }

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

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#stitle li { width: 100px; position:relative; text-align: left; float:left; }

/* style the links for the top level */
#stitle a, #stitle a:visited { display:block; text-decoration:none; color:#fff; padding-left: 15px; background: #4c5154 url("../images/arrow03.gif") no-repeat 5px 5px; line-height:21px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#stitle ul ul { visibility:hidden; position:absolute; height:0;	top:21px; left:0; }

#stitle ul ul li { width: 100px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
#stitle table { position:absolute; top:0; left:0; }

/* style the second level links */
/* #stitle ul ul a, #stitle ul ul a:visited { background:#4c5154; color:#000; } */

/* style the top level hover */
#stitle a:hover { color:#fff; background: #2d2d2d url("../images/arrow03.gif") no-repeat 5px 5px; }
#stitle :hover > a { color:#fff; background: #2d2d2d url("../images/arrow03.gif") no-repeat 5px 5px; }

/* style the second level hover */
#stitle ul ul a:hover{ 	color:#fff; background: #2d2d2d url("../images/arrow03.gif") no-repeat 5px 5px; }
#stitle ul ul :hover > a { color:#fff;	background:#2d2d2d url("../images/arrow03.gif") no-repeat 5px 5px; }

/* make the second level visible when hover on first level list OR link */
#stitle ul li:hover ul, #stitle ul a:hover ul{
	visibility:visible; 
}

/*=========================================*/