body {color:#000; background:#fff; font:70% verdana,tahoma,helvetica,sans-serif}
H1, H2, H3, H4 {font-family: verdana, arial, helvetica, sans-serif; color: #333366;}
h1 {font-size:1.4em}
h2 {font-size:1em; font-weight:bold; margin-bottom:0.2em}
h2 a, ins {text-decoration:none}
p, ul, blockquote {font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; }
div {font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; }
font {font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; }
.bodytext {font-family: verdana, arial, helvetica, sans-serif; font-size: 80% }
.smalltext {font-family: verdana, arial, helvetica, sans-serif; font-size: 60% }
form {margin: 0.2em}

/* Content */
#content {font-size:1.2em; margin:20px 175px 10px 175px; padding-top:3.5em !important; padding-top:2em; position:relative}
blockquote {margin-bottom:0}
blockquote strong {color:#26a; font-family:serif}
.proverb {color:#336; font-size:0.8em; margin-top:0.5em; text-align:right}
.small {font-size:0.9em}
#comment {color:#fff; background:#26a; border:3px #fb0 ridge; padding:4px; margin:2.5em 25px; height: auto !important; height: 100px; min-height: 100px}
#comment strong {color:#9cf; font-family:serif} 
#comment span {color:#fb0; margin:0.5em 0 0 0.5em; font-weight:bold; display:block}
#comment img {float:left; height:100px; padding-right:6px; width:145px}
#comment blockquote, #testimonials blockquote, #handbook-quotes blockquote, #news-quotes blockquote {display:inline; margin:0; text-align:left}
#credit {margin-top:3em; border-top: 1px #26a dashed}
#assessment h3 {margin: 2em 0 0; padding-left:3px; no-repeat; border-bottom:1px #fb0 solid}
.top {margin-top:0}
.screenshot {float:left; width:220px; height:158px; border:1px solid #000}
.mr {margin-right:10px}
#news-quotes p {color:#336; font-size:0.8em; margin:0.2em 0 2em 2em; font-weight:normal}

/* Left and right columns */
#leftcol {font-size:1.2em; position:absolute; top:0; float:left; width:150px; margin-top:60px; padding:8.5em 0 0 5px}
#leftcol .menu, #rightcol .menu {font-size:1.1em; font-weight:bold; text-align:left; border:1px #26a solid; padding:3px}
#leftcol h3, #rightcol h3 {margin:0; padding:2px; border-bottom:2px #fb0 dotted}
h3 a {text-decoration:none}
h3 a:visited, h3 a:hover {color:#26a}
h3 a:active {color:#00c}
#leftcol .now {background:#e9e9ff; border:#26a solid; border-width:1px 0; padding:3px 0}
#leftcol .menu div {font-size:0.9em; text-align:left; margin-top:0.5em; text-indent: -14px; padding-left:1em}

/* #leftcol .menu div a {padding-left:14px; clear:left; background:url(images/bullets/arrow-thin.png) 0 50% no-repeat;} */
#leftcol .menu div a {padding-left:14px; clear:left; background:url(images/bullets/small-arrow-box.png) 0 50% no-repeat;}

#leftcol .now span {font-size:0.85em; display:block; margin:0.5em 0; padding-left:1em}
a.black:link, a.black:visited, a.black:hover, a.black:active {color:#000; font-weight:bold}

#leftcol .now a:link em, #leftcol .now a:visited em {color:#fb0; font-style:normal}
#leftcol em, #leftcol .now a:hover em, #leftcol .now a:active em {color:#26a; font-style:normal}
#leftcol div a strong {font-weight:normal}

.seealso a:link em, .seealso a:visited em, .break a:link em, .break a:visited em, .intro a:link em, .intro a:visited em, #leftcol a:link em, #leftcol a:visited em, .seealso a:link em, .seealso a:visited em {color:#fb0; text-decoration:none; font-style:normal; font-weight:bold}
.break a:hover em, .break a:active em, .seealso a:hover em, .seealso a:active em, .intro a:hover em, .intro a:active em, #leftcol a:hover em, #leftcol a:active em, #handbook em {color:#26a; text-decoration:none; font-style:normal; font-weight:bold}

#rightcol {font-size:1.2em; position:absolute; top:0; right:0; float:right; text-align:center; width:150px; margin-top:60px; padding:8.5em 5px 10px 0}
#rightcol #assess {border:1px #26a solid; padding:4px; font-weight:bold; font-size:1.1em}
#rightcol form {border:1px #26a solid; padding:4px; margin-top:1.4em}
#rightcol form strong {display:block; font-weight:normal; margin-top:0.5em}
#rightcol input {margin-top:0.5em}
#rightcol img {clear:both; margin-bottom:15px}
.ukupa {width:71px; height:62px}
.iitt {width:100px; height:89px}
.gawds {width:88px; height:31px}
.ukwda {width:110px; height:42px}
.bwdma {width:125px; height:73px}
#rightcol .menu p {font-size:0.8em; text-align:left; font-weight:normal}
#rightcol .menu p span {display:block}