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 { visibility: hidden; display: none; position:absolute; width:0px; z-index: -1; }

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.mainpane { position:absolute; z-index: 1; min-height: 420px; right: 0px; left: 0px; margin: 0px; padding-left: 6px; padding-top: 90px; padding-right: 6px; text-align: center; border-left: dashed 2px #000033; }
div.maintext { padding: 0px 6px 9px 18px; min-height: 420px; 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; display: none; speak: normal; height: 0px; width: 0px; z-index: -6; }

.f12 { font-size: 90%; }
.f15 { font-size: 120%; }
.f17 { font-size: 133%; }
div#change { text-align: right; border-width: 0px; padding: 0ex 0.25em; margin: 0.25em; text-decoration: none; }

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; font-weight: normal; color: #000033; text-align: justify; }
p { clear: none; 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 { list-style-position: outside; list-style-type: disc; margin: 0em 0em 0.5em 1em; padding: 0em 0em 0em 16px; }
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 { 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; }

.btb { border-bottom: solid #000033 1px; }

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 { display: block; margin: 0px; padding: 6px 2px; text-align: right; }
p#bignav a { margin: 2px 4px; padding: 1px 3px; background-color: #ddeeff; text-decoration: none; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000033; border: solid #000033 1px; }

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

ul#bullet li { list-style-position: outside; list-style-type: disc; list-style-image: url(images/here_ar_blue.gif); }
ul#bullet 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#close { display: none; visibility: hidden; width: 0px }

div#open { position: fixed; z-index: 12; left: 0px; right: 18px; top: 90px; bottom: 0px; height: 85%; width: 18px; }
div#open a { display: block; width: 18px; height: 100%; background-image: url(images/show_m.gif); background-position: top center; background-repeat: no-repeat; }
div#open a:hover { text-decoration: none; color: #000033; background-image: url(images/show_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; }