/* CSS Document */ /**************** menu1 coding *****************/ #menu { width:198px; height:34px; text-transform:uppercase; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu1.gif) no-repeat; text-decoration: none; height:34px; } #menu a:hover { color: #8f0030; background:url(../menuimages/menu1.gif) no-repeat; height:34px; } #menu ul ul { border:2px solid #FFFFFF; } #menu ul ul a { color: #8f0030; background-image:none; background-color:#f1296c; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu ul ul a:hover { color: #ffffff; background-image:none; background-color:#e2014d; padding-left:10px; height:20px; } #menu li { position: relative; } #menu ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu ul ul, div#menu ul li:hover ul ul {display: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul {display: block;} /**************** menu2 coding *****************/ #menu2 { width:198px; height:34px; text-transform:uppercase; } #menu2 ul { list-style: none; margin: 0; padding: 0; } #menu2 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu2 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu2.gif) no-repeat; text-decoration: none; height:34px; } #menu2 a:hover { color: #005051; background:url(../menuimages/menu2.gif) no-repeat; height:34px; } #menu2 ul ul { border:2px solid #FFFFFF; } #menu2 ul ul a { color:#005051; background-image:none; background-color:#20bbbc; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu2 ul ul a:hover { color: #ffffff; background-image:none; background-color:#007172; padding-left:10px; height:20px; } #menu2 li { position: relative; } #menu2 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu2 ul ul, div#menu2 ul li:hover ul ul {display: none;} div#menu2 ul li:hover ul, div#menu2 ul ul li:hover ul {display: block;} /**************** menu3 coding *****************/ #menu3 { width:198px; height:34px; text-transform:uppercase; } #menu3 ul { list-style: none; margin: 0; padding: 0; } #menu3 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu3 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu3.gif) no-repeat; text-decoration: none; height:34px; } #menu3 a:hover { color: #003d86; background:url(../menuimages/menu3.gif) no-repeat; height:34px; } #menu3 ul ul { border:2px solid #FFFFFF; } #menu3 ul ul a { color: #003d86; background-image:none; background-color:#5f9be1; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu3 ul ul a:hover { color: #ffffff; background-image:none; background-color:#1c5eac; padding-left:10px; height:20px; } #menu3 li { position: relative; } #menu3 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu3 ul ul, div#menu3 ul li:hover ul ul {display: none;} div#menu3 ul li:hover ul, div#menu3 ul ul li:hover ul {display: block;} /**************** menu4 coding *****************/ #menu4 { width:198px; height:34px; text-transform:uppercase; } #menu4 ul { list-style: none; margin: 0; padding: 0; } #menu4 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu4 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu4.gif) no-repeat; text-decoration: none; height:34px; } #menu4 a:hover { color: #009b5b; background:url(../menuimages/menu4.gif) no-repeat; height:34px; } #menu4 ul ul { border:2px solid #FFFFFF;} #menu4 ul ul a { color: #009b5b; background-image:none; background-color:#67f5bb; text-decoration: none; padding-left:10px; height:20px; width:300px; border-bottom:1px solid #FFFFFF } #menu4 ul ul a:hover { color: #ffffff; background-image:none; background-color:#10b06e; padding-left:10px; height:20px; } #menu4 li { position: relative; } #menu4 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu4 ul ul, div#menu4 ul li:hover ul ul {display: none;} div#menu4 ul li:hover ul, div#menu4 ul ul li:hover ul {display: block;} /**************** menu5 coding *****************/ #menu5 { width:198px; height:34px; text-transform:uppercase; } #menu5 ul { list-style: none; margin: 0; padding: 0; } #menu5 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu5 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu5.gif) no-repeat; text-decoration: none; height:34px; } #menu5 a:hover { color: #a80e77; background:url(../menuimages/menu5.gif) no-repeat; height:34px; } #menu5 ul ul { border:2px solid #FFFFFF; } #menu5 ul ul a { color: #a80e77; background-image:none; background-color:#e684c7; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu5 ul ul a:hover { color: #ffffff; background-image:none; background-color:#a71f7c; padding-left:10px; height:20px; } #menu5 li { position: relative; } #menu5 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu5 ul ul, div#menu5 ul li:hover ul ul {display: none;} div#menu5 ul li:hover ul, div#menu5 ul ul li:hover ul {display: block;} /**************** menu6 coding *****************/ #menu6 { width:198px; height:34px; text-transform:uppercase; } #menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu6 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu6.gif) no-repeat; text-decoration: none; height:34px; } #menu6 a:hover { color: #518a01; background:url(../menuimages/menu6.gif) no-repeat; height:34px; } #menu6 ul ul { border:2px solid #FFFFFF; } #menu6 ul ul a { color: #518a01; background-image:none; background-color:#b0eb5e; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu6 ul ul a:hover { color: #ffffff; background-image:none; background-color:#00c272; padding-left:10px; height:20px; } #menu6 li { position: relative; } #menu6 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu6 ul ul, div#menu6 ul li:hover ul ul {display: none;} div#menu6 ul li:hover ul, div#menu6 ul ul li:hover ul {display: block;} /**************** menu7 coding *****************/ #menu7 { width:198px; height:34px; text-transform:uppercase; } #menu7 ul { list-style: none; margin: 0; padding: 0; } #menu7 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu7 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu7.gif) no-repeat; text-decoration: none; height:34px; } #menu7 a:hover { color: #aa8e00; background:url(../menuimages/menu7.gif) no-repeat; height:34px; } #menu7 ul ul { border:2px solid #FFFFFF; } #menu7 ul ul a { color: #aa8e00; background-image:none; background-color:#fad92e; text-decoration: none; padding-left:10px; height:20px; width:250px; border-bottom:1px solid #FFFFFF } #menu7 ul ul a:hover { color: #ffffff; background-image:none; background-color:#cbaa00; padding-left:10px; height:20px; } #menu7 li { position: relative; } #menu7 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu7 ul ul, div#menu7 ul li:hover ul ul {display: none;} div#menu7 ul li:hover ul, div#menu7 ul ul li:hover ul {display: block;} /**************** menu8 coding *****************/ #menu8 { width:198px; height:34px; text-transform:uppercase; } #menu8 ul { list-style: none; margin: 0; padding: 0; } #menu8 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu8 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu8.gif) no-repeat; text-decoration: none; height:34px; } #menu8 a:hover { color: #098c9d; background:url(../menuimages/menu8.gif) no-repeat; height:34px; } #menu8 ul ul { border:2px solid #FFFFFF; } #menu8 ul ul a { color: #098c9d; background-image:none; background-color:#7cd2dd; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu8 ul ul a:hover { color: #ffffff; background-image:none; background-color:#029fb4; padding-left:10px; height:20px; } #menu8 li { position: relative; } #menu8 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu8 ul ul, div#menu8 ul li:hover ul ul {display: none;} div#menu8 ul li:hover ul, div#menu8 ul ul li:hover ul {display: block;} /**************** menu9 coding *****************/ #menu9 { width:198px; height:34px; text-transform:uppercase; } #menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu9 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu9.gif) no-repeat; text-decoration: none; height:34px; } #menu9 a:hover { color: #8d4e04; background:url(../menuimages/menu9.gif) no-repeat; height:34px; } #menu9 ul ul { border:2px solid #FFFFFF; } #menu9 ul ul a { color: #8d4e04; background-image:none; background-color:#db9645; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu9 ul ul a:hover { color: #ffffff; background-image:none; background-color:#a35800; padding-left:10px; height:20px; } #menu9 li { position: relative; } #menu9 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu9 ul ul, div#menu9 ul li:hover ul ul {display: none;} div#menu9 ul li:hover ul, div#menu9 ul ul li:hover ul {display: block;} /**************** menu10 coding *****************/ #menu10 { width:198px; height:34px; text-transform:uppercase; } #menu10 ul { list-style: none; margin: 0; padding: 0; } #menu10 a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 3px; } #menu10 a { color: #fff; padding-left:30px; padding-top:6px; background:url(../menuimages/menu10.gif) no-repeat; text-decoration: none; height:34px; } #menu10 a:hover { color: #b64400; background:url(../menuimages/menu10.gif) no-repeat; height:34px; } #menu10 ul ul { border:2px solid #FFFFFF; } #menu10 ul ul a { color: #b64400; background-image:none; background-color:#db9645; text-decoration: none; padding-left:10px; height:20px; border-bottom:1px solid #FFFFFF } #menu10 ul ul a:hover { color: #ffffff; background-image:none; background-color:#ce8530; padding-left:10px; height:20px; } #menu10 li { position: relative; } #menu10 ul ul { position: absolute; top: 0; left: 100%; width: 100%; } div#menu10 ul ul, div#menu10 ul li:hover ul ul {display: none;} div#menu10 ul li:hover ul, div#menu10 ul ul li:hover ul {display: block;} /**************** menuTop coding *****************/ /* IE 6 */ * html #menu ul { position:absolute;} * html #menu2 ul { position:absolute;} * html #menu3 ul { position:absolute;} * html #menu4 ul { position:absolute;} * html #menu5 ul { position:absolute;} * html #menu6 ul { position:absolute;} * html #menu7 ul { position:absolute;} * html #menu8 ul { position:absolute;} * html #menu9 ul { position:absolute;} * html #menu10 ul { position:absolute;}