html, body { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:1em }
html { background:#515151 url(../images/html-bg.jpg) repeat-x 50% 0; }
h1 { margin:0; padding:0; position:absolute; top:0; left:220px; background:url(../images/kip-hughes-home.jpg) no-repeat }
h1 a { height:78px; width:418px; display:block }
h1 span { display:none; }
h2 { margin:0; padding:0; font-weight:normal; font-family:"Trebuchet MS", Arial; line-height:1em }
h3 { color:#4f6e00; margin-top:2em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; font-size:130% }
h4 { color:#2574a1; padding-bottom:0; margin-bottom:0; font-size:100%; }
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:Arial, Helvetica, sans-serif; font-size:100% }
form .text, form textarea { padding:4px; }
form .text { height:1.3em; }
form .button { height:2.3em; font-weight:bold; color:#7a0000; border:1px solid #c1ba54; border-right-width:2px; border-bottom-width:2px; background:#eae81a url(../images/button.jpg) repeat-x; cursor:pointer; font-size:90% }
form .button:hover { color:#b50000 }
.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; position:relative; top:4px }
.form_item .button { margin-left:13.9em }
* html .form_item .button { margin-left:12.5em }
*:first-child+html .form_item .button { margin-left:12.5em }
.form_item .text, .form_item textarea { width:400px }
.bullet_1 { background:url(../images/bullet-1.jpg) 0 50% no-repeat; padding-left:20px }
form, fieldset { margin:0; padding:0; }
.firefox { display:block; width:200px; height:43px; background:url(../images/firefox.jpg) no-repeat; }
.firefox img { display:none; }
.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 }
#icon1 { width:101px; height:101px; float:right; background:url(../images/main-content-icon1.jpg) no-repeat; margin-top:-35px; position:relative }
#icon2 { width:105px; height:91px; float:right; background:url(../images/main-content-icon2.jpg) no-repeat; margin-top:-40px; position:relative }
table { border-collapse:collapse; border:4px solid #2574a0; width:100%; background:#e3e3e3 url(../images/table-bg.jpg) repeat-x 0 100%; }
table td { padding:7px; border-bottom:1px solid #319ad4; border-right:1px solid #319ad4; }
table thead { background:#2574a0; color:#fff }
table th { padding:10px 0; border-right:1px solid #6f9fb9; font-size:100%; }
table tfoot { border-top:2px solid #319ad4; font-size:120%; font-weight:bold; color:#2574a0 }
table caption { display:none }
table tbody tr:hover { background:#fff }
#page_controls { margin:0; padding:0; list-style:none; position:absolute; right:20px; top:10px; }
#page_controls li { float:left; margin-left:10px; }
#page_controls a { color:#bee4fc }
#page_controls a:hover { text-decoration:none; }
#page_controls .skip { display:none; }
#page_controls .small { font-size:13px; }
#page_controls .medium { font-size:15px; position:relative; top:-2px }
#page_controls .large { font-size:17px; position:relative; top:-5px }
#header { width:990px; height:302px; margin:0 auto; overflow:hidden; position:relative }
#header ul { margin:0; padding:0; list-style:none; }
#tagline { margin:0; padding:0; font-family:"Myriad Pro","Trebuchet MS", Arial; position:absolute; left:265px; top:125px; }
#tagline .line1 { font-size:24px; }
#tagline .line2 { font-size:28px; }
#tagline .color1 { color:#1c5374 }
#tagline .color2 { color:#4a5c19 }
#tagline .color3 { color:#77295d }
#main_nav { width:702px; height:755px; background:url(../images/main-nav.jpg) no-repeat 0 0; position:absolute; top:224px; left:14px; }
* html #main_nav { left:15px; }
*:first-child+html #main_nav { left:15px; }
.full #main_nav { width:954px; background:url(../images/main-nav-full.jpg) no-repeat 0 0; }
#main_nav li { float:left; margin:0; padding:0; background:url(../images/main-nav-inactive-bg.jpg) repeat-x; position:relative; left:20px; top:7px; margin-right:4px }
#main_nav li a { background:url(../images/main-nav-inactive-left.jpg) no-repeat 0 0; display:block; text-decoration:none; color:#fefefe; font-weight:bold; font-size:98%; cursor:pointer }
#main_nav li span { background:url(../images/main-nav-inactive-right.jpg) no-repeat 100% 0; display:block; height:26px; padding:7px 18px 0 18px; white-space:nowrap }
* html #main_nav li span { width:0 }
#main_nav li:hover { background:url(../images/main-nav-hover-bg.jpg) repeat-x; }
#main_nav li:hover a { background:url(../images/main-nav-hover-left.jpg) no-repeat 0 0; }
#main_nav li:hover span { background:url(../images/main-nav-hover-right.jpg) no-repeat 100% 0; padding-top:7px; height:26px; }
#main_nav li.active { background:url(../images/main-nav-active-bg.jpg) repeat-x; }
#main_nav li.active a { background:url(../images/main-nav-active-left.jpg) no-repeat 0 0; cursor:default; color:#2a6386 }
#main_nav li.active span, #main_nav li.active:hover span { background:url(../images/main-nav-active-right.jpg) no-repeat 100% 0; padding-top:8px; height:38px; }
* html #main_nav a:hover { color:#bbfeff; }
#theme_chooser { position:absolute; top:40px; right:0px; color:#dadada; font-size:13px; }
#theme_chooser .label { display:block; float:left; margin:8px 10px 0 0 }
#theme { background:url(../images/fake-select.jpg) no-repeat; height:34px; width:162px; float:left; }
#theme, #theme ul { margin: 0; list-style: none; line-height: 1; }
#theme a { display: block; width:126px; color:#fff; text-decoration:none; height:15px; padding:5px 0 3px 10px; cursor:pointer }
#theme li { float:left; width:145px; }
* html #theme li { float:left; width:126px; }
#theme li ul { position:absolute; background:#000; width:145px; left: -999em; }
*:first-child+html #theme li ul { padding-bottom:5px }
#theme li:hover ul, #theme li.sfhover ul { left:107px; 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:#444; font-weight:bold }
#body, #footer .content { width:990px; margin:0 auto; position:relative; line-height:1.3em }
#main_content { background:#fff url(../images/main-content-bg.jpg) repeat-x 0 0; width:661px; float:left; margin-left:15px; position:relative; padding:24px 20px 84px 20px; min-height:32em }
* html #main_content { margin-left:7px; width:663px }
*:first-child+html #main_content { width:662px; }
.full #main_content { width:913px; float:none; }
* html .full #main_content { margin-left:15px; padding-right:19px; width:914px; }
*:first-child+html .full #main_content { width:914px; }
#main_content .section { margin:30px 0 0 0; }
#main_content .section .header { padding:0 0 6px 0; }
#main_content .section .header div { margin:0 0 0 12px }
#main_content .section h2 { color:#2574a1; font-size:180%; padding:0 10px .3em 0; }
#main_content .section .content { background:url(../images/main-section-body.jpg) repeat-x; padding:20px 10px 0 8px; }
#main_content .section p, #main_content .section ul { padding-top:0; margin-top:0 }
#breadcrumb { margin:-10px 0 0 0; padding-bottom:18px }
#breadcrumb div { float:left }
#breadcrumb ul { margin:0; padding:0; list-style:none; float:left; }
#breadcrumb ul li { margin:0 0 0 10px; padding:0 0 0 14px; float:left; background:url(../images/bullet-3.gif) no-repeat 0 50%; }
#breadcrumb a { color:#397900 }
#breadcrumb a:hover { color:#4ba000 }
#buckets { background:url(../images/bucket-bg.jpg) repeat-y; margin:0 auto; width:915px; position:relative; top:-6px; }
#buckets .b_top { background:url(../images/bucket-top.jpg) no-repeat; }
#buckets .b_bottom { background:url(../images/bucket-bottom.jpg) no-repeat 0 100%; width:915px; padding:13px 0 20px 0}
* html #buckets .b_bottom { padding-bottom:30px; }
*:first-child+html #buckets .b_bottom { padding-bottom:30px; }
#buckets .content { float:left; width:256px; padding-left:35px }
#buckets .usability { padding-left:45px }
#buckets .accessibility { padding-left:46px }
#buckets .accessibility a { margin-left:24px }
#buckets h2 { font-size:140%; color:#fefefe; margin-bottom:20px }
#buckets .icon { background:url(../images/bucket-icon.jpg) no-repeat; width:106px; height:107px; position:absolute; bottom:-22px; right:253px }
* html #buckets .icon { right:252px; bottom:-23px }
#bottom { position:absolute; bottom:-12px; left:-16px; background:url(../images/main-content-bottom-bg.jpg) repeat-x }
#bottom .left { background:url(../images/main-content-bottom-left.jpg) no-repeat 0 0 }
#bottom .right { width:733px; height:96px; background:url(../images/main-content-bottom-right.jpg) no-repeat 100% 0 }
* html #bottom .right { width:735px; }
.full #bottom .right { width:985px }
* html .full #bottom .right { width:986px }
*:first-child+html .full #bottom .right { width:986px }
#sidebar { width:260px; margin:10px 0 0 0; float:right; position:relative; top:-95px }
#sidebar .section { background:#b9e249 url(../images/sidebar-section-body.jpg) repeat-y; position:relative }
#sidebar .section .bottom { background:url(../images/sidebar-section-bottom.jpg) no-repeat 0 100%; }
#sidebar .header { width:267px; height:85px; position:absolute; }
#sidebar .icon1 .header { background:url(../images/sidebar-icon1.jpg) no-repeat; }
#sidebar .icon2 .header { background:url(../images/sidebar-icon2.jpg) no-repeat; }
#sidebar .content { padding:70px 25px 40px 25px; }
#sidebar h2 { font-size:130%; margin:25px 0 0 20px }
#sidebar .text { border:1px solid #87b017; background:#d1ed81 url(../images/sidebar-input.jpg) repeat-x 0 100%; width:200px; }
#sidebar .input { margin-bottom:5px; }
#footer { background:url(../images/footer-bg.jpg) repeat-x 50% 0; height:128px; font-size:13px; position:relative; top:7px; }
#footer .content ul, #footer .content p { margin:0; padding:10px 0 0 0; background:url(../images/footer-content.jpg) no-repeat 50% 1px; height:48px; }
#footer .content p { width:320px; margin-left:10px }
#footer .content ul { list-style:none; float:right; margin-right:20px }
#footer .content ul li { float:left; margin:0 0 0 12px; }
#footer .content ul li a { color:#0b86a1 }
#footer .content ul li a:hover { color:#328bbd }
#footer .content ul li a:visited { color:#1a5170 }
.portfolio { margin:0; padding:0; list-style:none; }
.portfolio li { float:left; background:url(../images/portfolio-shadow.jpg) no-repeat 0 100%; margin:0 4px; height:150px; position:relative }
* html .portfolio li { margin:0 3px }
.portfolio a, .portfolio a:visited { display:block; text-decoration:none; font-weight:bold; font-size:90%; color:#efefef; background:url(../images/portfolio-border.gif) no-repeat; width:198px; height:132px; padding:4px; cursor:pointer; font-size:11px }
.portfolio a:hover { color:#d1efff }
.portfolio a:hover .shiny{ background-position:0 100% }
.portfolio span { display:block; background:url(../images/portfolio-title.jpg) no-repeat; height:22px; padding:0 0 0 24px }
.portfolio .shiny { display:block; width:198px; height:133px; background:url(../images/portfolio-shiny.png) no-repeat; position:absolute; top:0; left:0 }
* html .portfolio .shiny { background:none }
.column { }
.column .side1 { width:49%; float:left }
.column .side2 { width:49%; float:right }