/* last modified on 14/05/08 */

body { margin:0; background:rgb(220,220,220); }

/* ----------- general formatting ----------------------------------------------------------------------------------------------------------------*/

p { text-align:justify; margin:0em 0em 0.5em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; margin:0 0 0.5em; }
h4 { font-size:1em; }
p.centered { text-align:center; }
h3.link { }
h3.clink  { text-align:center; margin:0 0 0.5em }
h3.llink  { text-align:left; margin:0 10% 0.5em }
p.llink { text-align:left; margin:0 10% 2em; font-weight:bold; }
h4.link { margin:0; padding:0 0 0.5em; }
table { font-size:small; }
hr { border-style:none; background:black; }

img { border:2px solid black; }

a:link { color:rgb(0,0,255); text-decoration:none; }
a:visited { color:rgb(0,0,150); text-decoration:none; }
a:hover { color:rgb(255,50,0); text-decoration:underline; }
a:active { color:rgb(0,127,0); }

a:link img { border:2px solid rgb(0,0,255); }
a:visited img { border:2px solid rgb(0,0,150); }
a:hover img { border:2px solid rgb(255,50,0); }

/*--------------- header ----------------------------------------------------------------------------------------------*/
div#header { text-align:left; background:rgb(0,0,128) url(collage.jpg) right no-repeat; padding:0px 0.5em; }
a img#logo { border:0; }

/*-------------- horizontal navigation -----------------------------------------------------------------------------*/
div#hnav { text-align:left; background:rgb(0,0,200); font-family:Arial,sans-serif; font-size:small; border-top:solid 1px white; }
div#hnav a { color:white; text-decoration:none; margin-left:0em; padding:0em 0.5em; font-weight:bold; }
div#hnav a:hover { color:black; background:rgb(200,220,255); }
div#hnav span { color:rgb(200,220,255); background:rgb(0,0,200); padding: 0em 0.5em; font-weight:bold; }

/*--------------- all pages ---------------------------------------------------------------------------------------------*/
div#pagewrapper { color:black; background:rgb(200,220,255); font-family:Arial,sans-serif; font-size:small; }

/*-------------- pagetitle ---------------------------------------------------------------------------------------------*/
h2.pagetitle { margin:0; padding:0.6em; }

/*--------------- left column ----------------------------------------------------------------------------------------*/
div#lcol { float:left; width:14em; margin:0em; padding:0; }
div#lcol div { margin:0 0.5em 1em; }
/*-------------- vertical navigation ---------------------------------------------------------------------------------*/
div#vnav { padding:2em 0 2em; }
div#vnav p { margin:0; padding:0; }
div#vnav p.up { font-weight:bold; margin:0 0 0.5em; }
div#vnav a { display:block; color:white; text-decoration:none; padding:0 1em; background:rgb(0,0,200); border:1px solid white; margin-bottom:-1px; }
div#vnav a:hover { color:black; background:rgb(0,200,255); }
div#vnav span { display:block; color:silver; text-decoration:none; padding:0 1em; background:rgb(50,50,150); border:1px solid white; margin-bottom:-1px; }

/*--------------- right column ----------------------------------------------------------------------------------------*/
div#rcol { float:right; width:14em; margin:0em; padding:0; }
div#rcol div { margin:0 0.5em 1em; }
div#rcol>hr { height:2px; margin:1em 0.5em; background:black; }

div.bg1 { border:1px solid black; background:rgb(230,230,230); }
div.bg1 h5 { text-align:center; margin:0 0 1em; padding:0.3em 0; color:white; background:black; }
div.bg1 p { color:black; margin:0 0.5em 0.5em; font-size:90%; }
div.bg1 p a { font-weight:bold; }
div.bg1 hr { margin:1em 0; height:1px; background:black; }

div.bg2 { border:1px solid red; background:yellow; }
div.bg2 h5 { text-align:center; margin:0 0 0.5em; padding:0.3em 0; color:black; background:red; }
div.bg2 p { color:black; margin:0 0.5em 0.5em; font-size:90%; }
div.bg2 hr { margin:1em 0; height:1px; background:red; }

/*--------------- main column ----------------------------------------------------------------------------------------*/
div#main { padding:1em; background:rgb(255,255,255); margin: 0 14em 0 14em; }

p.intro { margin-bottom:2em; font-weight:bold; }
p.intro1 { margin-bottom:0.5em; font-weight:bold; }
ul { margin:0 0 1em; padding:0 2em; }

/*------------- product listings -----------------------------------------------------------------------------------*/
table.prodlist td { vertical-align:top; padding-top:0.5em; }
table.prodlist img { margin-right:1em; }
h3 span.normal { font-size:smaller; font-weight:lighter; }
span.price { color:rgb(190,0,100); font-weight:bold; }
span.gst { font-size:70%; }
span.red { color:red; }

/*---------------- microtest -------------------------------------------------------------------------------------------*/
table#head { width:100%;}
table#head td { width:50%;}
table#head td.label div { width:15em; margin:0 auto; padding:1em 0; background:rgb(230,240,255); border:2px solid black; }
table#head td.label * { text-align:center; }
p.emph { font-weight:bold; }
table#head td.image { text-align:left; }
table#properties { border-collapse:collapse; clear:both; margin-top:2em; } 
table#properties td { padding:5px; vertical-align:top; }
table#properties td.lcol { font-weight:bold; width:10em; }
span.method { font-size:80%; font-style:italic; }

/*------------- footer -----------------------------------------------------------------------------------*/
div#footer { text-align:center; color:white; background:rgb(0,0,200); padding:1em 0em; border-bottom:solid 2px white; font-size: 80% }
div#footer span { font-weight:bold; font-size: 125% }
div#footer span:after { content:"2010"; }