body { background: url(grtn_tile.gif) repeat-y top left; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; width: auto !important; }

div.cont { position: absolute; top: 0px; left: 0px; max-width: 1024px; width: 100%; min-width: 760px; min-height: 100%;  }

div.top { position: absolute; height: 122px; width: 100%; max-width: 1024px; min-width: 760px; top: 0px; left: 0px; background: url(img/macleod_header.jpg) no-repeat top left;  } 
div.top a { display: block; width: 100%; max-width: 1024px; height: 122px; }
div.crests { position: absolute; height: 183px; width: 66px; top: 0px; right: 0px; z-index: 13; background: url(img/crests_tr.gif) no-repeat top right; } 
div.crests a { display: block; height: 183px; width: 66px; }
div.maintext { position: absolute; z-index: 12; top: 110px; left: 150px; padding: 4px 72px 12px 4px; background: url(img/tartan_yellow_tile.gif) repeat-y top right; min-height: 90%; min-width: 526px; max-width: 796px; }
div.menu { position: absolute; z-index: 6; left: 0px; top: 110px; width: 132px; 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; }

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: 132px; }
ul#mainnav li { text-align: right; width: 132px; font-size: 14px; font-weight: bold; padding: 0ex 0em 0.75ex 0em; }
ul#mainnav li a, ul#mainnav li.red a { position: relative; display: block; width: 132px; margin: 0px; padding: 0px; color: #ffff00; text-decoration: none; color: white; }
ul#mainnav li a { color: white; }
ul#mainnav li.red a { color: red; }
ul#mainnav li a:hover, ul#mainnav li.red a:hover  { color: yellow; }

sup { vertical-align: text-top; font-size: 67%; }

.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, 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%; }