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}