/** customize colors here */ a.mainlevel, a.mainlevel:link, a.mainlevel:visited,{ background-colorz: #1a2e4f; color: black; background: url(../images/m1.bmp) repeat-x; font-family: Arial; } a.mainlevel:hover,{ background-colorz: #E0E0E0; color: yellow; font-family: Arial; } a.mainlevel2, a.mainlevel2:link, a.mainlevel2:visited,{ font-weight: bold; background-colorz: #1a2e4f; text-decoration: none; color: #ff8800; font-family: Arial; } a.mainlevel2:hover,{ color: yellow; font-family: Arial; } a.mainlevel3, a.mainlevel3:link, a.mainlevel3:visited,{ font-weightz: bold; background-colorz: #1a2e4f; text-decoration: none; color: #ff8800; font-family: Arial; } a.mainlevel3:hover,{ color: blue; font-family: Arial; } a.mainlevel4, a.mainlevel4:link, a.mainlevel4:visited,{ font-weight: bold; background-colorz: #ff8800; text-decoration: none; color: blue; font-family: Arial; } a.mainlevel4:hover,{ color: yellow; font-family: Arial; } a.mainlevel5, a.mainlevel5:link, a.mainlevel5:visited,{ font-weight: bold; text-decoration: none; color: blue; font-family: Arial; } a.mainlevel5:hover,{ color: #ff8800; font-family: Arial; } a.mainlevel6, a.mainlevel6:link, a.mainlevel6:visited,{ font-weightz: bold; background-colorz: #1a2e4f; text-decoration: none; color: #000; font-family: Arial; } a.mainlevel6:hover,{ color: blue; font-family: Arial; } a.sublevel, a.sublevel:link, a.sublevel:visited, span.sublevel, { background-colorZ: #ff8800; color: black; background: url(../images/m2.bmp) repeat-x; font-family: Arial; } a.sublevel:hover,{ background-colorz: #E0E0E0; color: yellow; background: url(../images/m1.bmp) repeat-x; font-family: Arial; } a.sublevel2, a.sublevel2:link, a.sublevel2:visited, span.sublevel, { color: black; font-family: Arial; } a.sublevel2:hover,{ background-colorz: #E0E0E0; color: #ff8800; background: url(../images/m2.gif) repeat-x; font-family: Arial; } a.sublevel3, a.sublevel3:link, a.sublevel3:visited, span.sublevel3, { background-colorZ: #ff8800; color: black; background: url(../images/arrow.gif) no-repeat right center; font-family: Arial; } a.sublevel3:hover,{ background-colorz: #E0E0E0; color: #ff8800; font-family: Arial; background : url(../images/arrow1.gif) no-repeat right center; } /** customize style / layout here */ a.mainlevel, a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover, { font-weight: bold; font-size: 100%; text-align: left; text-decoration: none; display: block; border: 0px solid silver; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 0.0em 1.0em 0.3em 1.5em; /* top, right, bottom, left */ } a.sublevel, a.sublevel:link, a.sublevel:visited, a.sublevel:hover, { font-weight: bold; font-size: 100%; text-align: left; text-decoration: none; display: block; border: 0px solid silver; border-bottom: 1px solid #ddd; padding: 0.0em 1.4em 0.3em 1.5em; /* top, right, bottom, left */ } a.sublevel2, a.sublevel2:link, a.sublevel2:visited, a.sublevel2:hover, { font-weight: bold; font-size: 100%; text-align: left; text-decoration: none; display: block; border: 0px solid silver; padding: 0.0em 1.4em 0.3em 1.5em; /* top, right, bottom, left */ } a.sublevel3, a.sublevel3:link, a.sublevel3:visited, a.sublevel3:hover, { font-weight: bold; font-size: 100%; text-align: left; text-decoration: none; display: block; border: 0px solid silver; border-bottom: 1px solid #ddd; padding: 0.0em 1.4em 0.3em 1.5em; /* top, right, bottom, left */ } ul.mainlevel li { padding: 0; margin: 0; background: none; float: left; } ul.mainlevel ul { display: block; position: absolute; left: -999em; margin: -0.0em 0 0 0em; width: auto; height: auto; z-index: 101; } ul.mainlevel li:hover ul, ul.mainlevel li.hover ul { left: auto; } a.sublevel_current, a.sublevel { width: auto; }