body { background: url(images/sea_horizon.jpg) repeat-x top left; margin: 0px; padding: 0px; font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; font-size: small; width: auto !important; }

div.cont { width: auto; max-width: 1024px; margin: 0px; padding: 0px; width: expression(document.body.clientWidth>1024 ? "1024px" : "auto"); }

div.top { position: absolute; height: 174px; top: 0px; left: 0px; right: 0px; background: url(images/phad_sea_hor.jpg) no-repeat top left; width: auto; margin: 0px; padding: 0px; width: expression(document.body..clientWidth > 1024? "1024px" : "100%" ); min-width: 760px; max-width: 1024px; } 
div.top a { display: block; width: 100%; width: expression(document.body.clientWidth>1024 ? "1024px" : "100%"); height: 122px; max-width: 1024px; }

div.maintext { position: absolute; z-index: 12; top: 87px; left: 180px; max-width: 844px; padding: 4px 12px 12px 4px; expression(this.scrollHeight < 600? "600px" : "auto");  min-height: 600px; }
div.menu { position: absolute; z-index: 6; left: 0px; top: 174px; width: 174px; text-align: right; color: white; }

div.footer { clear: both; }
div.footer p { font-size: 75%; margin: 1ex 1em; text-align: center; }

h1, h2, h3, h4 { font-weight: bold; color: #000033; padding: 0em 0em 0.25em 0em; margin: 0em; }
h1 { font-size: 167%; }
h2 { font-size: 150%; }
h3, h4 { padding: 0em; }
h3, caption { font-size: 133%; }
h4 { font-size: 120%; }

p, td, table, dd, li { font-size: small; color: #000033; text-align: justify; }
ul { margin-top: 0ex; margin-bottom: 0.25ex; }
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; }
hr { clear: both; }

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

ul#mainnav { list-style: none; margin: 0px; padding: 0px; width: 174px; }
ul#mainnav li { font-weight: bold; text-align: left; margin: 0px; padding: 0.25ex 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 108%; }
ul#mainnav li a { position: relative; display: block; margin: 0px; padding: 0px 0px 0px 18px; color: #000066; background-image: url(images/nbu.gif); background-position: 2px; background-repeat: no-repeat; }
ul#mainnav li a:hover { color: #ff0000; background-image: url(images/nbu_f2.gif); background-position: 2px; background-repeat: no-repeat; }
sup { vertical-align: text-top; font-size: 67%; }
ul#mainnav li.purple a { position: relative; display: block; margin: 0px; padding: 0px 0px 0px 18px; color: #663399; background-image: url(images/nbu_3.gif); background-position: 2px; background-repeat: no-repeat; }

.xxlarge, .xlarge, .large, .medium, .smedium { font-family: "Comic Sans MS", 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, p.intro { font-size: medium; }
.smedium { font-size: medium; font-weight: normal; }

p.intro:first-letter { float: left; position: relative; font-size: 200%; margin-top: -0.25ex; padding: 0ex; font-weight: bold; color: #660066; }

.s80 { font-size: 80%; }
div#print { width: 120px; padding: 8px; margin: 0px; } 
div#print span { color: white; font-size: 75%; text-align: center; }

.pfl, .pfr, .pfm, div#pfr img, div#pfl img,  div#pfm img { border: solid black 1px; }
.pfl, div#pfl, .pl, div#pl { float: left; margin: 6px 6px 3px 0px; text-align: center; }
.pm, div#pm { margin: 6px 6px 3px 6px; padding: 3px; text-align: center; }
div#pfl, div#pl, div#pfr, div#pfm, div#pm { position: relative; z-index: 16; }
div#pfl img, div#pl img { align: left; }
div#pfr img, div#pr img { align: right; }
div#pfr span, div#pfl span, div#pfm span, div#pr span, div#pl span, div#pm span { clear: both; font-size: 75%; font-style: italic; white-space: normal; text-align: center; font-family: 'Comic Sans MS', Times New Roman, Times, serif; padding-bottom: 0.75ex; }
div#pfr span img, div#pfl span img, div#pfm span img, div#pr span img, div#pl span img, div#pm span img { border: none; padding: 3px 3px 0px 0px; float: left; clear: left; }
div#pfm p { text-align: center; }
.pfr, div#pfr, .pr, div#pr { float: right; margin: 6px 0px 3px 6px; text-align: center; }
.pfm { margin: 0px 6px 6px 0px; }

.cl { clear: both; }
.cleft { clear: left; }

div.bcollage { height: 120px; clear: both; align: center; vertical-align: bottom; padding-top: 33px; }

.red { color: red; }

table#nq, table#mem { border-width: 0px; padding: 0em; margin: 0em; }
table#nq th, table#mem th { text-align: right; white-space: nowrap; vertical-align: top; }
table#nq td { padding-left: 0.5em; }

table#mem td { padding: 0.125ex 0em 0.75ex 1em; text-align: right; }
table#mem td em { padding-left: 3em; }

p#lkp { clear: both; }
p#lkp a { font-size: 120%; font-weight: bold; background: url(img/triang.gif) center left no-repeat; padding: 0.5ex 2em 0.5ex 15px; white-space: nowrap; }

p#rkp { float: right; padding-left: 2em; }

div.ctrls { position: absolute; height: 256px; width: 37px; top: 183px; right: 18px; z-index: 13; padding: 0px; margin: 0px; text-align: right; color: #000088; font-size: 9px; }
div.ctrls form { margin: 0px; padding: 0px; }
p#nx, p#pv  { margin: 59px 0px; padding: 0px; }
p#nx a, p#pv a { display: block; position: relative; width: 37px; height: 29px; }
p#nx a { background: url(img/nx.gif) center left no-repeat; }
p#nx a:hover { background: url(img/nx_f2.gif) center left no-repeat;  }
p#pv a { background: url(img/pv.gif) center left no-repeat; }
p#pv a:hover { background: url(img/pv_f2.gif) center left no-repeat;  }

ul#nsl { margin-top: 0.5em; padding-top: 0.5em; }
ul#nsl li { font-size: 133%; }
ul#nsl li ol#numbered li { font-size: 75%; }

p#hornav, p#lnav, span#lnav{ margin: 0px; padding: 6px 0px; white-space: nowrap; font-size: 14px; }
p#hornav,  p#lnav { display: block; clear: right; }
p#hornav { text-align: right; float: right; }
p#lnav { text-align: left; float: left; }
p#hornav a, p#lnav a, span#lnav a { margin: 2px 4px; padding: 1px 3px; color: #000049; text-decoration: none; font-weight: bold; border: solid #000049 1px; }
p#hornav a:hover, p#bignav a:hover, p#lnav a:hover, span#lnav a:hover { background-color: #000049; color: white; }