/* Main navigation */ #navigationContainer{ padding-top:0px; padding-right:0px; width:173px; margin:0px 0px 0px 0px; z-index:1000; } #navigation li { font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000000; /* changes color of std icons */ padding:4px 0px 4px 0px; margin-bottom:2px; } .menu-container{ display:block; width:173px; } ul#main-menu a { color:black; } ul#main-menu > li > a { margin-left:0; } ul#main-menu > li { display:block; border-bottom: 1px solid #CEDCE7; margin-top:2px; padding-left:6px; padding-right:6px; } #navigation ul li { font-size:11px; list-style-type: none; position: relative; float: left; margin: 0px 0px; width:161px; } #navigation ul li li { font-size: 11px; padding: 2px 5px; margin-bottom:3px;margin-top:1px; } #navigation a { font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration:none;} #navigation a:hover { color: #C41E3A; } #navigation .selected a:hover { color: white; } #navigation ul.sub-menu li, #navigation ul.open-sub-menu li { list-style-type:square; list-style-image:none; list-style-position:outside; } #navigation ul li ul li {padding: 0px 0px;} /* sub menu */ #navigation li ul.sub-menu { display: none; position: absolute; top:2px; margin:0px; margin-top:-2px; margin-left:0px; padding: 1px 1px 1px 1px; border: none; width:auto; } #navigation li ul.sub-menu li { padding-top:1px; padding-bottom:1px; margin:0px 0px 1px 0px; margin-bottom:1px; font-size:1em; border:none; } #navigation li ul.sub-menu { background-color:lime; } #navigation li.over ul.sub-menu { left:173px; display: block; background-color:#7FAFD9; } #navigation li.over ul.sub-menu li { background-color:#7FAFD9; } #navigation li.over ul.sub-menu li a { color:black; } #navigation li.over ul.sub-menu li.over a { color:white; } #navigation li.over ul.sub-menu li { list-style-type:square; list-style-image:none; list-style-position:inside; } #navigation ul.sub-menu li a, #navigation ul.open-sub-menu li a { margin-left:0px; padding-left:0px; } #navigation ul.sub-menu li, #navigation ul.open-sub-menu li { padding-left:0px; margin-left:15px; } #navigation li.over ul.sub-menu li { margin-left:6px; } #navigation li.open-menu { color:white; } /* open sub menu */ #navigation li ul.open-sub-menu { padding: 0px; border: none; width: 160px; margin:3px 3px 3px 6px; } #navigation li ul.open-sub-menu li { width: 145px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:2px; } #navigation li ul.open-sub-menu li.selected { border:1px solid white; } /* #navigation ul.open-sub-menu li:hover { xborder:1px solid white; xwidth: 148px; } */ #navigation ul.open-sub-menu li { width:100px } #navigation li a { margin-left:6px; } #navigation li { background-color:#9DC0DC;} #navigation li.open-menu { background-color: #7fafd9;} #navigation li.open-menu a { color:white; } #navigation li.open-menu ul.open-sub-menu li { border:none; background-color: #7fafd9; list-style:none; } #navigation li.open-menu ul.open-sub-menu li a { color:black; } #navigation li.open-menu ul.open-sub-menu li.selected a { color:white; } #navigation li.selected a { color: white; } #navigation li.over { xbackground-color:#DDE6EF; } #navigation li.over a { color:white; } #navigation li.open-menu ul.open-sub-menu li.over a { color:white; } .m .hdr-l { height:5px; background-image: url( ../graphics/m_hdr_l.png ); background-position: top left; background-repeat: no-repeat; padding:0px 0px 0px 5px; border-bottom:1px solid #CEDCE7; } .m .hdr-r { height:5px; background-image: url( ../graphics/m_hdr_r.png ); background-position: top right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .m .hdr-c { margin:0px 0px 0px 0px; height:5px; background-image: url( ../graphics/m_hdr_c.png ); background-position: top left; background-repeat: repeat-x; } .m .ftr-l { height:5px; background-image: url( ../graphics/m_ftr_l.png ); background-position: top left; background-repeat: no-repeat; padding:0px 0px 0px 5px; position:relative; } .m .ftr-r { height:5px; background-image: url( ../graphics/m_ftr_r.png ); background-position: top right; background-repeat: no-repeat; padding:0px 5px 0px 0px; } .m .ftr-c { padding:0px 0px 0px 0px; height:5px; background-image: url( ../graphics/m_ftr_c.png ); background-position: bottom left; background-repeat: repeat-x; } /* IE 6 fixes ------------------------------------------------------------------------*/ body.ie6 .m .hdr-c { margin-bottom:-7px; } body.ie6 .m .ftr-c { margin-top:-7px; } body.ie6 #navigation ul li.selected a{color:#FFFFFF !important; } body.ie6 #navigation li ul.open-sub-menu { margin-left:0px; } /* ---------------------------------------------------------------------------------- */