* {margin:0;padding:0;} body {background:#ffffff;font: 12px/17px Verdana, Helvetica, sans-serif;color:#666666;text-align:justify;} img {border:0;} p {margin-bottom:20px;padding-right:15px} a {color:#070361;font-weight:bold;text-decoration:none;} a:hover {text-decoration:underline} h1{float:left;text-indent:-5000px;background:url('../images/header_03.jpg') no-repeat} h2, h3{font-weight: bold;font-weight;clear:left} h2{color: #070361;font-weight: bold;font-size:16px;margin-bottom:20px} h3{font-size:14px;margin-bottom:10px} marquee{width:100%} .body_system{float:left;width:300px;height:30px;padding-top:3px} .blue_spacer{clear:left;background:url('../images/bg_bluebar.gif') repeat-x;height:17px;width:100%} .red{color:#ff0000} .light_blue{color:#58a0e2} .quoter{color:#333333;font-weight:bold;font-size:10px} .quote{color: #070361;font-size:14px;font-weight:bold;text-align: left;} /* Main menu ============================================ */ #main_menu{float:right;width:50%;padding-top:20px} #main_menu ul{float:right} #main_menu ul li {float:left;height:50px;list-style:none;display:inline;border-left:1px dotted #333333;text-align:center;font-weight:bold} #main_menu ul li a{background:url('../images/button_up_services.gif') no-repeat;text-indent:-5000px;margin:0 25px;width:50px;display:block;color:#dddddd;height:50px;} #main_menu ul li a:hover{background:url('../images/button_down_services.gif') no-repeat;text-decoration:none;color:#ffffff;} #main_menu ul li a.current{background:url('../images/button_down_services.gif') no-repeat;} /* Body ============================================ */ #body_left, #body_centre, #body_right{padding:20px 0;min-height:300px;_height:300px} ul#services_sub{display: none;} #body_centre ul{list-style: disc;margin-left: 0;padding-left: 1em;text-indent: -1em;} #body_centre ul li{margin-left: 0;padding-left: 1em;} /* Footer ============================================ */ #footer{font-size:10px;font-weight:bold;width:100%;clear:left;margin-bottom:10px} #footer div.blue_spacer{clear:left;background:url('../images/bg_bluebar.gif') repeat-x;height:20px;width:100%} #footer ul{height:19px;width:650px;margin:0 auto;text-align:center;} #footer ul li {list-style:none;display:inline;} #footer ul li a{color:#ffffff;text-transform: uppercase;float:left;height:17px;padding:0px 10px;border-right:1px solid #ffffff} #footer ul li a:hover{text-decoration:none;color:#ffffff;} #Sidebar { width: 200px; float: left; padding: 0; } #Sidebar ul { margin: 0px 0px; } #Sidebar li { list-style: none; border-bottom:1px solid #cccccc; } #Sidebar li em{ padding-left:10px; } #Sidebar li:first-child { border-top:5px solid #cccccc; } #Sidebar ul li a { height: 25px; line-height: 25px; text-decoration: none; display:block; background: transparent url("../images/arrowbullet.png") no-repeat scroll left center; padding: 2px 0 2px 10px; color:#5580c4; } #Sidebar ul li a:hover { background-color: #f3f3f3; } #Sidebar ul.sub li{ border:none; padding-left:5px; list-style: none; } #Sidebar ul.sub li a{ height:auto; line-height: auto; font-weight:normal; font-size:11px; text-align:left; /*height: 25px;*/ background: none; color:#1a2e69; } #Sidebar ul.sub li em{ padding-left:0px; } #Sidebar ul.sub li a:hover{ background:none; color:#999999; } #Sidebar a em { font-style: normal; } #Sidebar p { font-size: 11px; clear: both; } # /* /* MENU2 */ /* ul#Menu2 li { list-style: none; border-bottom: 1px solid #cccccc; } ul#Menu2 li a { display: block; font-size: 13px; height: 1.8em; line-height: 1.8em; color: #898989; } ul#Menu2 li em { padding-left: 8px; display: block; } ul#Menu2 li li em { padding-left: 0; }*/ /* Level 1 - We use 3 elements for the nav to get 3 background images applied. * span - topleft rounded corner * em - bottomleft rounded corner * a - arrow on the right */ /* ul#Menu2 li a:hover{ color: #070361; text-decoration: none; cursor: pointer; } ul#Menu2 li a.current, ul#Menu2 li a.current:hover { background: #DCDCDC; color: #666; cursor: pointer; text-decoration: none; } ul#Menu2 li a.current { font-weight: bold; } ul#Menu2 li a.section, ul#Menu2 li a.section:hover { background: #DCDCDC; font-weight: 700; } ul#Menu2 li a.levela:hover span, ul#Menu2 li a.current span, ul#Menu2 li a.section span, ul#Menu2 li a.section:hover span, ul#Menu2 li a.current:hover span { display: block; width: 100%; height: 100%; } ul#Menu2 li a.levela:hover em, ul#Menu2 li a.current em, ul#Menu2 li a.section em, ul#Menu2 li a.section:hover em, ul#Menu2 li a.current:hover em { display: block; width: 100%; height: 100%; } ul#Menu2 li ul { height: 100%; position: relative; padding: 4px 0 10px 0; } ul#Menu2 li ul li { border: none; } ul#Menu2 li li a.current, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover, ul#Menu2 li li a.current:hover { color: #666666; } ul#Menu2 li li ul { padding: 0; } ul#Menu2 li li ul .roundWhite { margin-bottom: -10px; }*/ /* Sub Menu */ /* ul#Menu2 li a.levelb { font-size: 10px; text-indent: 8px; background: transparent; margin-left: 20px; font-weight:normal; color: #666666; } ul#Menu2 li a.levelb:hover{ color: #070361; background: none; } ul#Menu2 li li a.current, ul#Menu2 li li a.current:hover, ul#Menu2 li li a.section, ul#Menu2 li li a.section:hover { text-decoration: none; display: block; } ul#Menu2 li a.levelb:hover span, ul#Menu2 li li a.current span, ul#Menu2 li li a.current:hover span, ul#Menu2 li li a.section span, ul#Menu2 li li a.section:hover span { display: block; width: 100%; height: 100%; } ul#Menu2 li a.levelb:hover em, ul#Menu2 li li a.current em, ul#Menu2 li li a.current:hover em, ul#Menu2 li li a.section em, ul#Menu2 li li a.section:hover em { display: block; width: 100%; height: 100%; } */