body { margin: 0px; font-family: verdana,geneva,sans-serif; font-size: smaller; min-width: 500px }
a { text-decoration: none; color: #425ABD }
a:hover { text-decoration: underline }

#content { padding: 0px; margin: 0px 5px 0px 160px; min-width: 20ex; position: relative; display: block; clear: none }
#footer { clear: both; width: 99.2%; text-align: center; margin-top: 8ex; background-color: #425ABD; color: #ffffff; font-size: smaller; font-family: arial,sans-serif }
#footer a { color: #ffffff; background-color: #425ABD }
#statusFooter { display: none }
#header { clear: both; text-align: left; margin: 5px; margin-bottom: 1ex; padding: 5px; position: relative; border: 1px #425ABD solid; border-radius: 8px; }
/*
#corner1, #corner2, #corner3, #corner4 { position: absolute; width: 10px; height: 10px; font-size: xx-small }
#corner1 { top: -1px; left: -1px; background: url(../images/corner-tl.gif) no-repeat top left }
#corner2 { top: -1px; right: -1px; background: url(../images/corner-tr.gif) no-repeat top right }
#corner3 { bottom: -1px; left: -1px; background: url(../images/corner-bl.gif) no-repeat bottom left }
#corner4 { bottom: -1px; right: -1px; background: url(../images/corner-br.gif) no-repeat bottom right }
*/
#pusher1 { float: left; height: 510px; width: 1px; visibility: hidden }
#pusher2 { height: 1px; width: 20ex; visibility: hidden }
#dateheader { float: right; text-align: right }

#menu { position: absolute; top: 96px; left: 5px; z-index: 9; background-color: #ffffff; width: 128px; text-align: center; margin: 0px; padding: 0px; font-family: verdana,arial,sans-serif }
#menu ul { margin-top: 0px }
#menu ul li ul { border: 2px #ffffff solid }
#menu ul, #menu li { list-style: none; margin-left: 0px; padding-left: 0px; display: inline }
#menu ul li:hover a.top { background-color: #8697D6; color: #ffffff }
#menu ul li ul { display: none; margin: 0px; padding: 0px; position: absolute; left: 104px; background-color: #ffffff; margin-top: -28px }
#menu ul li:hover ul, #menu ul li ul:hover { display: block }
#menu ul li a, a.nav { display: block; width: 120px; text-align: center; text-decoration: none; background-color: #425ABD; color: #ffffff; border: 1px #425ABD solid; margin-top: 1px; padding: 5px 0px }
#menu ul li a.active { background-color: #ffffff; color: #425ABD; border: 1px #425ABD solid }
#menu ul li a:hover, a.nav:hover, #menu ul li a.activeparent { background-color: #8697D6; color: #ffffff }
a.nav { display: inline-block; margin: 1px 3px 1px 3px }

#servicestatus { font-size: smaller }

p.continue { margin-bottom: 3px }
ul { margin-top: 3px; margin-bottom: 3px }
p.continued { margin-top: 3px }
ul.spaced li { margin-bottom: 2ex; padding-top: 0px }
table { border-collapse: collapse; table-layout: fixed }
td { margin: 0px; padding: 2px; vertical-align: top }
table.bordered td { border: 1px #999999 solid }
table.padded { border-collapse: separate }
table.padded td, table.padded th { padding: 2px 4px }

img.status, img.mid { vertical-align: middle }
img { border: 0px #000000 none }

.nopad { padding: 0px; margin: 0px }

label { float: left; text-align: right; width: 12ex; padding-right: 3px; font-style: italic }
label.right { float: none; text-align: left; width: auto; padding-left: 3px; padding-right: 0px }
div.inputbox { display: inline-block; margin: 0px; padding: 0px; width: 30ex }
div.contactpage { float: left; width: 45ex; margin: 0px; margin-top: 2ex; padding: 0px }
div.contactpage p:first-child { margin-top: 0px; }
.sendbutton { background-color: #425ABD; border: 1px #425ABD; color: #ffffff; width: 25ex }
/* Using the surrounding div method to enable a red border for missing elements */
div.row2 { width: 41ex; margin: 0px; padding-bottom: 1ex }
div.row2 span.inputbox { float: right; text-align: left; width: 25ex }
div.row2 span.inputbox input, div.row2 span.inputbox textarea { width: 27ex }

.lineup { padding-left: 15ex }
.lineup label { margin-left: -15ex; float: left; width: 14ex; display: block; vertical-align: top }
fieldset.lineup legend, .notlinedup { margin-left: -15ex !important }

h1,h2,h3,h4,h5 { color: #425ABD }
h1 { font-size: 1.5em }
h2 { font-size: 1.3em }
h3 { font-size: 1.1em }
h4 { font-size: 1.0em }
h5 { font-size: 0.9em }
.topmargin { margin-top: 56px }

li.file { height: 32px; margin: 5px }
li, li a, li dfn { vertical-align: middle }

p.error { background-color: #ff3333; border: 3px #000000 solid; padding: 0.5ex 1ex; }
.highlighterror { border: 2px #ff0000 solid }
.bold { font-weight: bold }
.warning { color: red }
.navi { color: black; text-decoration: none }
.navi:hover { color: #0000ff; text-decoration: underline }
em, dt { font-weight: bold }
acronym { cursor: help; border-bottom: 1px #66ff66 dashed }
.nostyle { display: none }

div.jobnote { background-color: #CCEEEE; border: 1px #425ABD solid; position: relative; padding-top: 3ex; margin: 2ex; max-width: 500px }
#floatingpopup div.jobnote { max-width: none }
div.jobnote div.author { position: absolute; top: 0px; left: 0px; background-color: #ffffff }
div.jobnote div.notetime { position: absolute; top: 0px; right: 0px; background-color: #ffffff }

.newsitem { margin-bottom: 2ex; padding-top: 3ex; position: relative; clear: right }
.newsitem .date, .smallnews .date { font-weight: bold }
.smallnews { margin-bottom: 0.8ex }
.dellink { position: absolute; top: 0px; left: -20px }

div.bdstep, div.avstep { margin-top: 2ex; margin-bottom: 2ex }
div.bdstep img, div.avstep img { margin-left: 5ex; margin-top: 0.5ex }

.smallprint { font-size: smaller; color: #909090; margin-top: 5ex }

p.warn { background-color: #ff3333; font-weight: bold; padding: 1ex; border: 2px #000 solid; }

@media print {
  body { font-size: x-small }
  p { margin: 2px }
  h1 { font-size: 1.3em; clear: both }
  h2 { font-size: 1.1em; clear: both }
  h3 { font-size: 0.9em; clear: both }
  h4 { font-size: 0.8em; clear: both }
  h5 { font-size: 0.7em; clear: both }
  .img img, .bdstep img, .avstep img { width: 30% }
  .bdstep { page-break-inside: avoid }
  .noprint { display: none }
  #headerlabelcontainer { display: none }
  #menucolumn, #navigation, #pusher1, #pusher2 { display: none }
  #content { margin-left: 5px }
  a.printurl:after { content: ": " attr(href); }
}

@media only screen and (max-width: 800px) {
  body { min-width: 0; width: 100% }
  table { width: 100% }
  #content { margin-left: 5px; }
  #menu { position: relative; top: 0px; left: 0px; width: auto }
  #menu li { display: inline-block; margin: 2px }
  #menu ul li a, a.nav { width: 80px }
  #servicestatus { display: none; }
  #statusFooter { display: block; }
}

.nav-burger, .nav-burger + label { display: none; }