/* START THE CODE FOR THE MENUS */ /* IF YOU EDIT THE SUB MENU WIDTH - EDIT 197 3 PLACES PLACE BELOW */ /* menu ver 6.0-V 2016 */ #menulocation { padding: 0; margin: 0px 0px 0px 0px; } .menuwidth { width: 204px; } /* AND EDIT left: 203px; BELOW */ .menu-leftspace { background-color: #00314E; width: 17px; } /* START MENU TOP LAYERED COLOR BOX */ #menutop { background: #00314E; position: relative; left: -17px; top: -155px; margin-bottom: -155px; height: 155px; width: 238px; margin-right: -34px; z-index: 10; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; } .menu-background { background-color: #00314E; border-left: 0px solid #2D516C; border-right: 0px solid #2D516C; padding: 0px 17px 0px 0px; } ul#top-nav, ul#top-nav ul { margin: 0; padding: 0; background: #000000; /* IE6 BUG */ } ul#top-nav li { position: relative; z-index: auto; list-style: none; } /* HIDE FROM IE MAC */ * html ul#top-nav li { float: left; height: 1%; } * html ul#top-nav li a { height: 1%; } /* END HIDE */ ul#top-nav ul { position: absolute; z-index: 500; display: none; left: 204px; top: 0px; } ul#top-nav li:hover ul ul, ul#top-nav li:hover ul ul ul, ul#top-nav li.over ul ul, ul#top-nav li.over ul ul ul { display: none; }/* START WITH HIDDEN MENUS */ ul#top-nav li:hover ul, ul#top-nav li li:hover ul, ul#top-nav li li li:hover ul, ul#top-nav li.over ul, ul#top-nav li li.over ul, ul#top-nav li li li.over ul { display: block; }/* SHOW MENUS */ /* START TOP LEVEL CODE ----------------------- */ ul#top-nav { border-top: 0px solid #335277; border-bottom: 0px solid #335277; } /* TOP LEVEL MARGINS, PADDING, FONT FACE & FONT COLORS */ #top-nav a { color: #F0F0F0; font: 12px arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left; padding: 12px 0px 12px 0px; /* NOTE: ABOVE ARE | top | right | bottom | left */ text-indent: 12px; width: 100%; display: block; cursor: pointer; } /* TOP LEVEL BACKGROUND AND BORDERS */ #top-nav li { background-color: #00314E; border-top: 0px solid #2D516C; border-bottom: 1px solid #2D516C; padding: 0px; /* FADE OUT */ transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s; } /* TOP LEVEL HOVER BACKGROUND */ #top-nav li:hover, #top-nav li:hover a.L1 { background-color: #335277; cursor: pointer; /* FADE UP */ transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s; } /* TOP LEVEL HOVER FONT COLOR */ ul#top-nav li a:hover, ul#top-nav li:hover a.L1 { color: #FFFFFF; text-decoration: none; cursor: pointer; } /* START SUB LEVEL CODE ----------------------- */ /* SUB LEVEL OUTER BORDER */ #top-nav li ul { width: 197px; border-top: 1px solid #003C60; border-left: 1px solid #003C60; border-right: 1px solid #003C60; border-bottom: 1px solid #003C60; } /* SUB LEVEL FONT & FONT COLOR & PADDING */ #top-nav li ul a { color: #3D6078; font: 12px arial, helvetica, sans-serif; font-weight: normal; display: block; text-decoration: none; text-align: left; cursor: pointer; padding: 11px 0px 11px 0px; text-indent: 7px; } /* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */ #top-nav li ul li { background-image: none; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; background-image: none; /* FADE OUT */ transition: background-color 0.0s ease; -webkit-transition: background-color 0.0s; } #top-nav li ul li:last-child { border-bottom: 0px solid #003C60; } /* SUB LEVEL HOVER BACKGROUND AND BORDERS */ #top-nav li ul li:hover { background-color: #DCE7F3; background-image: none; /* FADE UP */ transition: background-color 0.0s ease; -webkit-transition: background-color 0.0s; } /* SUB LEVEL FONT HOVER COLOR */ #top-nav li ul a:hover, #top-nav li ul li:hover a.parentSSM { color: #00314E; text-decoration: none; cursor: pointer; } /* START 3RD LEVEL MENU CODE ----------------------- */ /* 3RD LEVEL WIDTH & LOCATION */ #top-nav li ul li ul { position: absolute; z-index: 501; display: none; width: 197px; left: 197px; top: -1px; } /* 3RD LEVEL ARROWS */ #top-nav li ul li a.parentSSM { background: url("picts/menu-arrow-black.gif") center right no-repeat; } #top-nav li ul li:hover a.parentSSM { background: url("picts/menu-arrow-black.gif") center right no-repeat; } /* END 3RD LEVEL MENU CODE ----------------------- */