html, body { font-family:Verdana, Tahoma, Helvetica, sans-serif; padding:0; margin:0; font-size:.9em }
html { background:url(../images/html-bg.gif) #6a849c 50% 0 repeat-y; }
body { background:url(../images/body-bg.gif) top repeat-x; }
h1 { margin:0; padding:0; position:absolute; top:0; background:url(../images/logo.gif) no-repeat }
h1 a { height:106px; width:288px; display:block }
h1 span { display:none; }
h2 { font-weight:bold; font-family:arial,helvetica; clear:both }
h4 { color:#2574a1; padding-bottom:0; margin-bottom:0 }
a { color:#397900 }
a:hover { color:#4ba000; text-decoration:none }
a:visited { color:#606b02 }
a img, a abbr { border:0 }
ol li ul { margin:1.5em 0 }
li { margin:.5em 0 }
form, fieldset { margin:0; padding:0; border:0; }
input, textarea, select { font-family:Tahoma, Helvetica, sans-serif; font-size:100% }
.form_item { padding:0 0 10px 0 }
.form_item .label,.form_item .input { float:left }
.form_item .label { width:12em; text-align:right; margin-right:.5em; }
.form_item .button { margin-left:12.4em }
.form_item .text, .form_item textarea { width:400px }
.contact .text, .contact textarea { width:300px; }
form, fieldset { margin:0; padding:0; }
.centering { margin:0; padding:15px 0; list-style:none }
.centering span { font-weight:bold; display:block; float:left; width:12em; margin-right:.5em; text-align:right }
table { border-collapse:collapse; border:1px solid #d3cab5; width:100%; }
table td { padding:7px; border-bottom:1px solid #d3cab5; border-right:1px solid #d3cab5; }
table thead { background:#f1e3c6; color:#000 }
table th { padding:10px 0; border-right:1px solid #d3cab5; font-size:100%; }
table tfoot { border-top:2px solid #d3cab5; font-size:120%; font-weight:bold; color:#000 }
table caption { display:none }
table tbody tr:hover { background:#fcfcf4 }
#page_controls { margin:0; padding:0; list-style:none; position:absolute; right:0; top:0 }
#page_controls li { float:left; margin-left:10px; }
#page_controls a { color:#cafeb9; }
#page_controls a:hover { text-decoration:none }
#page_controls .skip { display:none; }
#page_controls .small { font-size:13px; position:relative; }
* html #page_controls .small { top:2px; }
*:first-child+html #page_controls .small { top:2px; }
#page_controls .medium { font-size:15px; position:relative; top:-2px }
#page_controls .large { font-size:17px; position:relative; top:-5px }
#header { width:776px; height:300px; margin:0 auto; position:relative; z-index:0 }
#header ul { margin:0; padding:0; list-style:none; }
#tagline { background:url(../images/main_home.jpg) 100% 0 no-repeat; width:776px; height:195px; position:absolute; bottom:0; }
#tagline .line1 { font-size:170%; display:none }
#tagline .line2 { font-size:200%; display:none }
#main_nav { height:28px; position:absolute; z-index:5; right:6px; top:77px }
#main_nav li { float:left; margin:0; padding:0; margin-right:2px }
#main_nav li a { background:url(../images/tab-gen.gif) 100% 0 no-repeat; display:block; text-decoration:none; font-weight:bold; font-size:90%; cursor:pointer; color:#000 }
#main_nav li a span { background:url(../images/tab-gen-2.gif) no-repeat; display:block; height:14px; white-space:nowrap; padding:7px 9px }
#main_nav li a:hover { color:#666; background:url(../images/hover-right.gif) 100% 0 no-repeat; }
#main_nav li a:hover span { background:url(../images/hover-left.gif) no-repeat; }
* html #main_nav li a span { width:0; }
#main_nav li.active a { cursor:default; color:#000; border:0; background:url(../images/tab-active.gif) 100% 0 no-repeat; }
#main_nav li.active span, #main_nav li.active:hover span { height:14px; background:url(../images/tab-active-2.gif) no-repeat; }
#theme_chooser { font-size:13px; position:absolute; right:0; top:30px; color:#fff; z-index:10 }
#theme_chooser .label { display:block; float:left; margin:4px }
#theme { background:#393f45 url(../images/arrow.gif) 95% 50% no-repeat; width:140px; float:left; }
#theme, #theme ul { margin:0; list-style:none; border:1px solid #000 }
#theme a { display: block; width:122px; text-decoration:none; padding:2px; cursor:pointer; color:#cafeb9 }
#theme li { float:left; width:145px; padding:0; margin:0 }
* html #theme li {width:126px; }
#theme li ul { position:absolute; background:#393f45; width:140px; left: -999em; top:20px; }
*:first-child+html #theme li ul { padding-bottom:5px }
#theme li:hover ul, #theme li.sfhover ul { left:111px; margin:0; padding:0 0 5px 0 }
#theme li ul li { padding:0 5px; margin:5px 0 0 0 }
#theme li ul li a:hover { background:#000; font-weight:bold }
* html #theme li.sfhover ul { left:115px; }
#body, #footer .content { width:776px; margin:0 auto; line-height:1.2em; background:#f4f2ed }
#main_content { float:left; width:519px; background:url(../images/section-bg-2.gif) 10px 0 no-repeat; margin-top:-25px; position:relative }
.full #main_content { width:100%; background:none; margin-top:0 }
* html .full #main_content { overflow:hidden; position:static }
#main_content .section { margin:30px 0 0 0; position:relative; z-index:1; padding:0 20px }
#main_content .section .header { padding:0 0 6px 0; }
#main_content .section .header div { margin:0 0 0 12px }
#main_content .section h2 { color:#0174b5; padding:0 0 .3em 0; font-size:150%; }
.full #main_content .section h2 { color:#666; font-size:130%; border-top:1px solid #bbb; padding-top:20px }
#main_content .section h3 { color:#2574a1; margin-top:2em }
#main_content .section p, #main_content .section ul { padding-top:0; margin-top:0 }
.full #main_content .newsletter h2 { padding-left:142px; color:#229741 }
* html .full #main_content .newsletter h2 { padding-left:145px; }
#bottom { background:url(../images/section-footer-bg.gif) repeat-x; height:182px; margin:-150px 3px 0 3px; position:relative; z-index:0; }
#bottom div { height:182px; }
#bottom .left { background:url(../images/section-footer-left.gif) no-repeat; }
#bottom .right { background:url(../images/section-footer-right.gif) 100% 0 no-repeat; }
#breadcrumb { margin:20px 0 0 20px; padding-bottom:18px; }
#breadcrumb div { float:left; font-weight:bold; }
#breadcrumb ul { margin:0; padding:0; list-style:none; float:left; }
#breadcrumb ul li { margin:0 0 0 14px; float:left; background:url(../images/arrow-1.gif) 0 5px no-repeat; padding-left:14px }
#breadcrumb a { color:#397900 }
#breadcrumb a:hover { color:#4ba000 }
#buckets { margin:-25px 0 0 0; position:relative; left:12px }
* html #buckets { margin-left:12px; position:static }
#buckets h2 { color:#000; margin:0 0 10px 0; padding:0; font-size:125%; }
#buckets .content { float:left; width:246px; padding:0; margin:0 2px 0 0; position:relative; padding-right:4px }
#buckets .content a { padding-left:14px; }
#buckets .b_left { padding:20px 12px 0 12px }
#buckets .standards { background:url(../images/standards-right.gif) 100% 0 no-repeat;}
#buckets .standards .b_left { background:url(../images/standards-bg.gif) no-repeat; }
#buckets .standards h2 { color:#0d86ca; }
#buckets .standards a { background:url(../images/arrow-sc.gif) no-repeat 0 50% }
#buckets .usability { background:url(../images/usability-right.gif) 100% 0 no-repeat; }
#buckets .usability .b_left { background:url(../images/usability-bg.gif) no-repeat; }
#buckets .usability h2 { color:#957913; }
#buckets .usability p { margin-right:10px }
#buckets .usability a { background:url(../images/arrow-usability.gif) no-repeat 0 50% }
#buckets .accessibility { background:url(../images/accessibility-right.gif) 100% 0 no-repeat; }
#buckets .accessibility .b_left { background:url(../images/accessibility-bg.gif) no-repeat; }
#buckets .accessibility h2 { color:#c8563f; }
#buckets .accessibility a { margin-left:20px; background:url(../images/arrow-accessibility.gif) no-repeat 0 50% }
#buckets .icon { background:url(../images/stones.gif) no-repeat; width:108px; height:130px; position:relative; left:425px; margin-top:-110px }
* html #buckets .icon { margin-top:-90px }
*:first-child+html #buckets .icon { margin-top:-90px }
#sidebar { width:250px; margin:10px 0 0 0; float:right; border-left:1px solid #cfc7b4 }
#sidebar .section { margin-bottom:10px; }
#sidebar .header { width:242px; }
#sidebar .content { margin:0 15px 15px 15px; border-bottom:1px dashed #cfc7b4; padding-bottom:20px }
#sidebar h2 { font-size:130%; padding:10px 0 0 15px; margin:0; color:#229741 }
#sidebar .text { width:200px; }
#sidebar .input { margin-bottom:4px; }
#sidebar .icon1 { background:url(../images/newsletter.gif) no-repeat; padding-top:120px }
#footer { }
#footer .content ul, #footer .content p { margin:0; padding:0; text-align:center }
#footer .content p { padding-bottom:50px; width:95%; margin:0 auto; background:url(../images/footer-border.jpg) 0 30px repeat-x }
#footer .content ul { list-style:none; padding:20px 0 10px 0; }
#footer .content ul li { margin:0 6px; display:inline; padding:0 }
.portfolio { margin:0; padding:0; list-style:none; }
.portfolio li { float:left; margin:14px; position:relative }
.portfolio a, .portfolio a:visited { display:block; text-decoration:none; font-size:90%; width:198px; height:132px; padding:1px 4px 4px 4px; cursor:pointer; border:1px solid #aaa; border-bottom-width:3px; border-right-width:2px; overflow:hidden }
.portfolio span { display:block; height:22px; }
.portfolio .miss { display:none }
#icon1 { width:198px; height:152px; background:url(../images/web-tip.gif) no-repeat; float:right; margin:-40px 0 0 10px }
#icon2 { width:102px; height:115px; background:url(../images/newsletter.gif) no-repeat; float:left; margin:-40px 20px 0 0; position:relative; border-right:1px dotted #aaa; padding-right:20px }