/* -- Style Sheet for www.gaztronics.net -- */
/* -------------- Body -------------- */
pre { font-family: monospace; }
body { margin: 0; padding: 0; background-color: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; }

html, body, #contents { min-height: 100%; width: 100%; height: 100%; }
html>body, html>body #contents { height: auto; }
html>body #menu { position: fixed; left: auto; }

#contents { position: relative; top: 0; left: 0; margin-left: auto; margin-right: auto; width: 100%; overflow: hidden; }

#content { margin-left: 105px; margin-right: 165px; margin-top: 40px; margin-bottom: 2em; }

img { border: none; }

p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: transparent; padding-left: 15px; padding-right: 15px; }
.large-centre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000; text-align: center; background-color: transparent; }
.large { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000; text-align: left; background-color: transparent; }
.left { text-align: left; }
.centre { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.bolditalic { font-style: italic; font-weight: bold; }
.date { font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; background-color: transparent; }
.print { font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-align: right; padding-top: 2px; padding-right: 4px; background-color: transparent; }
.wintip { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline; color: #FF00FF;  background-color: transparent;  }
.lintip { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: underline; color: #008000;  background-color: transparent;  }
.mono { font-family: "Courier New", Courier, monospace; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; background-color: transparent; }
.stop { color: #FFFFFF; background-color: #FF0000; font-weight: bold; text-decoration: blink; }
.highlight { color: #000000; background-color: #FFFF00; }

p.external { font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #0000FF; border: 1px solid #0000FF; }

hr.quarter { border: 1px solid; border-color: #00FFFF; width: 25% }
hr.half { border: 1px solid; border-color: #00FFFF; width: 50% }
hr.full { width: 100%; border: 1px solid; border-color: #00FFFF; }

/* -------------- Header -------------- */
#header { position: fixed; top: 0; width: 100%; height: 30px; border-bottom: 5px solid #00FFFF; background-color: #CCFFFF; color: #000000; }
#header .logo { background-color: #CCFFFF; color: #000000; float: left; margin-top: 2px; margin-bottom: 2px; margin-left: 0.5em; }

/* -------------- Footer -------------- */
#footer { position: fixed; bottom: 0; width: 100%; border: 1px solid #CCFFFF; color: #000000; background-color: #CCFFFF; }
#footer td { background-color: transparent; color: #000000; border: 0; margin: 0; text-align: center; font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; }
#footer td.left { background-color: transparent; color: #000000; border: 0; margin: 0; padding-left: 1em; text-align: left; }
#footer td.legal { background-color: transparent; color: #FF0000; border: 0; margin: 0; text-align: center; }
#footer td.right { background-color: transparent; color: #000000; border: 0; margin: 0; padding-right: 1em; text-align: right; }

table.footer { width: 100%; color: #000000; background-color: #00FFFF; }
td.footer-left { font-family: Verdana, sans-serif; font-size: 10px; text-align: left; color: #000000; background-color: transparent; }
td.footer-middle { font-family: Verdana, sans-serif; font-size: 10px; text-align: center; color: #000000; background-color: transparent; }
td.footer-right { font-family: Verdana, sans-serif; font-size: 10px; text-align: right; color: #000000; background-color: transparent; }
td.footer-logos { color: #000000; background-color: transparent; text-align: center; }

/* -------------- Menu -------------- */
#menu { top: 35px; left: 0; width: 100px; text-align: center; height: 100%; background-color: #CCFFFF; }
#menu ul { list-style: none; padding: 0; margin: 1px; }
#menu li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; margin-bottom: 2px; background-color: #00FFFF; white-space: nowrap; border: 2px solid; border-color: #00FFFF; text-decoration: none; color: #808080; }
#menu li a { display: block; text-decoration: none; color: #808080; font-weight: bold; background-color: transparent; }
#menu li a:hover { color: #000000; background-color: #CCFFFF; text-decoration: none; }
#menu li a:visited { color: #808080; background-color: transparent; text-decoration: none; }
#menu li a:visited:hover { color: #000000; background-color: #CCFFFF; text-decoration: none; }


/* -------------- Advertising -------------- */
#banners { position: fixed; bottom: 1.5em; width: 100px; text-align: center; }
#banners p { font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000; background-color: transparent; }
#ads { position: fixed; top: 35px; right: 0; width: 162px; height: 100%; background-color: #CCFFFF; }
#google { height: 600px; margin-top: 2px; border: 1px solid #00FFFF; }

/* -------------- Links -------------- */
a { color: #0000FF; text-decoration: underline; background-color: transparent; }
a:hover, a:visited:hover { color: #FF0000; text-decoration: underline; background-color: transparent; }
a:visited {color: #000080; text-decoration: underline; background-color: transparent; }
a:active, a:visited:active {color: #008000; text-decoration: underline; background-color: transparent; }

a.link { color: #0000FF; text-decoration: underline; background-color: transparent; }
a.link:hover, a.link:visited:hover { color: #FF0000; background-color: #CCFFFF; }
a.link:visited { color: #000080; background-color: transparent; }
a.link:active, a.link:visited:active { color: #008000; background-color: #CCFFFF; }

.sitelink  { list-style: none; text-align: center; }
.sitelink li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; background-color: #FFFFFF; text-decoration: underline; color: #000000; }
.sitelink li a { color: #0000FF; background-color: #FFFFFF; text-decoration: underline; border: 2px solid #0000FF; padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
.sitelink li a:hover { color: #FF0000; background-color: #CCFFFF; text-decoration: underline; border: 2px solid #FF0000; }
.sitelink li a:visited { color: #000080; background-color: #FFFFFF; text-decoration: underline; border: 2px solid #0000FF; }
.sitelink li a:visited:hover { color: #FF0000; background-color: #CCFFFF; text-decoration: underline; border: 2px solid #FF0000; }
.sitelink li a:active, .sitelink li a:visited:active { color: #00FF00; background-color: #CCFFFF; text-decoration: underline; border: 2px solid #00FF00; }

/* -------------- Headings/Titles -------------- */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: bold;	color: #000066;	text-align: center; background-color: transparent; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold;	color: #000099;	text-align: left; background-color: transparent; }
h3.red { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: red; text-align: left; background-color: transparent; }
h3.blue { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: blue; text-align: left; background-color: transparent; }
h3.green { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: green; text-align: left; background-color: transparent; }
h3.grey { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #808080; text-align: left; padding-left: 5px; background-color: transparent; }
h3.wintip { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #FF00FF; padding-left: 10px; background-color: transparent; }
h3.lintip { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #008000; padding-left: 10px; background-color: transparent; }

/* -------------- Tables -------------- */
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-align: left; }
table.centre { margin-left: auto; margin-right: auto; }
table.download { border: 2px solid #0000FF; background-color: #CCFFFF; padding: 1px; margin-left: auto; margin-right: auto; }
td.download { font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; padding: 3px; text-align: center; border: 1px solid; border-color: #000099; background-color: #FFFFFF; }
td.rwe1 { font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: red; text-align: center; background-color: transparent; }
td.rwe2 { font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: black; text-align: center; background-color: transparent; }
td.colours { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-align: center; padding: 2px; }
td.key { width: 25%; border: 1px solid #808080; text-align: center; }
td.desc { width: 75%; border: 1px solid #808080; }

/* -------------- Misc -------------- */

li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; }
.legal-red { font-size: 11px; font-weight: bold; color: #FF0000; text-align: center;  background-color: transparent; }

.nopiclink  { list-style: none; text-align: center; }
.nopiclink li { display: inline; font-family: Verdana, sans-serif; font-size: 12px; text-align: center; background-color: #FFFFFF; text-decoration: none; color: #000000; padding-left: 4px; padding-right: 4px; }
.nopiclink li a { color: #0000FF; background-color: #FFFFFF; text-decoration: none; border: 2px solid #0000FF; padding-top: 8px; padding-bottom: 11px; padding-left: 8px; padding-right: 8px; }
.nopiclink li a:hover { color: #FF0000; background-color: #CCFFFF; text-decoration: none; border: 2px solid #FF0000; }
.nopiclink li a:visited { color: #000080; background-color: #FFFFFF; text-decoration: none; border: 2px solid #000080; }
.nopiclink li a:visited:hover { color: #FF0000; background-color: #CCFFFF; text-decoration: none; border: 2px solid #FF0000; }
.nopiclink li a:active { color: #008000; background-color: #00FFFF; text-decoration: none; border: 2px solid #008000; }
.nopiclink li a:visited:active { color: #008000; background-color: #00FFFF; text-decoration: none; border: 2px solid #008000; }


/* -------------- Howto -------------- */
.new { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: blink; color: #FF0000; background-color: transparent; }