body {background:#81898F;color:#fff;margin:0;padding:0;font-family:Arial,sans-serif}
h1 {color:#000;background:transparent}
h2,h3,h4,h5,h6 {color:#6a7075;background:transparent}
p {text-indent:1em;line-height:1.5em;}
ul,ol,li,legend,dd,td,dt,th {vertical-align:top;line-height:1.5em;text-align:left}
dt {font-weight:bold}
ol li ol {list-style-type:lower-alpha}
a:hover{color:#c00}
img,object,form {border:0;padding:0;margin:0;vertical-align:bottom}
input:focus,textarea:focus {background:#ff8;color:#000}
button {background:#69f url(g.png) repeat-x;border-style:solid;border-color:#36c;--border-radius:10px}
input[type=submit] {border-color:#090;border-style:solid;background:#0c0 url(g.png) repeat-x;--border-radius:10px}
input[type=reset],button.reset {border-color:#900;border-style:solid;background:#f00 url(g.png) repeat-x;--border-radius:10px}
button:hover,input[type=submit]:hover,input[type=reset]:hover{border-style:outset}
button:active,input[type=submit]:active,input[type=reset]:active{border-style:inset}
#page {background:#B8C4CC;color:#000;width:auto;margin:20px;--border-radius:10px;border:1px solid #6a7075}
#main {margin:0 200px 0 200px;padding:20px 0 0 0}
#menubar {border:0;position:absolute;top:99px;padding:0;margin:0 auto;background:transparent;width:auto}
#left {background:transparent;top:129px;width:178px;margin:0 0 50px auto;padding-left:10px;position:absolute}
#right {float:right;top:129px;right:10px;position:absolute;padding:0;width:178px;margin:0 10px 0 0}
#indexcard {border:1px #310 dashed;background:#F5F5DC url('paper.jpg');color:#000;height:12em;margin:1em;padding:0 0.5em;width:20em;overflow:auto}
#site_search {float:right;z-index:50;text-align:right}
#fpnl {list-style-type:none;margin:1em auto}
#masthead {background:#fff bottom left repeat-x;border-bottom:1px solid #6a7075;position:relative;top:0;left:0;right:0;height:89px;--border-radius-topleft:10px;--border-radius-topright:10px;padding:10px 10px 0 10px}
#copyright {background:#cfdde6;--border-radius:10px;padding:0 1em;text-align:right;padding:0 1em}
.sitemap {list-style-type:none}
.breadcrumb {background:#cfdde6;--border-radius:10px;list-style-type:none;text-align:right;padding:0 1em}
.breadcrumb li,.sitemap li,#fpnl li {display:inline}
.hidden {display:none}
.footnote {font-size:small;margin:0 1em;padding:0;text-align:right}

.menu li a {height:20px;padding:0 10px;display:block;line-height:1.5em;--border-radius-topleft:10px;--border-radius-topright:10px;border:1px solid #6a7075}

.ogc {font-family:serif;color:#000;background:#ccc;border-collapse:collapse;border:1px solid #000;margin:1em;padding:0.5em;line-height:1.15em}
.ogc * {color:#000;background:#ccc;font-family:serif;line-height:1.25em;margin-top:0}
.ogc caption {background:transparent;text-align:center}
span.ogc {margin:0;padding:0}
.magic,.psionic {font-style:italic}
.smallbox {background:#d2d2e6 url(rightbox.png);margin:10px 0;width:168px;height:119px;--border-radius:10px;border:1px solid #83838F}
.smallbox * {font-size:small;padding:0 5px;text-indent:0}
.smallbox h2 {background:#83838F url(g.png) repeat-x;color:#fff;margin:0;padding:5px;--border-radius-topleft:10px;--border-radius-topright:10px;text-align:right}
.box {background:#fff;margin:10px 0;width:168px;height:168px;--border-radius:10px;border:1px solid #900}
.box * {font-size:small}
.box h2 {background:#900 url(g.png) repeat-x;color:#fff;margin:0;padding:5px;--border-radius-topleft:10px;--border-radius-topright:10px}
.box p {padding:1px 5px 0 5px;text-indent:0;margin:0}
.box input[type=text] {width:20px}
#container {width:75%;height:auto;margin:0 auto}
.bigbox {margin:10px;--border-radius:10px;background-color:#cfdce6;border:1px solid #6a7075}
.bigbox p {padding:0 5px}
.bigbox h2 {background:#6a7075 url(g.png) repeat-x;color:#fff;padding:5px 10px;--border-radius-topleft:10px;--border-radius-topright:10px;font-size:small;margin:0}
.blogpost {overflow:auto;width:auto;height:145px}
.bigbox h3 {35px;font-size:small;margin:0;padding:0 5px}
#news {background:#cfdce6 url(news.png) no-repeat bottom left}
#bluey {background:#cfdce6 url(bluey.png) no-repeat bottom right}
.menu li a:link {background:#B8C4CC;border-bottom:1px solid #B8C4CC}
.menu li a:visited {background:#B8C4CC;border-bottom:1px solid #B8C4CC}
.menu li a:hover {background:#B8CCC3 url(g.png) repeat-x}
.menu li a:active {background:#F3FFF9;border-bottom:1px solid #B8CCC3}
  .menu li > ul {background:#fff;border:1px solid #000;color:#000;display:none;margin:0;padding:0;position:absolute;left:0;top:21px;width:250px;text-indent:0;z-index:5;}
.menu li > ul li {background:#fff;color:#000;display:block;margin:0;padding:1px;position:relative;height:1.2em;float:none;font-weight:normal;width:auto;text-align:left}
.menu li ul > li:hover {background:#bbc}
.menu li ul > li a, .menu li.active ul li a {background:none;line-height:1.3em;text-decoration:underline;border:0;-moz-border-radius:0}
.menu li ul > li a:link,.menu li.active ul li a:link {background:none} 
.menu li ul > li a:visited,.menu li.active ul li a:visited {background:none} 
.menu li ul > li a:hover,.menu li.active ul li a:hover {background:none;border:0}
.menu li ul > li a:active,.menu li.active ul li a:active {background:none}
#customise {background:#CFE6DB url(customise.png) bottom left;width:168px;height:280px;border:1px solid #818F88}
#customise h2 {background:#818F88 url(g.png) repeat-x}

  .menu {background:transparent;cursor:default;padding:0;margin:0;list-style-type:none;width:100%;line-height:1.15em}
  .menu li {vertical-align:bottom;margin:0 2px;font-size:small;font-weight:bold;position:relative;float:left;text-align:center;height:20px;line-height:1.15em}
  .menu li:hover > ul {display:block}