html { height: 100%; margin-bottom: 1px; }
body { margin: 0px; padding: 0px; background: url(images/mfd_bg.gif) repeat-x #fff; }
body, td, input, textarea, select {	color: #666; font: 12px Arial, Tahoma, sans-serif; }

form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0px 10px !important; margin: -3px 0px 4px; }
hr.b { border: none; color: #f3f3f3; background: #f3f3f3; height: 3px; margin: 6px 0px 10px !important; margin: -3px 0px 4px; }

.fl { float: left; } .fr { float: right; }
.clear { clear: both; margin: -1px 0px 0px !important; height: 1px; margin: 0px; }

input, textarea { padding: 1px 3px; }
select { padding: 1px 0px 1px 3px }

p { margin: 0px 0px 10px; padding: 0px; }

a {	color: #335c86; text-decoration: none; outline: none; } a:active { outline: none; }
a:hover { color: #333; }

h1 { margin: 0px 0px 10px; padding: 0px; font: normal 18px Arial, Tahoma, sans-serif; color: #5c699e; }
h2 { margin: 0px 0px 10px; padding: 0px; font: bold 14px Arial, Tahoma, sans-serif; color: #8696d6; }

ul { list-style: none; margin: 0px 0px 10px; padding: 0px; }
 ul li { border-top: 1px solid #e8e8e8; padding: 3px 10px 3px 0px; background: url(images/li_rab.gif) 99% 50% no-repeat; }
 ul li.x { border-top: none; }
  ul li a { font-weight: bold; }
#root { margin: 0px auto; width: 750px; }
 #top { position: relative; height: 36px; text-align: right; padding: 42px 7px 0px;  }
  #top h1 { position: absolute; left: 2px; top: 30px; width: 164px; height: 27px; background: url(images/mfd_logo.png) no-repeat; text-align: left; text-indent: -10001px; margin: 0px; padding: 0px; }
   #top h1 a { display: block; }
 #head { height: 103px; margin: 0px 0px 24px; background: url(images/mfd_head.jpg) 40px 0px no-repeat; }
 #content { width: 100%; }
 #bnav { height: 23px; padding: 8px 5px 0px; margin: 42px 0px 0px; border-bottom: 1px solid #e8e8e8; border-top: 2px solid #e8e8e8; overflow: hidden; color: #335c86; font-weight: bold; }
 #foot { height: 22px; padding: 8px 5px 0px; }

#home #content { background: url(images/mfd_sep_home.gif) 369px 0px repeat-y; }
 #home #content div.fl { width: 320px; padding: 0px 0px 0px 3px; }
 #home #content div.fr { width: 330px; padding: 0px 20px 0px 0px; }

 #nav { height: 39px; list-style: none; margin: 0px; padding: 0px; }
  #nav li { margin: 0px; padding: 0px; float: left; }
  #nav li.home { margin: 0px; padding: 0px; float: right; }
   #nav li a { position: relative; display: block; margin: 0px; padding: 10px 0px; float: left; text-indent: -10001px; color: #fff; background: url(images/mfd_nav.png) no-repeat; }
   #nav li a:hover span { position: absolute; top: 34px; left: -2px; height: 3px; border-left: 1px solid #5c699e; border-right: 1px solid #5c699e; background: #dcf6ac; }
   #nav li a.m1 { width: 71px; background-position: 0px 0px; } #nav li a.m1:hover { background-position: 0px -35px; } #nav li a.m1:hover span { width: 72px; }
   #nav li a.m2 { width: 155px; background-position: -71px 0px; } #nav li a.m2:hover { background-position: -71px -35px; } #nav li a.m2:hover span { width: 156px; }
   #nav li a.m3 { width: 66px; background-position: -226px 0px; } #nav li a.m3:hover { background-position: -226px -35px; } #nav li a.m3:hover span { width: 67px; }
   #nav li a.m4 { width: 106px; background-position: -292px 0px; } #nav li a.m4:hover { background-position: -292px -35px; } #nav li a.m4:hover span { width: 107px; }
   #nav li a.m5 { width: 62px; background-position: -398px 0px; } #nav li a.m5:hover { background-position: -398px -35px; } #nav li a.m5:hover span { width: 62px; }
   #nav li a.m6 { width: 50px; background-position: -460px 0px; } #nav li a.m6:hover { background-position: -460px -35px; } #nav li a.m6:hover span { width: 51px; }
   /*#nav li a.m7 { width: 98px; background-position: -502px 0px; } #nav li a.m7:hover { background-position: -502px -35px; } #nav li a.m7:hover span { width: 99px; }*/
   #nav li a.m7 { width: 58px; background-position: -510px 0px; } #nav li a.m7:hover { background-position: -510px -35px; } #nav li a.m7:hover span { width: 65px; }
   #nav li a.m8 { width: 78px; background-position: -671px 0px; } #nav li a.m8:hover { background-position: -671px -35px; } #nav li a.m8:hover span { width: 85px; }

/* HOME
-------------------------------------*/
#h_news { list-style: none; margin: 0px 0px 15px; padding: 0px 0px 10px; border-bottom: 3px solid #e8e8e8; }
 #h_news li { position: relative; padding: 3px 0px 3px 70px; border-top: 1px solid #e8e8e8; }
 #h_news li.x { border-top: none; }
  #h_news li a { font-weight: bold; color: #335c86; }
   #h_news li a span { position: absolute; left: 0px !important; left: -70px; top: 3px; font-weight: normal; color: #666; }
 #h_news li.more { background: none; padding-top: 12px; padding-left: 0; }
#h_map { display: block; overflow: hidden; position: relative; height: 200px; background: url(images/mfd_map_h.png) 50% 0% no-repeat; margin: 10px 0px 0px; text-indent: -10001px; }
 #h_map fieldset { position: absolute; bottom: 20px; right: 0px; border: none; padding: 0px; margin: 0px; }
  #h_map fieldset legend { display: none; }
  #h_map fieldset label { display: none; }
  #h_map fieldset select { font-size: 10px; width: 150px; padding: 0px; }

/* SUBS
-------------------------------------*/
#arts li { padding-left: 20px; }
#arts li.h { padding-left: 0px; font-size: 12px; font-weight: bold; background: none; }
 #arts li a span { font-weight: normal; color: #888; }
 #arts li a:hover span { color: #555; }

#maps { background: url(images/mfd_sep_home.gif) 369px 0px repeat-y; }
 #maps div.fl { width: 320px; padding: 0px 0px 0px 3px; }
 #maps div.fr { width: 330px; padding: 0px 20px 0px 0px; }

#coverage li { border: none; background-position: 95% 7px; margin: 0px; }
 #coverage li strong.x { display: block; margin: 0px 0px 2px; font-size: 12px; border-bottom: 1px solid #eee; padding: 0px 0px 2px; }

#news li strong { display: block; color: #335c86; }
 #news li strong span { display: block; margin: 0px 0px 2px; font-size: 9px; font-weight: normal; color: #888; }
#news li a { color: #777; font-weight: normal; }
 #news li a:hover { color: #444; }
a.news_b { margin: 0px 0px 0px 620px;  }

div.pageshow { text-align: right; margin: 20px 0px 10px; padding: 0px 30px 0px 0px }
a.ps_arrows { color: #555; }
span.ps_arrows { color: #ccc; }
.ps_link { color: #aaa; }
.ps_current { color: #b41414 !important; font-weight: bold; }

#sitemap .col { width: 229px; border-right: 1px solid #e9e9e9; padding: 0px 10px; float: left; }
#sitemap #c3 { width: 230px; border-right: none; }
 #sitemap ul { border-top: 1px solid #e8e8e8; }
  #sitemap ul li { font-weight: normal; border-top: none; border-bottom: 1px solid #e8e8e8; }
   #sitemap ul li a { font-weight: normal; }

#arts2 li { padding-left: 10px; }
#arts2 li.h { padding-left: 0px; font-size: 11px; background: none; font-weight: bold; }
 #arts2 li a span { font-weight: normal; color: #888; }
 #arts2 li a:hover span { color: #555; }

#crmForm { border: none; padding: 0 0 0 70px; margin: 0; }
 #crmForm legend { display: none; }
 #crmForm label { display: block; margin: 10px 0 2px; }
 #crmForm input.text_xs { width: 120px; }
 #crmForm input.text_s { width: 550px; }
 #crmForm input.text_l { width: 600px; }
 #crmForm textarea { width: 600px; height: 150px; }
 #crmForm input#submit { display: block; margin: 20px 0 0; background: #5c699e; border: none; color: #fff; font-weight: bold; padding: 1px 10px; }

img.state { float: right; }

/* =========================================== */

ol.form-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ol.form-a li { overflow: hidden; padding: 4px 0 4px 120px; }
  ol.form-a li label,
  ol.form-a li span.label { float: left; width: 100px; margin: 2px 0 0 -120px; padding-right: 10px; text-align: right; }
  ol.form-a li input { width: 250px; }
  ol.form-a li select { width: 250px; }
 ol.form-a li.submit { margin: 15px 0 0; }
  ol.form-a li.submit input { width: 120px; }
 ol.form-a li.error { color: red; font-weight: bold; }
.offset { position: absolute; left: -10001em; }

p.addstory { border-top: 1px solid #eee; margin: 10px 0 0; padding: 10px 0 0; }

#f_title { width: 380px; }
#f_url { width: 300px; }

div.stories_cats { margin: 0 0 5px; }
span.stories_cats { padding: 0; }
 .stories_cats span.cat { padding: 0 5px; border: 1px solid #aaa; background: #f3f3f3; color: #333; font: 9px/16px Tahoma,sans-serif; white-space: nowrap; }

.stories_cats span.cat1 { background: #f6c6c6; }
.stories_cats span.cat2 { background: #f6c6e4; }
.stories_cats span.cat3 { background: #e6c6f6; }
.stories_cats span.cat4 { background: #cac6f6; }
.stories_cats span.cat5 { background: #c6d7f6; }
.stories_cats span.cat6 { background: #c6f3f6; }
.stories_cats span.cat7 { background: #c6f6e0; }
.stories_cats span.cat8 { background: #cdf6c6; }
.stories_cats span.cat9 { background: #e8f6c6; }
.stories_cats span.cat10 { background: #f6efc6; }
.stories_cats span.cat11 { background: #f6dfc6; }
.stories_cats span.cat12 { background: #f6c6c6; }
.stories_cats span.cat13 { background: #e78e8e; }
.stories_cats span.cat14 { background: #e78ec2; }
.stories_cats span.cat15 { background: #e28ee7; }
.stories_cats span.cat16 { background: #ae8ee7; }
.stories_cats span.cat17 { background: #8e99e7; }
.stories_cats span.cat18 { background: #8ecbe7; }
.stories_cats span.cat19 { background: #8ee7dc; }
.stories_cats span.cat20 { background: #8ee7ae; }
.stories_cats span.cat21 { background: #97e78e; }
.stories_cats span.cat22 { background: #c5e78e; }
.stories_cats span.cat23 { background: #e7e68e; }
.stories_cats span.cat24 { background: #e7c58e; }
.stories_cats span.cat25 { background: #e7a78e; }
.stories_cats span.cat26 { background: #e78e8e; }
.stories_cats span.cat27 { background: #dbdbc2; }
.stories_cats span.cat28 { background: #c2dbc4; }
.stories_cats span.cat29 { background: #c2c8db; }
.stories_cats span.cat30 { background: #dbc2c2; }
.stories_cats span.cat31 { background: #f3efda; }
.stories_cats span.cat32 { background: #dae4f3; }
.stories_cats span.cat33 { background: #f3daee; }

#crosslink { list-style: none; margin: 40px 0 -30px; padding: 0; text-align: center; }
 #crosslink li { display: inline; padding: 0 15px; background: none; border: none; }