@charset "utf-8";
/* CSS Document */
html {overflow:scroll}
* {margin:0;padding:0}
/* ---------->>> global settings  <<<------------------------------------------------------------------------------*/
body {background: url(../images/bg2.gif) top left repeat-x #333;margin:0;padding:0;font:12px/16px Arial, Helvetica, sans-serif;color:#444}
img {margin:0;padding:0;border:none}
h1 {font-size:24px;font-weight:normal;margin:12px 0 1px 10px}
h2 {font-size:12px;font-weight:normal;margin:3px 10px 4px 10px}
h3 {font-size:12px;margin:6px 0 12px 10px;color:#444}
h4 {font-size:16px;font-weight:normal;margin:12px 0 1px 10px}
h5 {font-size:12px;margin:6px 0 6px 0px;color:#e7b23f}
.hr {width:520px;height:1px;border-top:1px solid #DDD;margin:12px auto 10px auto}
.hr2 {width:520px;height:1px;border-top:1px dotted #DDD;margin:12px auto 10px auto}
blockquote {background:#f0f6fc;border:1px dashed #d3e5f8;padding:14px;margin:12px}
p {margin:0 10px 16px 10px}
p.small {font-size:11px;line-height:14px}
p.bold {font-weight:bold}
p.tail {margin-bottom:30px}
.orange {color:#C60}
.blue {color:#56bdda}
.green {color:#390}
.ghost {color:#CCC}
.coal {color:#444;font-weight:normal}
.coverage {line-height:20px}
a:link {color:#06F;-moz-outline:none 0;outline:none 0}
a:visited {color:#06F;-moz-outline:none 0;outline:none 0}
a:hover {color:#06F;text-decoration:none;-moz-outline:none 0;outline:none 0}
a:active {color:#06F;-moz-outline:none 0;outline:none 0}
.CL {clear:left}
.CB {clear:both}
/* ---------->>> layout  <<<--------------------------------------------------------------------------------------*/
.mast {width:1006px;height:174px;background:url(../images/mbg.gif) no-repeat;background-position:40% 0;margin:0 auto;padding:0}
#logo {width:200px;padding:30px 0 0 20px;float:left}
#callout {width:360px;margin:26px 0 0 0;float:right;text-align:right}
.navigation {width:100%;height:50px;background:url(../images/ngb.gif) top left repeat-x #333}
.main {width:100%;background-color:#EEE}
.content {width:1006px;margin:0 auto;padding:0;text-align:center;background:url(../images/bbg.gif) top center repeat-y}
.left {width:212px;float:left;text-align:left}
.center {width:582px;float:left}
.info {width:538px;text-align:left;margin:0 auto}
.offerings {width:100%;margin:0 auto}
.offerings td {padding:8px 22px}
.directory ul {margin:0;padding:0}
.directory li {list-style-type:none;padding-top:8px;margin:0;border-bottom:1px dashed #DDD}
.right {width:212px;float:left; text-align:left}
.base {width:100%;height:auto}
#Footer {width:1006px;margin:20px auto 20px auto;font-size:12px;color:#999}
#Footer a, #Footer a:active {color:#999;text-decoration:none}
#Footer a:hover {color:#DDD;text-decoration:none}
#FL {width:475px;float:left;text-align:left;margin:0 20px}
#FR {width:330px;float:right;text-align:right;margin:0 20px}
.spacer {width:auto;height:13px}
/* ---------->>> menu  <<<---------------------------------------------------------------------------------------*/
#menu {height:50px;width:560px;margin:0 auto;font-family:Tahoma, Geneva, sans-serif}
#menu ul {display:block} 
#menu ul {display:inline}
#menu ul.top-level {margin-left:0}
#menu ul {margin:0;padding:0;list-style:none;white-space:nowrap;text-align:left} 
#menu li {margin:0;padding:0;border-right:1px solid #666}
#menu a {display:block;color:#EEE;font-size:12px;line-height:46px;text-decoration:none;padding:0 20px;height:50px} 
* html #menu ul.top-level {margin-left:0} /* I don't know why, but this centers IE5.5 ?? */
#menu li:hover > ul {visibility:visible}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden}
#menu ul.top-level {display:block;margin:0} 
#menu li.top-level-li {float:left;position:relative}
#menu a.top-level-a {float:left;padding:0 29px 0 29px}
#menu a.top-level-b {float:left;padding:0 33px 0 33px}
#menu a.top-level-c {float:left;padding:0 30px 0 30px}
#menu a.top-level-a:hover {white-space:nowrap}
#menu li.top-level-li:hover > a {white-space:nowrap}
#menu li.top-level-li:hover > a  {background:#323232;color:#EEE}
#menu li.top-level-li:hover > a.down  {background:#323232;color:#EEE}
#menu li ul {display:block;position:absolute;visibility:hidden;background:#222;padding:0 1px 3px 1px;left:0;text-align:left}
#menu li li {border-top:1px solid #444;border-bottom:1px solid #222;border-right:none}
#menu li li a {background:#333;color:#DDD;height:24px;line-height:22px} 
#menu li li a:hover {background:#555;color:#EEE} 
#menu li li:hover > a {background:#555}
#menu ul.drop-down-a {top:50px;width:100px}
#menu ul.drop-down-b {top:50px;width:220px}
#menu ul.drop-down-c {top:50px;width:110px}
#menu li li ul {left:100%;margin-top:-23px; margin-left:-5px}
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left}
#menu table ul li a {padding-left:0;padd\ing-left:20px}
#menu table table {top:auto;left:100%;margin-left:-1px;padding:0;margin:0}
#menu table table ul {margin-top:-4px;marg\in-top:-7px}
#menu li #on {background:url(../images/navon.gif) bottom left repeat-x;color:#222;color:#FFF}
/* ---------->>> positioning  <<<---------------------------------------------------------------------------------*/
#M1 {margin:30px 0 0 20px}
#B1 {margin:137px 0 0 107px}
#R1 {margin:7px 0 7px 12px}
#L1 {margin:14px auto 3px auto}
#L2 {margin:12px 0 0 0}
#R2 {margin:14px auto 3px auto}
.R3 {margin:0 auto 10px auto}
#R4 {margin:6px auto 12px auto}
.R5 {margin:14px auto 3px auto}
#CBL {margin:12px 20px 12px 20px;line-height:16px;list-style-type:none;padding:0}
#CBL li {background-image: url(../images/blu-bullet.gif);background-repeat:no-repeat;background-position:0.4em;padding-left:18px}
#CBL2 {margin:12px 20px 12px 20px;line-height:16px;list-style-type:none;padding:0}
#CBL2 li {background-image: url(../images/blu-bullet.gif);background-repeat:no-repeat;background-position:0 6px;padding:0 0 12px 14px}
/* ---------->>> modules and panels  <<<--------------------------------------------------------------------------*/
#Banner {width:538px;height:223px;margin:20px auto 30px auto;background:url(../images/mbanner_2.jpg) top left no-repeat; text-align:left}
#breadcrumb {width:538px;height:32px;margin:20px auto;text-align:right;font-size:11px;color:#999; background:#EEE}
#breadcrumb p {padding:8px 6px 0 0}
#News {width:200px;padding:7px 12px 7px 0; font-size:11px}
#NT {height:42px;background:url(../images/latestnews.gif) top left no-repeat}
#NT h4 {font-size:14px;font-weight:normal;margin:0 0 0 38px;padding-top:15px;color:#FFF}
#LN {background:#f3f3f3;border:1px solid #CCC;border-width:0 1px 0 1px;color:#666}
#Feed {width:198px;padding:12px 0 12px 0}
#Feed ul {list-style:none;margin:0;padding:0;border:none;}
#Feed li {margin:0;list-style:none;list-style-image:none;padding:6px 12px 6px 22px;background-image:url(../images/arrow-1.gif);background-repeat:no-repeat;background-position:12px 8px;line-height:14px}
#Feed li a {text-decoration:underline;width:100%}
html>body #Feed li a {width:auto}
#Feed li a:hover {color:#03C; text-decoration:underline}
#BBB {width:200px;margin:12px auto 7px auto;text-align:center}
#Highlights {width:200px;padding:7px 12px 7px 0;font-size:11px}
#HT {height:36px;background:url(../images/shicon.gif) no-repeat;background-position:12px 8px;border-bottom:1px dotted #666}
#HT h4 {font-size:14px;font-weight:normal;margin:0 0 0 38px;padding-top:7px;color:#444}
#HT2 {height:36px;background:url(../images/hicon.gif) no-repeat;background-position:12px 8px;border-bottom:1px dotted #666}
#HT2 h4 {font-size:14px;font-weight:normal;margin:0 0 0 38px;padding-top:7px;color:#444}
#HN {color:#444;line-height:14px}
#HM {padding:6px 0 12px 0;color:#444;line-height:14px}
#HM p {margin:7px 0 14px 12px}
#HM ul {list-style-type: circle;margin:7px 12px 6px 30px}
#HM ul li {}
#SH {width:198px;padding:6px 0 12px 0}
#SH ul {list-style:none;margin:0;padding:0;border:none}
#SH li {margin:0;list-style:none;list-style-image:none;padding:12px 0 18px 12px;border-bottom:1px dotted #666}
#SH li a {color:#C60;text-decoration:underline;width:100%;font-weight:bold}
html>body #SH li a {width:auto}
#SH li a:hover {color:#C60;text-decoration:none}
#Finder {width:200px;padding:7px 0 7px 12px}
#QT {height:42px;background:url(../images/quickfind.gif) top left no-repeat}
#QT h4 {font-size:14px;font-weight:normal;margin:0 0 0 38px; padding-top:15px;color:#FFF}
#QB {background:#FFF;border:1px solid #CCC;border-width:0 1px 0 1px}
#servicemenu {width:200px;padding:7px 12px 7px 0}
#ST {height:42px;background:url(../images/servicemenu.gif) top left no-repeat}
#ST h4 {font-size:14px;font-weight:normal;margin:0 0 0 38px; padding-top:15px;color:#FFF}
#SB {background:#FFF;border:1px solid #CCC;border-width:0 1px 0 1px}
#button {width:198px}
#button ul {list-style:none;margin:0;padding:0;border:none}
#button li {border-bottom:1px solid #e0e0e0;margin:0;list-style:none;list-style-image:none}
#button li a {display:block;padding:6px 0 6px 30px;background-color:#f3f3f3;color:#888;text-decoration:none;width:100%;background-image:url(../images/arrow-2.gif);background-repeat:no-repeat;background-position:1.0em}
html>body #button li a {width:auto}
#button li a:hover {background-color:#e2f1fd;color:#06C;background-image:url(../images/arrow-2b.gif);background-repeat:no-repeat;background-position:1.0em}
#button li span.current {color:#444;background:#FFC;display:block;padding:6px 0 6px 30px}
#button li.end {border-bottom:none}
#location {width:200px;padding:7px 0 7px 12px;text-align:left}
#location p {font-size:11px;color:#666;line-height:14px;margin-bottom:0}
#location h4 {font-size:12px;font-weight:bold;margin:0 12px 0 10px;padding:8px 0;color:#4fa232}
.Block {width:200px;padding:7px 0 7px 12px}
.Block-2 {width:200px; padding:7px 0 7px 0}
.BC {background:url(../images/pbg.gif) top left repeat-y}
.BC h4 {font-size:12px;font-weight:bold;margin:0 12px 0 12px; padding:8px 0;color:#444;border-bottom:1px solid #DDD}
.BC p {font-size:11px;margin:0;padding:12px;color:#888;line-height:14px}
.BC2 {background:url(../images/pbg.gif) top left repeat-y}
.BC2 h4 {font-size:12px;font-weight:bold;margin:0 12px 0 12px; padding:8px 0;color:#666;border-bottom:1px solid #DDD}
.BC2 p {font-size:11px;margin:0;padding:12px;color:#888;line-height:14px}
#landing {margin:12px auto 12px 0}
#landing table {width:524px;font-size:12px;border-width:1px;border-spacing:0px;border-style:none;border-collapse:collapse;margin:0 auto}
#landing table tr {border-width:0 0 1px 0;border-style:dotted;border-color:#CCC}
#landing table td {padding:12px 6px 12px 6px}
.accent {background:#ffffef}
#EForm {width:518px;margin:0 auto 20px auto;border:1px solid #dcc248;background:#ffffe1}
#E1 {background:#d4b52d;border:1px dotted #bb9c0f;cursor:pointer;color:#FFF;padding:4px;display:block;font-size:14px}
#EForm a, #EForm a:hover {text-decoration:none}
#E2 {background:#66aec2;border:1px dotted #3b8fa6;cursor:pointer;color:#FFF;padding:4px;display:block;font-size:14px}
#CForm {width:518px;margin:0 auto 20px auto;background:#EEE;border:1px dotted #BBB}
#CTU {width:91%;margin:0 auto 20px auto;padding:12px;border:1px solid #86cc7c;background-color:#d5ffd6;background-image:url(../images/tick.gif);background-repeat:no-repeat;background-position:10px 15px;color:#c28731;display:block}
#CTU p {margin:1px 0 4px 0;padding:1px 0 4px 20px;line-height:16px;color:#3a7e34}
#CForm table {width:90%; margin:12px auto 12px auto;font-family:Arial, Helvetica, sans-serif;font-size:12px}
.CF1 {width:250px;background:#FFF;border:1px solid #CCC;padding:3px;color:#666}
.CF2 {width:250px;background:#FFF;border:1px solid #CCC;padding:3px;color:#666}
.CF3 {width:250px;height:100px;background:#FFF;border:1px solid #CCC;padding:3px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666}
.alert {color:#F30}
/* APPLICATION FORM STYLES */
#app-Form {width:100%;margin:0 auto 20px auto}
#A1 {border:1px solid #dcc248;background:#ffffe1;}
.AT{width:518px;margin:0 auto}
.AF {width:200px;background:#FFF;border:1px solid #999;padding:3px;font-size:11px}
.F1 {width:150px;background:#FFF;border:1px solid #999;padding:3px;font-size:11px}
.F2 {width:118px;background:#FFF;border:1px solid #999;padding:3px;font-size:11px}
.F3 {width:518px;height:60px;background:#FFF;border:1px solid #999;padding:3px;font-family:Arial, Helvetica, sans-serif;font-size:11px}
.F4 {width:442px;height:30px;background:#FFF;border:1px solid #999;padding:3px;font-family:Arial, Helvetica, sans-serif;font-size:11px}
.F5 {width:180px;background:#FFF;border:1px solid #999;padding:3px;font-size:11px}
.F6 {width:68px;background:#FFF;border:1px solid #999;padding:3px;font-size:11px}
.require {color:#F00}
#app-Form li {color:#F00;margin-left:12px;padding-left:6px}