html { max-width: 1024px; }
body { font-family: Helvetica, Verdana, Arial, sans-serif; padding: 0px; margin: 0px; vertical-align: top; color: #000033; background-color: #ddeeff; font-size: 13px; max-width: 1024px; }

div.cont { position: relative; max-width: 1024px; }

div.menu { position: absolute; left: 0px; top: 64px; width: 11.5em; z-index:15; padding: 2ex 0px 18px 0px; text-align: right; }
div.menu input { font-size: 12px; }

div.tonly { position:absolute; width:12em; z-index:21; left: 6px; top: 57px; padding: 0px; margin: 0px; }
div.tonly p { white-space: nowrap; }
div.tonly p span { font-weight: bold; text-align: left; width: 6em; }
div.tonly p span#tg a { color: #990000; text-align: center; width: 6em; padding: 0.25ex 0.25em; white-space: nowrap; text-decoration: underline; }
div.tonly p#tg a:hover { color: #ddeeff; background-color: #990000; }

div.clouds_top { position: absolute; z-index: 13; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; height: 90px; max-width: 1024px; background-image: url(images/clouds_top_end.jpg); background-repeat: no-repeat; background-position: 740px 0px; white-space: nowrap; }
div.clouds_top img, div.clouds_top map { border: none; margin:0; padding: 0;  z-index: 15; }

div.mainpane { position:absolute; z-index: 1; min-height: 420px; left: 11.75em; right: 0px; top: 90px; width: auto; margin: 0px; padding: 0px 6px 0px 12px; text-align: center; border-left: dashed 2px #000033; }

div.maintext { z-index: 2; min-height: 420px; padding: 0px 6px 9px 9px; margin-bottom: 12px; text-align: left; }

div.footer { position: relative; height: 32px; margin: 1ex 0em; padding: 1ex 0em; font-size: 13px; text-align: center; vertical-align: middle; clear: both; }

hr.ha { width: 20em; }
.textheader { visibility: hidden; speak: normal; position: absolute; top 6px; margin-left 6px; margin-right 6px; height: 0px; width: 0px; z-index: -6}

h1, h2, h3, h4, h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000033; padding: 0em 0em 0.25em 0em; margin: 0em; }
h1, h2 { clear: left; }
h1 { font-size: 167%; }
h2 { font-size: 150%; }
h3, h4, h5 { padding: 0em; }
h3 { font-size: 133%; }
h4 { font-size: 120%; }
h5 { font-size: 108%; }

p, td, table, dd, li { font-size: small; color: #000033; text-align: justify; }
p { margin: 0em; padding: 0em 0em 0.25em 0em; }
th, dt { font-weight: bold; color: #000033; padding: 3px; }
dt { font-size: 108%; }
caption { font-size: 120%; font-weight: bold; }
blockquote {  padding: 0em 2em; margin: 0em; }
ul, ol { margin: 0ex 0em 0ex 1em; padding: 0ex 0em 0ex 1em; }
ul { list-style-position: outside; list-style-type: disc; }
sup { font-size: 75%; vertical-align: text-top; }
form, dl { margin: 0px; padding: 0px; }

a:active, a:link { color: #990000; text-decoration: none; }
a:hover {  color: #ff0000; background-color: #bbddff; }
a:visited { text-decoration: none; }

hr {  color: #000033; line-height: 1px; height: 1px; clear: left; }

.xxlarge, .xlarge, .large, .medium, .smedium { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000033; text-align: left; }
.xxlarge { font-size: xx-large; }
.xlarge { font-size: x-large; }
.large { font-size: large; }
.medium { font-size: medium; }
.smedium { font-size: medium; font-weight: normal; }
.small { font-size: 90%;  }
#tsize .small { font-size: 11px; } 
#tsize .medium { font-size: 14px; } 
#tsize .large { font-size: 17px; } 

ol#numbered li { list-style-position: outside; list-style-type: decimal; text-align: left; }
ol#lettered li { list-style-position: outside; list-style-type: lower-alpha; text-align: left; }

ul#snv, ul.subnav, ul.mainnav { list-style: none; margin: 0px; padding: 0px; }
ul.subnav li, ul.mainnav li { font-family: Verdana, Arial, Helvetica, sans-serif; }
ul.mainnav li { list-style: none; width: 10.25em; text-align: right; font-size: 108%; clear: both; }
ul.mainnav li ul li { font-size: small; font-size: 83%; }
ul#snv li { padding-top: 0.25ex; padding-bottom: 0.25ex; }
ul#snv li a, ul.subnav li a, ul.mainnav li a { position: relative; display: block; text-decoration: none;}

ul.subnav li a, ul.mainnav li a { color: #000033; margin: 0px; }
ul.subnav li a:hover, ul.mainnav li a:hover, ul.mainnav li.blue a:hover { background-color: #000033; color: #ddeeff; }
ul.mainnav li a { padding: 0ex 9px 0ex 0.125em; }
ul.mainnav li.red a { color: #990000; margin: 0px; background: url(images/here_ar_red.gif) right center no-repeat; }
ul.mainnav li.red a:hover { background-image: url(images/here_ar_red_f2.gif); }
ul.mainnav li.red a:hover, ul.mainnav li.red ul#snv li a:hover { background-color: #990000; color: #ddeeff; }
ul.mainnav li.blue a { color: #000033; margin: 0px; background: url(images/here_ar_blue.gif) right center no-repeat; }
ul.mainnav li.blue a:hover { background-image: url(images/here_ar_blue_f2.gif); }

ul.mainnav li.green a { background-color: #ddeeff; color: green; }
ul.mainnav li.green a:hover { background-color: green; color: #ddeeff; }

ul.subnav, ul.mainnav li ul { position: absolute; visibility: hidden; border: solid 1px #000033; background-color: #ddeeff; left: 9em; padding: 0; }
ul.subnav { z-index: -1; }
ul.subnav li { width: auto; padding: 0px; white-space: nowrap; }
ul#snv, ul.mainnav li.red ul#snv { position: relative; left: 0em; visibility: visible; border: none; clear: both; }
ul.subnav li a, ul#snv li a, ul.mainnav li.red ul#snv li a, ul.mainnav li.blue ul.subnav li a { position: relative; background-image: none; padding: 0.25ex 0.5em;  z-index: 2000; }
ul#snv li { width: auto; }

li.snav a { padding-left: 24px; color: #000033; background-image: url(images/searcharr_moz.gif); background-repeat: no-repeat; background-position: 2px; }
ul.mainnav li.snav a:hover { background-image: url(images/searcharr_moz_f2.gif); background-repeat: no-repeat; background-position: 0px; }

li.prnav a { padding-left: 24px; color: #000033; background-image: url(images/printarr_moz.gif); background-repeat: no-repeat; background-position: 2px; }
ul.mainnav li.prnav a:hover { background-image: url(images/printarr_moz_f2.gif); background-repeat: no-repeat; background-position: 0px; }

.bdl { display: inline; border-width: 0px; }
.ybt { background-color: #ffff99; font-size: 16px; }

input, textarea, select, option, form { font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 2px 2px 2px 3px;  }
label { font-weight: bold; vertical-align: text-top; }

.photoframe, .pfr, .pfm, div#pfr img, div#pfl img { border: solid #000033 1px; }
.photoframe, div#pfl, div#pl { float: left; margin: 6px 1em 3px 0px; text-align: center; }
div#pfl img, div#pl img { align: left; }
div#pfr img, div#pr { align: right; }
div#pfr p, div#pfl p, div#pr p, div#pl p, table#list tr td p { font-size: 80%; font-style: italic; white-space: normal; text-align: center; }
div#pfr p img, div#pfl p img, div#pr p img, div#pl p img { border: none; }
.pfr, div#pfr, div#pr { float: right; margin: 6px 0px 3px 6px; text-align: center; }
.pfm { margin: 0px 6px 6px 0px; text-align: center; }

.printhide { visibility: normal }

p.intro:first-letter { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 200%; margin-top: -0.5ex; font-weight: bold; color: #ff6600; }

.dashed { padding: 6px; vertical-align: center; }

/* Mouseover Link Buttons */
p#hornav, p.hornav, p#bignav, p#lnav, span#lnav, span#login, span#enter { margin: 0px; padding: 3px 0px; white-space: nowrap; }
p#hornav, p.hornav, p#bignav, p#lnav { display: block; }
p#bignav, p#hornav, p.hornav { text-align: right; float: right; clear: right; }
p#lnav { text-align: left; float: left; }
p#hornav a, p.hornav a, p#lnav a, span#lnav a, p#bignav a, span#login a, span#enter a { margin: 2px 4px; padding: 1px 3px; color: #000033; text-decoration: none; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid #000033 1px; }
p#hornav a:hover, p.hornav a:hover, p#bignav a:hover, p#lnav a:hover, span#lnav a:hover, span#login a:hover, span#enter a:hover { background-color: #000033; color: #ddeeff; }
span#login a { background-image: url(images/login_icon.gif); background-repeat: no-repeat; background-position: right; padding-right: 66px; }
span#login a:hover { background-image: url(images/login_icon_f2.gif); }
span#enter a { background-image: url(images/enter.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
span#enter a:hover { background-image: url(images/enter_f2.gif); }

p#bignav { padding: 6px 2px; text-align: right; }
p#bignav a { margin: 2px 4px; padding: 1px 3px; text-decoration: none; font-weight: bold; font-size: 18px; }

.rtali { float: right; margin-left: 1em; margin-bottom: 1em; }

ul#bullet li, ul#pages li { list-style-position: outside; list-style-type: disc; list-style-image: url(images/here_ar_blue.gif); }
ul#pages li { float: left; padding-right: 2em; white-space: nowrap; }
ul#bullet li a, ul#pages li a { font-size: 108%; font-weight: bold; }

table#frm caption { visibility: visible; font-size: 13px; font-weight: bold; border-width: 0px }
table#frm tr { border-width: 0px }
table#frm th { font-weight: bold; border-width: 0px; vertical-align: top; white-space: nowrap; text-align: right; padding: 3px 0.5em 3px 3px; }
table#frm td { border-width: 0px; vertical-align: top; text-align: left; padding: 3px; vertical-align: top; }

table#twin, table#plain, table#list, table#frm, table#comp {
clear: both; border-width: 0px; padding: 3px; margin: 0px }
table#comp tr { border-width: 0px }
table#comp th  { font-weight: bold; border-width: 0px; vertical-align: top; text-align: right; padding: 3px; font-weight: bold; }
table#comp td { border-width: 0px; vertical-align: top; text-align: left; padding: 3px }

table#comp th { white-space: nowrap; }

table#twin th { width: 18%; font-weight: bold; font-size: 15px; vertical-align: top; text-align: right; padding: 3px }
table#twin td { width: 32%; vertical-align: top; text-align: left; padding: 3px }

table#plain th { font-weight: bold; vertical-align: top; text-align: right; padding: 3px }
table#plain td { vertical-align: top; text-align: left; padding: 3px }

table#list tr, table#lcomp tr { border-width: 0px }
table#list thead tr th, table#lcomp thead tr th { border-top: dashed 1px #000033; border-bottom: dashed 1px #000033; }
table#list th, table#lcomp th { font-size: 120%; font-weight: bold; vertical-align: top; text-align: center; padding: 3px }
table#list td, table#lcomp td { border-width: 0px; vertical-align: top; text-align: center; padding: 3px }

table#nq, table#md { border-width: 0px; padding: 0em; margin: 0em; }
table#md { clear: right; float: right; margin-left: 1em; margin-bottom: 1em; }
table#md td { vertical-align: top; text-align: center; }
table#nq th { text-align: right; white-space: nowrap; vertical-align: top; }
table#nq td { padding-left: 0.5em; vertical-align: top; text-align: left; }
table#nq tr th.spa { padding-left: 3em; }
table#md th { text-align: center; width: 64px; padding: 0px 3px 6px 6px; vertical-align: top; }
table#md td { padding-left: 3px; vertical-align: top; }

div.scroll { padding: 3px; overflow: auto; font-size: 80%; max-height: 30ex; }

.chk { border-width: 0px }

div#open { display: none; visibility: hidden; width: 0px }

div#close { position: fixed; z-index: 6; left: 11.75em; top: 90px; height: 85%; width: 18px; border: none; }
div#close a { display: block; width: 18px; height: 100%; background: transparent url(images/hide_m.gif) top center no-repeat; }
div#close a:hover { text-decoration: none; color: #000033; background-image: url(images/hide_m_f2.gif); background-color: transparent; }

.cl { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
.wrap { clear: none; }

div#capti, div#toolbar { width: 750px; margin: 6px; }
div#capti { height: 5ex; }

.box { border: dashed 1px #000033; padding: 0.25ex 0.25em; }
.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }
.red { color: red; }
.green { color: green; }
.hidden { visibility: hidden; display: none; }