@import "menu.css";

body {
  margin: 0; padding: 0;
  background: #ECECEC url(background.gif) center top repeat-y;
  text-align: center;
  }
  
#container {
  position: relative;
  margin: 0 auto; height: 100%; padding: 0; width: 751px;
  text-align: left;
  z-index: 2;
  }

html>body #container { 	height: auto;	min-height: 100%; }

#bar { position: absolute; width: 100%; top: 0; left: 0; z-index: 1; background: url(bar.gif) center top no-repeat; height: 33px; }


/* Misc classes */

.flushtop { margin-top: 0; padding-top: 0; }
.moretop { margin-top: 32px; }
.littletop { margin-top: 16px; }

.flushbottom { margin-bottom: 0; padding-bottom: 0; }
.morebottom { margin-bottom: 32px; }

.show { display: inherit; }
.hide { display: none; }

.restrict { width: 400px; }

ul.arrows { list-style-type: none; margin: 0; padding: 0; }
ul.arrows li { background: url(ao.gif) 20px 3px no-repeat; padding-left: 32px; }

ul.lefty { list-style-type: none; margin: 0; padding: 0; }
ul.lefty li { background: url(ao.gif) 8px 3px no-repeat; padding-left: 20px; }

ul.pdf { margin: 0; padding: 0; }
ul.pdf li { list-style-type: none;  background: url(pdf.gif) 0px 0px no-repeat; padding: 0 0 5px 20px; margin-left: 0; }

p.backtotop { background: url(top.gif) left center no-repeat; padding-left: 13px; margin-top: 30px; width: 200px; }

div.boxover { z-index: 100; text-align: left; }



/* Blocks */

div.block { padding: 10px 8px 14px 8px; width: 434px; border-bottom: #CCCCCC solid 1px;  }
div.block h4 { color: #222222; font-size: 13px; margin: 0; padding: 0;  }
div.block p.details { color: #222222; margin: 2px 0 0 0; padding: 0; }
div.block p, div.block table tr td, div.block strong, div.block b { color: #444444; }

div.block table { margin: 4px 0 0 0; }
div.block table.shunt { margin-top: 10px; margin-bottom: 2px; }
div.block table tr td { padding: 1px 6px 2px 0; }

div.odd { background-color: #F3F3F3; }
div.rule { border-bottom: 1px solid #BBBBBB; margin-top: 10px; }

h3.block { height: 21px; background-color: #195590; font-weight: bold; color: #FFFFFF; padding: 4px 8px 0 8px; margin: 0; }


/* Page body */

#header { position: relative; width: 751px; padding-top: 44px;  }
#pia { position: absolute; right: 6px; top: 48px; text-align: right; line-height: 18px; }
#logo { height: 48px; padding-left: 6px; padding-top: 4px; }

#main { margin: 0 6px; }
#content { margin-top: 22px; padding-bottom: 60px; min-height: 370px; position: relative; }


/* Footer */

#footer { margin: 0 10px 0 6px; clear: both; height: 30px; }
#footer p.floatleft, #footer p.floatright { padding-bottom: 0; }


/* Front page */

#block { height: 114px; width: 392px; background-image: url(block.jpg); padding: 55px 50px 0 292px; color: #454545; background-color: #EAEAEA; overflow: hidden; }
#block p { margin: 0; padding: 8px 0 0 0; }
#block p strong { color: #0D4E88; }

#frontpage { margin: 16px 0 32px 0; }
#frontpage td { vertical-align: top; }
#frontpage h2 { margin: 0; padding: 0; background-color: #004284; height: 26px; text-indent: -9999px; }
#frontpage h3 { margin: 0; padding: 0; }
#frontpage p { margin: 6px 0 0 0;  }

td.highlight { padding: 8px 16px; background: url(highlightfade.gif) 0 0 repeat-y; }

#headerexisting { background: url(columns.gif) 0 0 no-repeat; }
#headernew { background: url(columns.gif) 0 -26px no-repeat; }