﻿.menuTd2 {width:60px; height:29px; font-size:12px;  font-family:Helvetica; position:relative; z-index:100; border-style: none; text-align:center; background-color:Transparent; font-weight:normal}
        /* remove all the bullets, borders and padding from the default list styling */
        .menuTd2 ul {padding:0;margin:0;list-style-type:none; font-family:Helvetica;width:60px; padding-top:0px; padding-left:0px; background-color:Transparent; font-weight:normal}
        .menuTd2 ul ul {width:60px; padding-top:0px; background-color:Transparent; font-weight:normal}
        /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
        .menuTd2 li {float:left;position:relative; background-color:Transparent; font-weight:normal}
        /* style the links for the top level */
        .menuTd2 a, .menuTd2 a:visited {display:block;font-size:12px;text-decoration:none; color:black;  width:60px; height:29px; border-style:none; font-weight:bold; line-height:30px; background-color:Transparent; font-weight:normal}

        /* style the second level background */
        .menuTd2 ul ul a.drop, .menuTd2 ul ul a.drop:visited {color:black;width:120px;background-color:#ffcc66;font-weight:normal}
        /* style the second level hover */
        .menuTd2 ul ul a.drop:hover{font-weight:bold; color: black;width:120px; border-style:none;background-color:#ffcc66; font-weight:bold}
        .menuTd2 ul ul :hover > a.drop {font-weight:bold; color: black;background-color:#ffcc66; width:60px; border-style:none; font-weight:bold}


        /* hide the sub levels and give them a positon absolute so that they take up no room */
        .menuTd2 ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:120px; background-color:Transparent; font-weight:normal}


        /* style the table so that it takes no ppart in the layout - required for IE to work */
        .menuTd2 table {position:absolute; top:0; left:0; border-collapse:collapse; background-color:Transparent; font-weight:normal}

        /* style the second level links */
        .menuTd2 ul ul a {background-color:#ffcc66; color:black; height:20px; line-height:150%; padding-top:0px; padding-bottom:0px; width:120px;border-top-style:solid; border-top-color:white; border-top-width:1px; font-size:12px; border-left-style:none; border-right-style:none; border-bottom-style:none; font-weight:normal}
        .menuTd2 ul ul a:visited {background-color:#ffcc66; color:black; height:20px; line-height:150%; padding-top:0px; padding-bottom:0px; width:120px;border-top-style:solid; border-top-color:white; border-top-width:1px; font-size:12px; border-left-style:none; border-right-style:none; border-bottom-style:none; font-weight:normal}
       

        /* style the top level hover */
        .menuTd2 a:hover {color:black;width:60px; border-bottom-style:none; background-color:Transparent; font-weight:bold}
        .menuTd2 ul ul a:hover{color:black;width:120px; border-bottom-style:none;background-color:#ccffff; font-weight:bold}
        .menuTd2 :hover > a {color:black;width:60px; border-bottom-style:none; background-color:Transparent; font-weight:bold}
        .menuTd2 ul ul :hover > a { color:black;width:120px; border-bottom-style:none;background-color:#ccffff; font-weight:bold}

        /* make the second level visible when hover on first level list OR link */
        .menuTd2 ul li:hover ul,
        .menuTd2 ul a:hover ul{visibility:visible;background-color:Transparent; color: black;width:120px;font-weight:normal}
    	