/**
 * (c) Copyright 2008 John Girvin
 * except where indicated otherwise.
 * 
 * Unauthorised duplication, distribution
 * or alteration strictly prohibited.
 *
 */
 
html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

body {
    font-size: 10pt;
    font-family: Trebuchet MS,Tahoma,Verdana,sans-serif;
    background-image: url(/img/gradient-top.png);
    background-repeat: repeat-x;
}

p,span,li {
    text-align: justify;
}

p.nopad {
    padding: 0px;
    margin: 0px;
}

p.center {
    text-align: center;
}

div.with-bg {
    text-align: justify;
    background-repeat: no-repeat;
    background-position: top right;
    overflow: visible;
}

h1,h2,h3,h4 {
    display: inline;
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-weight: bold;
}
h1 {
    font-size: 10pt;
}
h2 {
    font-size: 11pt;
}
h3 {
    font-size: 10pt;
}

a {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  color: #ff0000;
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

img {
    border: none;
}

.hide {
    display: none;
}
.small {
    font-size: 8pt;
}
.help {
    color: #008800;
    padding: 5px 0px 5px 0px;
	margin: 0px;
	font-size: 9pt;
    font-weight: bold;
}
.success {
    color: #008800;
    font-weight: bold;
}
.error {
    color: #ff0000;
    font-weight: bold;
}
.centre {
    text-align: center;
}

/* contact form */
form {
    padding: 0px;
    margin: 0px;
}
form table {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}
form td {
}
form .label {
    font-size: 9pt;
	vertical-align: top;
    font-weight: bold;
    white-space: nowrap;
}
form .field {
	vertical-align: top;
	text-align: justify;
}
form .field input,textarea,select {
    border: 1px solid #c0c0c0;
    background: #ffffff;
    font-size: 9pt;
    font-family: Trebuchet MS,Tahoma,Verdana,sans-serif;
    padding: 1px;
    margin: 0px;
}
form .field input.focussed,textarea.focussed,select.focussed {
    background: #f8fff8;
    border: 1px solid #008800;
}
form .field input.error,textarea.error {
	font-weight: normal;
    background: #ffffff;
    border: 1px solid #880000;
}
form .field label.error {
    font-size: 9pt;
    font-weight: bold;
}
form .status {
    width: 5px;
    white-space: nowrap;
	color: #ff0000;
    font-size: 8pt;
	vertical-align: top;
}
#subpub,#subpri {
	width: 100px;
    font-weight: bold;
	text-align: left;
}

/* guestbook display */
table.guestbook {
    border-collapse: collapse;
    margin-top: 10px;
}
tr.guestbookhead {
    background: #f8fff8;
    border: 1px dashed #c0c0c0;
    padding: 2px;
    margin: 2px;
}
tr.guestbookhead td {
    text-align: left;
    font-weight: bold;
}
tr.guestbookbody td {
    text-align: justify;
    padding: 5px 5px 25px 25px;
    margin: 2px;
}
span.guestbooksub {
    font-size: 8pt;
    font-style: italic;
    float: right;
}

/* main layout */
#layout {
    padding: 5px;
    height: 100%;
}
#layout-head {
    height: 80px;
}
#layout-left {
}
#layout-main {
}
#layout-tail {
    border-top: 1px dashed #c0c0c0;
    padding-top: 5px;
    margin-top: 5px;
}
#layout-tail td {
    font-size: 8pt;
}
#layout-nav-top {
}
#layout-nav-top a {
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    margin: 0px;
}
#layout-nav-top a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#layout-nav-top a:hover {
    color: #ffffff;
    background: #004400;
    font-weight: bold;
    text-decoration: none;
}
#layout-nav-top a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#layout-nav {
}
#layout-nav a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    margin: 0px;
}
#layout-nav a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#layout-nav a:hover {
    color: #ffffff;
    background: #004400;
    font-weight: bold;
    text-decoration: none;
}
#layout-nav a:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

/* masthead */
#masthead {
    background-repeat: no-repeat;
    border-collapse: collapse;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}
#masthead0 {
    background-repeat: no-repeat;
    width: 16px;
    height: 80px;
}
#masthead1 {
    background-repeat: repeat-x;
    height: 80px;
}
#masthead1t {
    height: 55px;
    padding: 0px;
}
#masthead1t td {
    height: 55px;
    padding: 0px;
}
#masthead1b {
    height: 25px;
    padding: 0px;
}
#masthead1b td {
    height: 25px;
    padding: 0px;
}
#masthead2 {
    background-repeat: no-repeat;
    width: 16px;
    height: 80px;
}

/* center content */
#content-head {
    border: 1px dashed #c0c0c0;
    padding: 5px;
    margin: 5px;
    background: #f8fff8;
    font-size: 10pt;
    text-align: justify;
}
#content-head td {
    padding: 5px;
    margin: 0px;
}
#content-body {
    margin-top: 50px;
    margin-bottom: 50px;
}
#content-body-nopad {
    margin-top: 5px;
}
#content-tail {
    border: 1px dashed #c0c0c0;
    padding: 5px;
    margin: 5px;
    background: #f8fff8;
    font-size: 10pt;
}
#content-tail p {
    padding: 0px;
    margin: 0px;
}

/* center option boxes */
table.centopt {
    padding: 0px;
    margin: 0px;
}
.centopt-title {
    text-align: left;
}
.centopt-title h2 {
    font-family: Courier New,Courier,monospace;
    font-size: 14pt;
}
.centopt-title a {
  text-decoration: none;
    color: #000000;
}
.centopt-title a:visited {
  text-decoration: none;
    color: #000000;
}
.centopt-title a:hover {
  text-decoration: underline;
    color: #008800;
}
.centopt-title a:active {
  text-decoration: underline;
    color: #000000;
}
.centopt-body {
    text-align: justify;
}

/* content boxouts */
table.leftbox {
    padding: 0px;
    margin: 0px;
}
td.leftbox-top {
    padding: 0px 5px 0px 5px;
}
td.leftbox-body {
    font-size: 8pt;
    color: #000000;
    padding: 5px;
    margin: 0px;
}

/* license boxouts */
table.license-box {
}
td.license-body {
    text-align: justify;
}
p.copyright {
    font-weight: bold;
    text-align: justify;
    color: #880000;
    margin: 0px;
    padding: 0px;
}

/* screenshots */
.screenshot-bar {
    font-size: 8pt;
}
.screenshot-bar img {
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

/* tagcloud */
#tagcloud {
    border: none;
    margin: 0px;
    padding: 0px;
}
#tagcloud td {
    text-align: center;
}

/* download groups */
ul.dl-group {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-position: inside;
}
li.dl-group {
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}

/* download tree */
ul.tree0 {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px;
}
li.tree0 {
    font-weight: bold;
    font-size: 11pt;
    text-decoration: underline;
    padding: 20px 0px 0px 0px;
}
ul.tree1 {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px 0px 0px 20px;
}
li.tree1 {
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
    padding: 5px 0px 0px 0px;
}
ul.tree2 {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px 0px 0px 20px;
}
li.tree2 {
    font-weight: normal;
    font-size: 10pt;
}
ul.tree3 {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px 0px 0px 20px;
}
li.tree3 {
    font-weight: normal;
    font-size: 10pt;
}
ul.tree4 {
    list-style-position: inside;
    list-style-type: none;
    padding: 0px 0px 0px 20px;
}
li.tree4 {
    font-weight: normal;
    font-size: 10pt;
}