/* layout ********************************/ body { background-color: #00568C; margin: 0; border: 0; } /* content panel ********************************/ #contentWrapper { background-color: #ffffff; border-left: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-top: 1px #ffffff solid; border-bottom: 1px #000000 solid; margin-left: 20%; margin-right: 50px; } #content { border-left: 1px #a0a0a0 dashed; border-top: 1px #a0a0a0 dashed; border-right: 1px #a0a0a0 dashed; margin-top: 4px; margin-left: 4px; margin-right: 4px; padding: 1em 17% 25px 2%; } html>body #content { padding: 1em 23% 15px 2%; } #content h1 { font-family: Verdana, sans-serif; font-size: 110%; text-transform: lowercase; color: #336699; margin-left: -1%; padding: 1px 0px 1px 4px; border-bottom: 1px #336699 solid; } #content p, #content ol, #content ul, #content dl { font-family: Verdana, Arial, Verdana, sans-serif; font-size: 75%; color: #000000; line-height: 150%; } #content li ul { font-size: 100%; } #content p.rIndent { padding-left: 3%; text-indent: -3%; } #content p.infoblock { /* padding: 2px 1% 2px 4%; text-indent: -3%; border: 1px outset; background-color: #fafafa; */ padding-left: 3%; text-indent: -3%; } #content A { font-weight: bold; text-decoration: underline; } #content A:link, #content A:active, #content A:visited { color: #7095C8; } #content A:hover { color: #000000; } /* title panel ********************************/ #titleWrapper { border: 0; margin: 0; padding: 0; background-color: #E0E5F0; background-image: url("images/titleBar_Right.gif"); background-repeat: no-repeat; background-position: top right; } #title1 { background-image: url("images/titleBar_Left2.gif"); background-repeat: no-repeat; background-position: top left; height: 80px; font-size: 0.0em; } #title1 h1, .nosee { font-size: 0.0em; visibility: hidden; } #title2 { font-size: 0.0em; background-color: #000000; height:1px; } /* navigation panel ********************************/ #navWrapper { position: absolute; left: 0; top: 81px; width: 20%; z-index: 100; } .navigation { padding: 0; margin: 0 0 5px 5px; border-top: 1px #c0c0c0 solid; border-left: 1px #FFFFFF solid; border-bottom: 1px #808080 solid; } .navigation h2 { font-family: Arial, Sans-serif; font-size: 90%; margin: 0; padding: 3px; padding-right: 10px; color: #ffffff; border-left: 1px #000000 solid; border-top: 1px #000000 solid; border-bottom: 1px #000000 solid; background-image: url("images/navigation_h2.gif"); background-position: top left; background-color: #074365; background-repeat: repeat-x; } .navigation ul, .navigation .subnavigation ul { list-style: none; border: none; margin: 0; padding: 0; } .navigation li { border-bottom: 1px #000000 solid; border-left: 1px #000000 solid; border-top: 1px #ffffff solid; margin: 0; padding: 0; } .navigation li a { font-family: Verdana, Arial, sans-serif; font-size: 75%; font-weight: bold; text-decoration: none; letter-spacing: 1px; display: block; padding: 2px 2px 2px 5px; border-right: 15px #6197CF solid; background-color: #E0E5F0; color: #30668A; } .navigation li a:hover { border-right: 15px #97B7D7 solid; background-color: #F5F6FF; color: #000000; } /* the selected nav entry */ .navigation .selected a:link, .navigation .selected a:hover, .navigation .selected a:visited, .navigation .selected a:active { font-family: Verdana, Arial, sans-serif; font-size: 75%; font-weight: bold; text-decoration: none; letter-spacing: 1px; display: block; padding: 4px 2px 4px 5px; border: 0px; border-bottom: 1px #808080 solid; background-color: #D1D1D1; background-image: url("images/nav_arrow.gif"); background-repeat: no-repeat; background-position: center right; color: #000000; } /* the sub list */ .navigation .subnavigation ul { border: 0; margin: 0; padding: 0; } .navigation .subnavigation li { border: 0; border-bottom: 1px #eaeaea solid; } .navigation .selected li a:link, .navigation .selected li a:hover, .navigation .selected li a:visited, .navigation .selected li a:active { border: 0; font-family: Verdana, Arial, sans-serif; font-size: 60%; font-weight: bold; text-decoration: none; letter-spacing: 1px; display: block; padding: 2px 2px 2px 20px; background-color: #FFFFFF; background-image: none; color: #30668A; } /* mozilla-specific */ html>body .navigation li a { width: auto; padding-top: 4px; padding-bottom: 5px; } /* selector panel ********************************/ #selectWrapper { z-index: 100; position: absolute; left: 42%; width: 58%; top: 67px; display: block; background-color: #5C5C5C; background-image: url("images/selectorBkg.gif"); background-position: top left; background-repeat: repeat-x; border-top: 1px #85868A solid; border-left: 1px #85868A solid; border-bottom: 1px #000000 solid; padding-top: 8px; padding-bottom: 10px; } #selector ul { display: inline; list-style: none; position: relative; margin: 0; padding: 0; } #selector li { display: inline; margin: -2px; } #selector li a:link, #selector li a:hover, #selector li a:visited, #selector li a:active { display: inline; font-family: Arial, sans-serif; font-size: 90%; font-weight: bold; text-decoration: none; margin: 0px; padding: 9px 14px 11px 14px; color: #000000; background-image: url("images/selectorSeparator.gif"); background-repeat: no-repeat; background-position: top right; } html>body #selector li a { width: auto; } /* the cap */ #selectorCap { position: absolute; top: 60px; left: 41%; width: 59%; height: 14px; border-left: 1px #85868A solid; background-image: url("images/selectorBar_Bkg.gif"); background-repeat: repeat-x; z-index: 101; font-size: 0.0em; } #selectorCapRight { position: absolute; top: 61px; right: 0px; width: 303px; height: 12px; z-index: 102; background-image: url("images/selectorBar_Right.gif"); background-repeat: no-repeat; background-position: top right; } /* bottom row ********************************/ #bottomWrapper { background-color: #2485C2; border-left: 1px #c0c0c0 solid; border-right: 1px #c0c0c0 solid; border-bottom: 6px #AEC8E6 solid; margin: 0 50px 0 20%; } #bottomWrapper h2 { margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 70%; text-decoration: none; letter-spacing: 1px; color: #ffffff; padding: 6px 0px 2px 5px; border-bottom: 1px #ffffff solid; } #compliance { float: left; padding: 7px 0px 0px 55px; margin: 0; border: 0; } #cc{ padding-right: 10px; margin: 0 50px 0 20%; border-top: 2px #9C9C9C solid; text-align: right; } /* side panel **********************************/ #sidepanelWrapper { position: absolute; top: 120px; right: 10px; width: 20%; z-index: 50; } .sidepanel { border: 2px outset; background-color: #E0E5F0; margin-bottom: 5px; } .sidepanel .text { margin: 4px; border: 1px #a0a0a0 dashed; background-color: #ffffff; padding-bottom: 0.5em; } .sidepanel h2 { font-family: Arial, Verdana, sans-serif; font-size: 90%; margin: 0; padding: 3px; color: #ffffff; background-color: #6197CF; border-bottom: 1px #52698C solid; } .sidepanel p, .sidepanel ol, .sidepanel ul, .sidepanel dl { font-family: Verdana, Arial, Verdana, sans-serif; font-size: 70%; color: #000000; line-height: 130%; margin-top: 0px; margin-bottom: 0px; padding: 4px; } .sidepanel ul, .sidepanel dl { list-style: disc; margin-left: 2em; } .sidepanel ol { margin-left: 3em; } .sidepanel A { font-weight: bold; } .sidepanel a:link, .sidepanel a:active, .sidepanel a:visited { color: #7095C8; } .sidepanel a:hover { color: #000000; } /* random stuff **********************************/ img { border: 0; } #cornerBlock { position: absolute; top: 70px; left: 18%; margin-left: 4px; width: 33px; height: 33px; z-index: 200; background-image: url("images/cornerBlock.gif"); }