body { margin:0; padding:0; font-family: Arial, sans-serif; color:#000000; background-color:#ffffff }

.mainheader { background: #009999 url(/gfx/headback.jpg) repeat }
.mainmenu { background: #009999 url(/gfx/barback.gif) repeat-x; text-align:center }
.mainmenu A { background: none }
.mainmenu A:hover { background: none }
.footer { background: #009999 url(/gfx/barback.gif) repeat-x; text-align:right; padding-right:1em }

.submenu { font-size:105%; font-weight:bold; line-height:95%; width:70%; padding-top:1em }
.submenu DIV { background-color:#006666; color:#ffffff; width:100%; margin:.2em; padding:.2em 1em }
.submenu A { background-color:#006666; color:#ffffff; text-decoration:none }
.submenu A:hover { color:#99cccc; background-color:#006666; text-decoration:none }

.leftpanel { background: #FFFFFF url(/gfx/bigtri.gif) no-repeat; text-align:center; vertical-align: top }
.rightpanel { vertical-align: top; margin:0; padding:1.5em 2em; text-align:justify }
.rightpanel P, .rightpanel DIV { margin-left:25px; width:28em }
.bigpanel { vertical-align: top; margin:0; padding:1.5em 2em; text-align:justify }
.bigpanel P { margin-left:25px }

P.workdesc { background:none; color:#006666; margin-left:3em; margin-right:3em }

.workexamples IMG { vertical-align:middle; margin:10px; border:solid 1px #006666 }
.workexamples A:hover { background-color:#ffffff; color:#006666 }

.workexamplesba { text-align:center; margin:1em; color:#006666; background:none; font-weight:bold; width: 600px }
.workexamplesba IMG { vertical-align:middle }
.workexamplesba A:hover { background-color:#ffffff; color:#006666 }
.exbefore { float:left; text-align:center; margin:0em 0em 0em 2em }
.exafter { float:right; text-align:center; margin:0em 2em 0em 0em }
.badesc P { text-align:center }
.badesc SPAN { font-size:70%; font-weight:bold }

div.clicktoenlargemess { text-align:right }
.clicktoenlargemess span { background-color:#eeeeee; color:#999999; font-size:75%; text-align:center; padding:.2em 1em }
.clicktoenlargemess img { vertical-align:middle; padding:2px 5px }

.bigpic { margin:25px }

.glossarypage { margin:25px; text-align:justify }

.onlinecontact { color:#000000; background-color:#009999; padding:0em 0em 1em; border:solid 2px #006666 }
.onlinecontact TD { padding:.3em .5em }
.onlinecontact INPUT, .onlinecontact TEXTAREA, .onlinecontact SELECT { color:#000000; background-color:#99cccc; border-color:#99cccc }
.onlinecontact TH { text-align:left; color:#99cccc; background-color:#006666; padding:.5em }
.regcomp { color:#99cccc; background:none }
.regWarning, .regWarning .regcomp { color:#ff6666; background:none; font-weight:bold }

.testquote { font-style:italic; padding:1em 2em }
.testquote IMG { vertical-align:text-top; margin:0em .2em}
.testperson { text-align:right; float:right; width:100%; font-size:80%; font-style:normal; letter-spacing:.3em }

.cata, .catb { background-color:#99cccc; color:#000000; border: solid 2px #006666; font-size:88%; padding:.5em; margin:1em; clear:both }
.cata P, .catb P { margin:1em 0em 0em; width:100%; clear:both }
.cata .titlecat, .catb .titlecat { font-weight:bold; font-size:120%; color:#006666; background:none; width:100% }
.cata A, .catb A { background-color:#99cccc; color:#009999; text-decoration:underline }
.cata A:hover, .catb A:hover { background-color:#009999; color:#00cccc; text-decoration:none }

.cata .titlecat { text-align:left; float:left }
.cata IMG.piccat { float:right; margin:0.2em 0em 0.1em 1em }
.cata SPAN { clear:left }
.catb .titlecat { text-align:left; float:left }
.catb IMG.piccat { float:left; margin:0.2em 1em 0.1em 0em }
.catb SPAN { clear:right }

.portlinka { text-align:right; padding:1em 3em; font-weight:bold }
.portlinka A { color:#000000; background-color:#ffffff; text-decoration:none }
.portlinka A:hover { color:#000000; background-color:#ffffff; text-decoration:none }
.portlinka IMG { float:left; vertical-align:middle }

.portlinkb { text-align:left; padding:1em 3em; font-weight:bold }
.portlinkb A { color:#000000; background-color:#ffffff; text-decoration:none }
.portlinkb A:hover { color:#000000; background-color:#ffffff; text-decoration:none }
.portlinkb IMG { float:right; vertical-align:middle }

A.glossary, A.glossary:hover { color:#000000; background:none; border-bottom:2px #006666 dotted; text-decoration:none; cursor:help }
.workdesc A.glossary, .workdesc A.glossary:hover { color:#006666 }
.definition { position: absolute; left:10px; top:10px; visibility:hidden; border: solid 1px #006666; background-color:#009999; color:#ffffff; padding:.5em; width:250px; font-size:88%; text-align:justify }

IMG.right { float:right; margin:.1em .1em .5em .5em; border: solid 2px #006666 }
IMG.left { float:left; margin:.1em .5em .5em .1em; border: solid 2px #006666 }
IMG.mid { text-align:center; margin:.5em 0em }

H1, H2, H3 { font-family: "Times New Roman",serif; color: #009999; background: none; clear: both }
H1 IMG,H2 IMG { vertical-align:middle }
H2 { padding-left:15px }
H3 { padding-left:25px }

A { color:#009999; background-color:#ffffff; text-decoration:underline }
A:hover { text-decoration:none; color:#00cccc; background-color:#009999 }