body {color:#000; background:#fff; font:70% verdana,tahoma,helvetica,sans-serif; margin:0; padding:0}
h1 {font-size:1.4em}
h2 {font-size:1.3em; border-bottom:2px #fb0 solid; margin-top:1.8em; padding-left:20px; clear:left; background:url(images/r.gif) 0 50% no-repeat}
h3 {font-size:1.2em}
small {font-size:0.7em}
a {text-decoration:underline}
a:link {color:#26a}
a:visited {color:#90a}
a:hover {color:#fb0}
a:active {color:#00c}
h2 a, ins {text-decoration:none}
li {margin-bottom:0.2em}
ol li, .big li, .gap li {margin-bottom:0.6em}
.vbig li, .assess li {margin-bottom:1em}
.big a:visited, a.nochange:visited {color:#26a}
.big a:hover, a.nochange:hover {color:#fb0}
.big a:active, a.nochange:active {color:#00c}
acronym {border-bottom: 1px #fb0 dotted; cursor:help}
a acronym {cursor:pointer}
img {border:0}
ul {margin-top:-0.2em}
li ul {margin-top:0.5em; margin-bottom:0.5em}
.normal {margin-top:1em; list-style:disc}
fieldset {border:1px #26a solid; padding:15px 10px 10px 10px; margin-left:20px; width:75%}
legend {color:#000; font-weight:bold}
li span, .break {display:block}
.clear {clear:both}
.indent {margin: 0 30px; font-weight:bold}
code {color:#080; font:1.1em courier-new,courier,monospace; margin-left:20px; display:block}
code.inline {display: inline; margin:0}
code strong {color:#840}
.bold {font-weight:bold}
.orange {color:#fb0; font-weight:bold}
.noshow {display:none; font-size:0.01em; margin:0; padding:0; border:0; background:none}

/* Top-left area */
#header {padding:10px 0 0 8px}
.logo {width:290px; height:64px}
.skip {width:1px; height:1px}
#tag {color:#26a; width:202px; display:block; text-align:right; white-space:nowrap; font-weight:bold; font-size:1em; position:relative; z-index:4}
#tag span {display:block}
#header a  {color:#26a; text-decoration:none; cursor:pointer}

/* 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}


.home-left {width:45%; float:left; clear:left}
.home-right {width:45%; float:right; clear:right}
.sitemap-left {width:45%; float:left; clear:left}
.sitemap-right {width:45%; float:right; clear:right}
.sub-site {padding-left:1em; font-size:0.9em}
#cert img {width:88px; height:32px; float:left; padding-right:4px}
#cert p {margin:0; clear:both}
.arrows strong {color:#26a}
.assess strong {font-size:1.1em; display:block; margin:0.2em 0}
.right {text-align:right; font-weight:normal}
.right a:visited, .right a:active {color:#26a}
.right a:link strong, .right a:visited strong, .right a:active strong {text-decoration:none; color:#555; font-weight:bold; padding:1px; border:1px #555 solid}
.right a:hover strong {text-decoration:none; color:#26a; font-weight:bold; padding:1px; border:1px #26a solid}
.right a span {text-decoration:none}
form em span {width:150px}
form em {display:block; font-style:normal; margin-top:1em}
.date {font-weight:bold; margin-bottom:0}
.seealso {margin-top:2.4em; font-weight:bold}
.seealso span {display:block; line-height:1.4em; font-weight:normal}
.seealso span.height {line-height:1.25em}
.seealso span strong {color:#fb0; font-weight:bold}
.seealso .gap {margin-top:0.5em}

#web-dev-flow {padding-bottom:2em}
.user, .goals {font-size: 2em; width:3em; text-align:center; border:2px #26a solid; padding:5px}
.user, .arrow {float:left}
.arrow {color:#26a; font-size: 6em; font-weight:bold}

.mailing, .mailing td, .mailing th {border:1px solid #666; padding:5px; empty-cells:show; text-align:left}

/* Homepage boxes */
/* #c2a {margin:2em 0 0; width:99%; background:#e9e9ff; border:1px #26a dashed} */
#c2a {margin:2em 0 0; width:99%; background:#ffffee; border:1px #26a dashed}
.boxes {width:31%; float:left}
#box1 {padding:0 0.9%; margin:5px 0}
#box2 {padding:0 0.9%; margin:5px 0; border:#26a dashed; border-width:0 1px}
#box3 {padding:0 0.9%; margin:5px 0}
.boxes h2 {color:#fb0; font-size:1.1em; margin:0; padding:0 5px; background:none; border:0}
.boxes h2 a {text-decoration:underline}
.boxes p {padding:5px; margin:0}
.boxes p span {display:block}
.boxes p a {font-weight:bold}
.boxes p a em {text-decoration:none; font-style:normal; color:#fb0}
.boxes p a:hover em {color:#26a}

/* Footer */
#footer {border-top:1px #26a solid; font-size:0.85em; margin-top:30px; clear:both}
address {font-style:normal}
#footer span strong {padding-left:1em; line-height:1.5em}
#footer span.break strong {padding-left:0}
#footer p span {display:block}
.xhtml, .css, .wai, .ufw  {height:32px; width:88px}
.xhtml {background:url(images/xhtml.gif) no-repeat}
.css {background:url(images/css.gif) no-repeat}
.wai {background:url(images/wai.gif) no-repeat}

/* Top-right */
#toprightnav {font-size:1.2em; font-weight:bold; position:absolute; top:10px; right:10px; text-align:right; padding-left:205px; white-space:nowrap; z-index:3}
#toprightnav form {margin-bottom:0.45em; text-align:right}
.formtext {color:#000; background:#ffffee; border:1px #26a solid; font-family:arial,helvetica,sans-serif}
.button {color:#000; background:#fb0; font-size:0.8em; border:2px #9cf solid; border-color:#bcf #26a #26a #bcf; font-weight:bold}
#toprightnav form div {font-size:0.8em; font-weight:normal; display:block; text-align:right}
#toprightnav form img {width:1px; height:1px}
#toprightnav p {text-align:right; margin-top:0}
#toprightnav a, #toprightnav .now {padding-left:8px}
#toprightnav img {position:relative; top:2px; left:-2px}
.faq, .sitemap, .access, .help {height:14px}
.faq {width:14px}
.sitemap {width:15px}
.access {width:20px}
.help {width:15px}


/* Top navigation */
/* Change background:url("images/tab.... to background:url("images/tab....  */
#topnav {width:100%; text-align:center; margin-top:5em; padding-top:45px; position:absolute; top:0; white-space:nowrap; z-index:3}
#topnav .now {background:#26a; font-size:1.2em; display:inline}
#topnav .left {background:url("images/tab-orange-left2.gif") no-repeat 0 0; display:inline}
#topnav .right {background:url("images/tab-orange-right2.gif") no-repeat 100% 0; display:inline}
#topnav .goto {background:#fb0; font-size:1.2em; display:inline}
#topnav .left-now {background:url("images/tab-blue-left2.gif") no-repeat 0 0; display:inline}
#topnav .right-now {background:url("images/tab-blue-right2.gif") no-repeat 100% 0; display:inline}
#topnav .navpad {width:6px; height:1px; padding:0}
#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active {color:#000; text-decoration:none; padding:0 4px}
#topnav strong {color:#fff; padding:0 4px}
#topnav #bread {color:#fff; font-size:1.2em; text-align:left; padding:6px 8px 3px; background:#26a; white-space:nowrap}
#topnav #bread strong {font-size:1em}
#topnav #bread a {font-size:0.9em; padding:0; background:#26a url("images/spacer.gif") no-repeat; text-decoration:underline}
#topnav #bread a:link, #topnav #bread a:visited, #topnav #bread a:active {color:#fb0; font-weight:bold}
#topnav #bread a:hover {color:#fff}

/* 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}