/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { padding: 0; margin: 0; background-color: #597e87; background-image: url("images/LittleRaft.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: top; background-attachment: fixed; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #ffffff; }
#header { margin: 20px; overflow: hidden; }
#header img { float: left; height: 70px; margin-right: 50px; }
#header p { font-style: italic; float: left; margin: 10px 0 0 0; padding: 0; line-height: 1em; display: none; }
.box, .linkbox { float: left; width: 170px; text-align: center; margin: 20px; display: none; }
.innerbox { background: url("images/fadeblue20.png") repeat; }
.linkbox { background: url("images/fadewhite50.png") repeat; }
.innerbox, .linkbox { padding: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; cursor: pointer; }
.innerbox.below { margin-top: 5px; }
.innerbox p { margin-top: 0; }
.innerbox a { color: #ffffff; }
.toshow { display: none; }
.small { font-size: .8em; }
a.linkbox { color: #ffffff; text-decoration: none; }
#sailme { cursor: pointer; }
#sail { position: fixed; left: -100px; clear: all; float: left; top: 40%; }
#footer { position: fixed; bottom: 5px; right: 10px; font-size: 8pt; white-space: nowrap; }
#opentest { position: absolute; top: 0; right: 0; width: 50px; cursor:pointer; }