/************************************/ /* Lang Menu */ /************************************/ .jflanguageselectionDiv {padding: 10px 0px 20px 0px;} #jflanguageselection {padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #jflanguageselection ul { margin: 0; padding: 0; list-style-image: none; } #jflanguageselection li { margin: 0; padding: 0; text-align: center; padding-right: 0px; float: right; list-style: none; list-style-image: url(../images/bullet.gif);} #jflanguageselection a { font-size: 10px; display: block; text-align: center; padding: 0px 5px 0px 0px; text-decoration: none; color:#e33126; font-weight: bold;} /************************************/ /* Contact */ /************************************/ .contactDiv { padding-top: 5px; padding-bottom: 20px; } #contact { margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style-image: none; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } #contact ul { margin: 0; padding: 0; list-style-image: none; } #contact li { margin: 0; padding: 0; text-align: left; padding-right: 0px; float: right; list-style: none; list-style-image: none;} #contact a { font-size: 12px; display: block; text-align: left; padding: 0px 0 0px 0px; text-decoration: none; color:#e33126; font-weight: bold; list-style-image: none; } .separator { padding-right: 5px; padding: 5px; margin: 5px; } /************************************/ /* Lang Menu */ /************************************/ /************************************************************/ /* Header Top Menu */ /************************************************************/ /*****************************/ /* Level 1 */ /*****************************/ /*****************************/ /* Background images (tab_l.gif and tab_r.gif) are use to build the rounded corners. */ /* The rounded stroke is show only on the over state. */ /* #active_menu is the ID use for the active menu. */ /*****************************/ .headerTopContentRightBottomContDiv { float:right; height: 34px; margin-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-right:80px;} .headerTopContentRightBottomContDiv ul { margin: 0; padding: 0; list-style-image: none; } .headerTopContentRightBottomContDiv li { margin: 0; padding: 0; padding-right: 0px; float: left; list-style: none; list-style-image: none; } .headerTopContentRightBottomContDiv a:link { display: block; float: left; padding: 0 10px; height: 34px; line-height: 34px; _line-height: 34px; text-decoration: none; color:#7e7e7e; font-weight: bold; } .headerTopContentRightBottomContDiv a:visited { display: block; float: left; padding: 0 10px; height: 34px; line-height: 34px; _line-height: 34px; text-decoration: none; color:#7e7e7e; font-weight: bold; } .headerTopContentRightBottomContDiv a:focus { display: block; float: left; padding: 0 10px; height: 34px; line-height: 34px; _line-height: 34px; text-decoration: none; color:#7e7e7e; font-weight: bold; } .headerTopContentRightBottomContDiv a:hover { display: block; float: left; padding: 0 10px; height: 34px; line-height: 34px; _line-height: 34px; text-decoration: none; color:#7e7e7e; font-weight: bold; } .headerTopContentRightBottomContDiv a:active { display: block; float: left; padding: 0 10px; height: 34px; line-height: 34px; _line-height: 34px; text-decoration: none; color:#7e7e7e; font-weight: bold; } .headerTopContentRightBottomContDiv li { background-color: #FFFFFF; } .headerTopContentRightBottomContDiv li.mainlevel_active { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv #active_menu:link { color: #5bb9df; } .headerTopContentRightBottomContDiv #active_menu:visited { color: #5bb9df; } .headerTopContentRightBottomContDiv #active_menu:focus { color: #5bb9df; } .headerTopContentRightBottomContDiv #active_menu:hover { color: #5bb9df; } .headerTopContentRightBottomContDiv #active_menu:active { color: #5bb9df; } .headerTopContentRightBottomContDiv li.mainlevel_current { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv li.mainlevel_current a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv li:hover { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover { background: url(../images/HeaderFooter/MainMenu/tab_r.gif) 100% 0 no-repeat; } .headerTopContentRightBottomContDiv li.sfHover a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.sfHover a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li:hover a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li:hover a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li:hover a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li:hover a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li:hover a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_active.sfHover a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover a:link { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover a:visited { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover a:focus { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover a:hover { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } .headerTopContentRightBottomContDiv li.mainlevel_current.sfHover a:active { background: url(../images/HeaderFooter/MainMenu/tab_l.gif) 0 0 no-repeat; color: #7e7e7e; } /*****************************/ /* Level 1 */ /*****************************/ /*****************************/ /* Sub Menus */ /*****************************/ /*****************************/ /* The first UL (level2) is using "position:absolute" so it can be align with is corresponding level1 menu. */ /* The second UL (level3 and more) is using "position:relative" and "top:auto" in order to be positioned right under is parent menu */ /*****************************/ .headerTopContentRightBottomContDiv #mainlevel, #mainlevel * { margin:0; z-index: 9000; } .headerTopContentRightBottomContDiv #mainlevel { line-height:1.0; float:left; margin-bottom:1.5em; } .headerTopContentRightBottomContDiv #mainlevel ul { } .headerTopContentRightBottomContDiv #mainlevel li { list-style:none; position: relative; } .headerTopContentRightBottomContDiv #mainlevel li li a { display:block; padding: 0px 10px; height: 21px; text-decoration:none; background-image: none; float:none; } .headerTopContentRightBottomContDiv #mainlevel li ul { *margin: 0px 0px 0px -95px; float:none; top:-999em; position:absolute; width: 250px; z-index: 10000; border-bottom: 1px solid #e6e5e3; padding: 15px 0px 0px 0px; background: url(../images/HeaderFooter/MainMenu/selected_arrow.gif) 30px top no-repeat; } .headerTopContentRightBottomContDiv #mainlevel li ul ul { *margin: 0px 0px 0px 0px; position: relative; border-bottom: 0px solid #e6e5e3; padding: 0px 0px 0px 0px; background-image: none !important; } .headerTopContentRightBottomContDiv #mainlevel li li span { display:block; border-top: 1px solid red; } .headerTopContentRightBottomContDiv #mainlevel li:hover ul, #mainlevel li.sfHover ul { top: 34px; } .headerTopContentRightBottomContDiv #mainlevel li:hover li ul, #mainlevel li.sfHover li ul { top: auto; } .headerTopContentRightBottomContDiv #mainlevel li li:hover ul, #mainlevel li li.sfHover ul { } .headerTopContentRightBottomContDiv #mainlevel li li { display: block !important; float: none; background-image: none !important; width: 250px; } /*****************************/ /* Level2 */ /*****************************/ .headerTopContentRightBottomContDiv li li a:link { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li a:visited { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li a:focus { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li a:hover { background-color:#5bb9df; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #FFFFFF !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li a:active { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } /*****************************/ /* Hover State */ /*****************************/ .headerTopContentRightBottomContDiv li li:hover a:link { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li:hover a:visited { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li:hover a:focus { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li:hover a:hover { background-color:#5bb9df; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #FFFFFF !important; cursor: pointer; } .headerTopContentRightBottomContDiv li li:hover a:active { background-color:#ffffff; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: bold; color: #5bb9df !important; cursor: pointer; } /*****************************/ /* The styles given to the level2 items need to be overridden so it doesn't affect the child items */ /*****************************/ .headerTopContentRightBottomContDiv li li:hover li a:link { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li a:visited { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li a:focus { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li a:hover { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li a:active { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li:hover li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level2 */ /*****************************/ /*****************************/ /* Level3 */ /*****************************/ .headerTopContentRightBottomContDiv li li li a:link { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li a:visited { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li a:focus { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li a:hover { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li a:active { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ .headerTopContentRightBottomContDiv li li li:hover a:link { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover a:visited { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover a:focus { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover a:hover { font-size: 10px; background-color:#FFFFFF; background-image: none; color: #000000 !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover a:active { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* The styles given to the level3 items need to be overridden so it doesn't affect the child items */ /*****************************/ .headerTopContentRightBottomContDiv li li li:hover li a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover li a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover li a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover li a:hover { font-size: 7pt; background-color:#FFFFFF; background-image: none; color: #000000 !important; font-weight: normal; } .headerTopContentRightBottomContDiv li li li:hover li a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level3 */ /*****************************/ /*****************************/ /* Level4 */ /*****************************/ .headerTopContentRightBottomContDiv li li li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } /*****************************/ /* Hover State */ /*****************************/ .headerTopContentRightBottomContDiv li li li li:hover a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li:hover a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li:hover a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li:hover a:hover { font-size: 7pt; background-image: none; color: #000000 !important; padding-left: 20px !important; } .headerTopContentRightBottomContDiv li li li li:hover a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } /*****************************/ /* The styles given to the level4 items need to be overridden so it doesn't affect the child items */ /*****************************/ .headerTopContentRightBottomContDiv li li li li:hover li a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li:hover li a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li:hover li a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li:hover li a:hover { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li:hover li a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level4 */ /*****************************/ /*****************************/ /* Level5 */ /*****************************/ .headerTopContentRightBottomContDiv li li li li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ .headerTopContentRightBottomContDiv li li li li li:hover { background-color:#ffffff; } .headerTopContentRightBottomContDiv li li li li li:hover a:link { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li:hover a:visited { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li:hover a:focus { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li:hover a:hover { background-image: none; color: #000000 !important; padding-left: 30px !important; } .headerTopContentRightBottomContDiv li li li li li:hover a:active { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level5 */ /*****************************/ /*****************************/ /* Sub Menus */ /*****************************/ /************************************************************/ /* Header Top Menu */ /************************************************************/ /************************************************************/ /* Header Bottom Menu */ /************************************************************/ /*****************************/ /* Level 1 */ /*****************************/ /*****************************/ /* Background images (tab_l.gif and tab_r.gif) are use to build the rounded corners. */ /* The rounded stroke is show only on the over state. */ /* #active_menu is the ID use for the active menu. */ /*****************************/ .BottomMenuZone { float:right; height: 20px; padding: 0px 82px 0px 8px; margin-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: url(../images/HeaderFooter/BottomMenu/tab_l.gif) left top no-repeat; } .BottomMenu ul { margin: 0; padding: 0; padding: 0px 6px 0px 0px; list-style-image: none; background: url(../images/HeaderFooter/BottomMenu/tab_r.gif) right top no-repeat; } .BottomMenu li { margin: 0; padding: 0; padding-right: 0px; float: left; list-style: none; list-style-image: none; } .BottomMenu a:link { display: block; float: left; padding: 0px 5px 0px 0px; height: 20px; line-height: 20px; _line-height: 20px; text-decoration: none; color:#FFFFFF; font-weight: normal; } .BottomMenu a:visited { display: block; float: left; padding: 0px 5px 0px 0px; height: 20px; line-height: 20px; _line-height: 20px; text-decoration: none; color:#FFFFFF; font-weight: normal; } .BottomMenu a:focus { display: block; float: left; padding: 0px 5px 0px 0px; height: 20px; line-height: 20px; _line-height: 20px; text-decoration: none; color:#FFFFFF; font-weight: normal; } .BottomMenu a:hover { display: block; float: left; padding: 0px 5px 0px 0px; height: 20px; line-height: 20px; _line-height: 20px; text-decoration: none; color:#FFFFFF; font-weight: normal; } .BottomMenu a:active { display: block; float: left; padding: 0px 5px 0px 0px; height: 20px; line-height: 20px; _line-height: 20px; text-decoration: none; color:#FFFFFF; font-weight: normal; } .BottomMenu li { background-color: #000000; } .BottomMenu li.mainlevel_active { } .BottomMenu #active_menu:link { color: #FFFFFF; } .BottomMenu #active_menu:visited { color: #FFFFFF; } .BottomMenu #active_menu:focus { color: #FFFFFF; } .BottomMenu #active_menu:hover { color: #FFFFFF; } .BottomMenu #active_menu:active { color: #FFFFFF; } .BottomMenu li.mainlevel_current { } .BottomMenu li.mainlevel_current a:link { color: #FFFFFF; } .BottomMenu li.mainlevel_current a:visited { color: #FFFFFF; } .BottomMenu li.mainlevel_current a:focus { color: #FFFFFF; } .BottomMenu li.mainlevel_current a:hover { color: #FFFFFF; } .BottomMenu li.mainlevel_current a:active { color: #FFFFFF; } .BottomMenu li a:link { color: #FFFFFF; } .BottomMenu li a:visited { color: #FFFFFF; } .BottomMenu li a:focus { color: #FFFFFF; } .BottomMenu li a:hover { color: #FFFFFF; } .BottomMenu li a:active { color: #FFFFFF; } .BottomMenu li.sfHover a:link { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:visited { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:focus { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:hover { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:active { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:link { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:visited { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:focus { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:hover { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.sfHover a:active { color: #FFFFFF; text-decoration: underline; } .BottomMenu li:hover a:link { color: #FFFFFF; text-decoration: underline; } .BottomMenu li:hover a:visited { color: #FFFFFF; text-decoration: underline; } .BottomMenu li:hover a:focus { color: #FFFFFF; text-decoration: underline; } .BottomMenu li:hover a:hover { color: #FFFFFF; text-decoration: underline; } .BottomMenu li:hover a:active { color: #FFFFFF; text-decoration: underline; } .BottomMenuli.mainlevel_active.sfHover a:link { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_active.sfHover a:visited { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_active.sfHover a:focus { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_active.sfHover a:hover { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_active.sfHover a:active { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_current.sfHover a:link { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_current.sfHover a:visited { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_current.sfHover a:focus { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_current.sfHover a:hover { color: #FFFFFF; text-decoration: underline; } .BottomMenu li.mainlevel_current.sfHover a:active { color: #FFFFFF; text-decoration: underline; } /*****************************/ /* Level 1 */ /*****************************/ /*****************************/ /* Sub Menus */ /*****************************/ /*****************************/ /* The first UL (level2) is using "position:absolute" so it can be align with is corresponding level1 menu. */ /* The second UL (level3 and more) is using "position:relative" and "top:auto" in order to be positioned right under is parent menu */ /*****************************/ .BottomMenu #mainlevelheaderBotMenu, #mainlevelheaderBotMenu * { margin:0; z-index: 900; } .BottomMenu #mainlevelheaderBotMenu { line-height:1.0; float:left; margin-bottom:1.5em; } .BottomMenu #mainlevelheaderBotMenu ul { background-color:#FFFFFF; } .BottomMenu #mainlevelheaderBotMenu li { list-style:none; position: relative; } .BottomMenu #mainlevelheaderBotMenu li li a { display:block; padding: 0px 10px; height: 21px; text-decoration:none; background-image: none; float:none; } .BottomMenu #mainlevelheaderBotMenu li ul { *margin: 0px 0px 0px -95px; float:none; top:-999em; position:absolute; width: 250px; z-index: 1000; border-bottom: 1px solid #e6e5e3; padding: 0px 0px 0px 0px; background-color: #7e7e7e; } .BottomMenu #mainlevelheaderBotMenu li ul ul { *margin: 0px 0px 0px 0px; position: relative; border-bottom: 0px solid #e6e5e3; padding: 0px 0px 0px 0px; background-image: none !important; } .BottomMenu #mainlevelheaderBotMenu li li span { display:block; border-top: 1px solid red; } .BottomMenu #mainlevelheaderBotMenu li:hover ul, #mainlevel li.sfHover ul { top: 20px; } .BottomMenu #mainlevelheaderBotMenu li:hover li ul, #mainlevel li.sfHover li ul { top: auto; } .BottomMenu #mainlevelheaderBotMenu li li:hover ul, #mainlevel li li.sfHover ul { } .BottomMenu #mainlevelheaderBotMenu li li { display: block !important; float: none; background-image: none !important; width: 250px; } /*****************************/ /* Level2 */ /*****************************/ .BottomMenu li li a:link { background-color:#7e7e7e; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li a:visited { background-color:#7e7e7e; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li a:focus { background-color:#7e7e7e; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li a:hover { background-color:#7e7e7e; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li a:active { background-color:#7e7e7e; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } /*****************************/ /* Hover State */ /*****************************/ .BottomMenu li li:hover a:link { background-color:#000000; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li:hover a:visited { background-color:#000000; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li:hover a:focus { background-color:#000000; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li:hover a:hover { background-color:#000000; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } .BottomMenu li li:hover a:active { background-color:#000000; border-top: 1px solid #e6e5e3; text-decoration:none; font-size: 10px; height: 21px !important; line-height: 23px !important; font-weight: normal; color: #ffffff !important; cursor: pointer; } /*****************************/ /* The styles given to the level2 items need to be overridden so it doesn't affect the child items */ /*****************************/ .BottomMenu li li:hover li a:link { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li a:visited { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li a:focus { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li a:hover { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li a:active { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li:hover li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level2 */ /*****************************/ /*****************************/ /* Level3 */ /*****************************/ .BottomMenu li li li a:link { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li a:visited { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li a:focus { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li a:hover { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li a:active { font-size: 10px; font-weight: normal; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ .BottomMenu li li li:hover a:link { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover a:visited { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover a:focus { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover a:hover { font-size: 10px; background-color:#FFFFFF; background-image: none; color: #000000 !important; font-weight: normal; } .BottomMenu li li li:hover a:active { font-size: 10px; background-image: none; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* The styles given to the level3 items need to be overridden so it doesn't affect the child items */ /*****************************/ .BottomMenu li li li:hover li a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover li a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover li a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } .BottomMenu li li li:hover li a:hover { font-size: 7pt; background-color:#FFFFFF; background-image: none; color: #000000 !important; font-weight: normal; } .BottomMenu li li li:hover li a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; font-weight: normal; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level3 */ /*****************************/ /*****************************/ /* Level4 */ /*****************************/ .BottomMenu li li li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 20px !important; } /*****************************/ /* Hover State */ /*****************************/ .BottomMenu li li li li:hover a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li:hover a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li:hover a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } .BottomMenu li li li li:hover a:hover { font-size: 7pt; background-image: none; color: #000000 !important; padding-left: 20px !important; } .BottomMenu li li li li:hover a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 20px !important; } /*****************************/ /* The styles given to the level4 items need to be overridden so it doesn't affect the child items */ /*****************************/ .BottomMenu li li li li:hover li a:link { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li:hover li a:visited { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li:hover li a:focus { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li:hover li a:hover { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li:hover li a:active { font-size: 7pt; background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level4 */ /*****************************/ /*****************************/ /* Level5 */ /*****************************/ .BottomMenu li li li li li a:link { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li a:visited { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li a:focus { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li a:hover { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li a:active { font-size: 7pt; font-weight: normal; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ .BottomMenu li li li li li:hover { background-color:#ffffff; } .BottomMenu li li li li li:hover a:link { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li:hover a:visited { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li:hover a:focus { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } .BottomMenu li li li li li:hover a:hover { background-image: none; color: #000000 !important; padding-left: 30px !important; } .BottomMenu li li li li li:hover a:active { background-image: none; color: #9d9b9c !important; padding-left: 30px !important; } /*****************************/ /* Hover State */ /*****************************/ /*****************************/ /* Level5 */ /*****************************/ /*****************************/ /* Sub Menus */ /*****************************/ /************************************************************/ /* Header Bottom Menu */ /************************************************************/ /************************************************************/ /* Left Menu */ /************************************************************/ #BodyLeftMenu ul li.mainlevelheaderMainMenu {display: none;} #BodyLeftMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-bottom: 10px; width: 180px; } #BodyLeftMenu ul { margin: 0; padding: 0 0 15px; } #BodyLeftMenu li { margin: 0; padding: 0 0px 10px 0; list-style: none; list-style-image: none; } #BodyLeftMenu li a:link { color: #e33126; font-weight: bold; font-size: 11px; padding: 1px 0px 1px 1px; line-height: 14px; text-decoration: underline; display:block; text-transform: uppercase; } #BodyLeftMenu li a:visited { color: #e33126; font-weight: bold; font-size: 11px; padding: 1px 0px 1px 1px; line-height: 14px; text-decoration: underline; display:block; text-transform: uppercase; } #BodyLeftMenu li a:focus { color: #e33126; font-weight: bold; font-size: 11px; padding: 1px 0px 1px 1px; line-height: 14px; text-decoration: underline; display:block; text-transform: uppercase; } #BodyLeftMenu li a:hover { color: #e33126; font-weight: bold; font-size: 11px; padding: 1px 0px 1px 1px; line-height: 14px; text-decoration: underline; display:block; text-transform: uppercase; } #BodyLeftMenu li a:active { color: #e33126; font-weight: bold; font-size: 11px; padding: 1px 0px 1px 1px; line-height: 14px; text-decoration: underline; display:block; text-transform: uppercase; } #BodyLeftMenu li li { padding: 0; list-style: disc; padding-right: 0px; color: #003333; list-style-type: disc; margin: 0px 0px 0px 17px; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li a:link { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li a:visited { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li a:focus { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li a:hover { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: underline; display:block; text-transform: none; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li a:active { color: #e33126; font-size: 11px; padding: 1px 0px 1px 0px; line-height: 18px; text-decoration: none; display:block; text-transform: none; list-style-image: url(../images/bullet.gif); } #BodyLeftMenu li li li { padding: 0; list-style: disc; padding-right: 0px; color: #003333; list-style-type: none; margin: 0px 0px 0px 17px; list-style-image: none; } #BodyLeftMenu li li li a:link { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: none; } #BodyLeftMenu li li li a:visited { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: none; list-style-type: none; } #BodyLeftMenu li li li a:focus { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: none; display:block; text-transform: none; list-style-image: none; list-style-type: none; } #BodyLeftMenu li li li a:hover { color: #003333; font-weight: normal; font-size: 11px; padding: 1px 0px 1px 0px; line-height:18px; text-decoration: underline; display:block; text-transform: none; list-style-image: none; list-style-type: none; } #BodyLeftMenu li li li a:active { color: #e33126; font-size: 11px; padding: 1px 0px 1px 0px; line-height: 18px; text-decoration: none; display:block; text-transform: none; list-style-image: none; list-style-type: none; } #BodyLeftMenu li.sublevel_currentbodyLeftMainMenu a.sublevel_currentbodyLeftMainMenu {color: #e33126;} /************************************************************/ /* Left Menu */ /************************************************************/ /************************************************************/ /* Footer Menu */ /************************************************************/ .Footer a {text-decoration:none; color:#7e7e7e; padding:2px;} /************************************************************/ /* Footer Menu */ /************************************************************/