@charset "UTF-8";
/* =CALL LIBRARY */
@import url("reset-min.css"); /* ------- Reset all CSS Styles */
/* Pages in the Userfocus web site are inspired by a layout from studio7designs.com, http://www.opensourcetemplates.org */

/* =COLOURS
color: #4b4942 -- dark gray for main body font
color: #aa0400 -- red for testimonial
color: #904814 -- Orange font color
color: #fcffca -- focus highlight color

*/

/* =GENERAL - the general styles */
body {
    font: 62.5%/2.2em "Lucida Grande", Tahoma, sans-serif;
    color: #4b4942;
    background: #fff;
}
hr {
    display: none;
}
strong {
    font-weight: bold;
}
.article_wrapper strong {
    font-weight: bold;
    color: #353535;
}
em {
    font-style: italic;
}
#short_banner h1 a {
    text-decoration: none;
}
ul.borderedlist li {
    border-bottom: 1px dashed #d1cfcd;
}
ul.borderedlist li a {
    display: block;
    padding: 3px 0 0 2px;
    height: 26px;
    color: #42423b;
    text-decoration: none;
    border-bottom: none;
    font-weight: normal;
}
ul.borderedlist li a:visited {
    display: block;
    padding: 3px 0 0 2px;
    height: 26px;
    color: #42423b;
    text-decoration: none;
    border-bottom: none;
    font-weight: normal;
}
ul.borderedlist li a:hover {
    background: #E5E5E4;
    color: #42423b;
    font-weight: normal;
    text-decoration: none;
}
blockquote {
    font-size: 1.3em;
    padding-right: .75em;
    padding-left: 1.25em;
    margin-left: .5em;
    margin-bottom: 1em;
    font-style: italic;
    background: url(../images/quote.gif) top left no-repeat;
}
blockquote.comment {
    font-size: 1.3em;
    padding-top: .75em;
    padding-right: .75em;
    padding-left: 2em;
    margin-left: .5em;
    margin-bottom: 1em;
    font-style: normal;
    background: url(../images/quote.gif) top left no-repeat;
}
blockquote.spacebefore {
    font-size: 1.3em;
    padding-top: .75em;
    padding-right: .75em;
    padding-left: 2em;
    margin-left: .5em;
    margin-bottom: 1em;
    font-style: italic;
    background: url(../images/quote.gif) top left no-repeat;
}
blockquote.comment p {
    font-size: 1em;
    margin-top: -0.75em;
    text-indent: 2em;
    margin-left: -2em;
}
blockquote.spacebefore p {
    font-size: 1em;
    margin-top: -0.75em;
    text-indent: 2em;
    margin-left: -2em;
}
blockquote_caption {
    font-size: 1.2em;
    padding-right: 0em;
    padding-left: 0em;
    margin-left: 0em;
    margin-bottom: 1em;
    font-style: italic;
}
ul blockquote {
    font-size: 1em;
    margin-top: .75em;
    padding-left: 1.25em;
    font-style: italic;
    background: url(../images/quote.gif) top left no-repeat;
}
spotlight_wrapper blockquote {
    font-weight: normal;
    font-size: 1em;
    padding-right: 0;
    padding-left: 0;
    border-right: none;
    margin-left: .5em;
    margin-bottom: 1em;
    font-style: normal;
    background: none;
}
#PrintButton {
    padding-bottom: 1em;
    padding-left: 20px;
    float: right;
}
#PrintButton a {
    text-decoration: 1px dotted;
}
#StyleButton {
    display: none;
}
#AddThisBookmarkButton {
    padding-bottom: 1em;
    padding-left: 20px;
    float: right;
}
#AddThisBookmarkButtonLeft {
    clear: both;
    padding-top: 2em;
}
blockquote.testimonial {
    color: #aa0400;
    font-size: 1.3em;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 700;
    background: transparent;
    margin: 2em 0;
    padding-right: 0.75em;
    padding-left: 1.25em;
    border-left: 1px solid #b8b8b8
}
blockquote a {
    color: #aa0400;
    text-decoration: none;
}
blockquote.aboutus {
    color: #aa0400;
    font-size: 1.3em;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 700;
    background: transparent;
    margin: 2em 0;
    margin-top: 2px;
    padding-right: 0;
    padding-left: 0;
    border-left: none;
}
blockquote.testimonial_page {
    color: #4b4942;
    font-size: 1.3em;
    font-style: normal;
    background: transparent;
    margin: 2em 0;
    margin-top: 2px;
    padding-right: 0;
    padding-left: 0;
    border-left: none;
}
.hide {
    position: absolute;
    left: -2000em;
}
.email {
    display: none;
}
#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip a:active, #skip a:focus {
    color: #fff;
    font-size: 1.4em;
    background: black;
    text-align: center;
    white-space: nowrap;
    display: block;
    padding: 0.4em;
    position: static;
    width: 12em;
    height: auto;
}
abbr, acronym, cite, dfn {
    font-style: normal;
    border-bottom: none;
    cursor: help;
}
.padbelow {
    padding-bottom: 10px;
}
.right {
    float: right;
}
/*
=Links
*/
img a {
    border: none;
}
a {
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    background: #fcffca;
}
a:active {
    outline: none;
}
.nobold a:link {
    font-weight: normal;
}
.nobold a:visited {
    font-weight: normal;
}
.nobold a:focus {
    background: none;
}
#tabs a:focus {
    background: none;
}
#tabs p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}
/* =LAYOUT - the main layout styles */
.container, .homepage_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
/* header layout */
#header {
    height: 261px;
    background: #F1F1F1 url(../images/top_bg.jpg) top repeat-x;
    position: relative;
}
#short_header {
    height: 161px;
    background: #F1F1F1 url(../images/top_bg_short.jpg) top repeat-x;
    position: relative;
}
#navigation {
    position: absolute;
    top: 25px;
    left: 0px;
    margin-left: 230px;
    margin-top: -7px;
}
.calendar {
    height: 115px;
    width: 83px;
    background: #FfFfFf url(../images/cal.gif) no-repeat;
}
.calendar p {
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.calendar p.month {
    font-size: 2.0em;
    text-transform: uppercase;
    max-width: 83px;
    padding-top: 18px;
}
.calendar p.double {
    font-size: 2.8em;
    padding-top: 6px;
}
.calendar p.single {
    font-size: 3.5em;
    padding-top: 6px;
    padding-bottom: 7px;
}
.calendar p.tiny {
    font-size: 2em;
    padding-top: 6px;
}
.calendar p.year {
    font-size: 1.4em;
    padding-top: 6px;
    color: #4A4A4A;
}
.calendar a {
    color: #000000;
    text-decoration: none;
}
.indent {
    margin-top: -107px;
    margin-left: 120px;
    text-align: left;
}
.clearspace {
    clear: both;
    height: 4em;
}
.small_clearspace {
    clear: both;
    height: 1em;
}
/* main area layout */
#main {
    padding: 24px 0 20px 0;
}
#one-column {
    float: left;
    width: 960px;
    padding: 0 0px;
}
#leftcolumn {
    float: left;
    width: 307px;
}
#rightcolumn {
    float: left;
    width: 306px;
}
#center {
    float: left;
    width: 307px;
    padding: 0 20px;
}
#leftcontent {
    float: left;
    width: 455px;
    background-color: #FFF;
    padding-right: 0px;
}
#rightcontent {
    width: 455px;
    float: right;
    background-color: #FFF;
    border-left: 1px dotted gray;
    padding-left: 30px;
}
#rightcontent_noborder {
    width: 455px;
    float: right;
    background-color: #FFF;
    padding-left: 30px;
}
#double-column {
    width: 600px;
    float: right;
    background-color: #FFF;
}
#double-column-left {
    width: 600px;
    float: left;
    background-color: #FFF;
    padding-right: 50px;
}
.leftof3 {
    float: left;
    width: 308px;
    margin-right: 18px;
}
.midof3 {
    float: left;
    width: 308px;
    margin-right: 18px;
}
.rightof3 {
    float: left;
    width: 308px;
}
/* bottom layout */
#bottominfo, #homepage_bottominfo {
    background: #f1eee7;
    padding-bottom: 25px;
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #646464
}
.bottomcolumn {
    float: left;
    width: 308px;
    margin-right: 18px;
}
.bottomright {
    margin-right: 0;
}
#bottominfo h2, #homepage_bottominfo h2 {
    text-shadow: #fff 1px 1px 0;
}
/* =HEADER - the header styles */
#header .container, #header .homepage_container {
    height: 261px;
}
#short_header .container, #short_header .homepage_container {
    height: 161px;
}
/* logo */
#logo {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../images/logotab.gif) no-repeat 0 18px;
    z-index: 1;
    width: 185px;
    height: 77px;
    text-indent: -9999px;
}
/* top navigation */
#navigation li {
    float: left;
    text-transform: none;
    font-size: 1.2em;
    font-weight: bold;
}
#navigation li a {
    color: #dedede;
    line-height: 34px;
    text-decoration: none;
    padding: 0 10px 2px;
    float: left;
    border-left: 1px solid #bf5f18;
    background: #d3691f
}
#navigation li a:hover, #navigation li.active a {
    background: #ea731f
}
#navigation li a:focus {
    background: #A45229;
}
#navigation li.active a:focus {
    background: #A45229;
}
#navigation li.active a {
    color: #fff;
    background: #e9741f
}
#navigation li.last a {
    border-right: 1px solid #bf5f18;
}
#navigation li.iphone a {
    display: none;
}
#navigation li.end a {
    border: none;
    margin-left: 500px;
}
#navigation li.endalone a {
    border: none;
    margin-left: 655px;
}
#leftcolumn li.active a {
    font-weight: bold;
    color: #904814;
}
/* message and people pic */

#banner {
    position: absolute;
    height: 196px;
    font-weight: normal;
    color: black;
    bottom: 4px;
    font-size: 1.3em;
}
#summary {
    position: absolute;
    height: 196px;
    font-weight: normal;
    color: black;
    bottom: 4px;
    font-size: 1.3em;
}
#banner_basket {
    position: absolute;
    height: 196px;
    font-weight: normal;
    color: black;
    bottom: 4px;
    font-size: 1.3em;
}
#short_banner {
    position: absolute;
    height: 96px;
    font-weight: normal;
    color: black;
    bottom: 4px;
    font-size: 1.3em;
}
#banner_homepage {
    position: absolute;
    height: 196px;
    font-weight: normal;
    color: black;
    bottom: 10px;
    font-size: 1.3em;
}
#consultancypic {
    position: absolute;
    left: 653px;
    top: 0;
    width: 306px;
    height: 197px;
}
#banner_consultancy {
    position: absolute;
    padding-right: 360px;
    height: 196px;
    font-weight: normal;
    color: black;
    bottom: 4px;
    font-size: 1.3em;
}
/* =CONTENT - the content styles */

/* Working on replacing ul class="article" with targeted selectors

.article_wrapper ul, ol, dl {padding-bottom:.5em;font-size:1.3em;margin-left:2em;list-style: square;}
.article_wrapper ol {margin-left:2.5em;}
.article_wrapper dl {margin-left:0;}
.article_wrapper dt{font-weight:bold;}
.article_wrapper dd{padding-bottom:1em;margin-left: 0;}
#related_articles ul {padding-bottom:.5em;font-size:1.3em;margin-left:2em;list-style: square;}
#related_articles li {font-size: 1em;}
*/

ul.article {
    padding-bottom: .5em;
    font-size: 1.3em;
    margin-left: 2em;
    list-style: square;
}
ol.article {
    padding-bottom: .5em;
    font-size: 1.3em;
    margin-left: 2.5em;
    list-style: decimal;
}
dl.article {
    padding-bottom: .5em;
    font-size: 1.3em;
    margin-left: 0;
}
.article dt {
    font-weight: bold;
}
.article dd {
    padding-bottom: 1em;
    margin-left: 0;
}
ul.iconbefore {
    padding-bottom: .5em;
    font-size: 1.3em;
    list-style: none;
}
.spotlight li {
    padding-top: .9em;
}
ul.form_error {
    padding-bottom: .5em;
    font-size: 1.3em;
    margin-left: 2em;
    list-style: none;
}
dd.reference {
    padding-bottom: .5em;
    text-indent: -2em;
    margin-left: 2em;
    font-size: smaller;
    line-height: 16px;
}
.interview dt {
    margin-left: 0;
    margin-bottom: .25em;
    font-weight: bold;
    font-size: 1.3em;
}
dd {
    margin-left: 2em;
    margin-bottom: .25em;
}
ul.sub-bullet {
    padding-bottom: .5em;
    margin-left: 2em;
    list-style: circle;
}
.dlink, .skiplink {
    position: absolute;
    left: -999px;
    width: 990px;
}
span.author_details {
    font-size: 10px;
    text-transform: uppercase;
    color: #4b4942;
}
span.tab_titles {
    font-size: 10px;
    text-transform: uppercase;
}
.arrow {
    background: url(../images/bullet.gif) no-repeat 0 4px;
    margin-left: 0;
    padding-left: 15px;
}
a.pdf {
    background: url(../images/pdf_icon.gif) no-repeat 0 4px;
    display: block;
    height: 35px;
    padding-left: 35px;
}
a.word {
    background: url(../images/word_icon.gif) no-repeat 0 4px;
    display: block;
    height: 35px;
    padding-left: 35px;
}
a.zip {
    background: url(../images/zip_icn.gif) no-repeat 0 4px;
    display: block;
    height: 35px;
    padding-left: 24px;
}
a.xls {
    background: url(../images/excel_icn.gif) no-repeat 0 4px;
    display: block;
    height: 35px;
    padding-left: 28px;
}
img.articlesplash {
    padding-bottom: 20px;
}
h2 a {
    font-weight: normal;
}
h3 a {
    font-weight: normal;
}
h3 a:hover {
    text-decoration: underline;
}
h2.homepage a:link {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.homepage a:visited {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.portalpage a:link {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.portalpage a:visited {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.headerlink a:link {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.headerlink a:visited {
    font-weight: normal;
    padding-bottom: 0;
    text-decoration: none;
    color: #904814;
}
h2.tag a {
    background: url(../images/bullet.gif) no-repeat 0 4px;
    margin-left: 0;
    padding-left: 15px;
    font-weight: normal;
    color: #904814;
    font-size: .9em;
}
/* left column */
.leftbox {
    background: #f1f0ef;
    padding: 10px 23px 10px 23px;
    margin-bottom: 3px;
    line-height: 1.8em;
}
h2.leftbox {
    font-size: 16px;
    color: #58584D;
    background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;
    padding: 5px 0 0 23px;
}
h2.leftbox a {
    font-size: 16px;
    color: #58584D;
    font-weight: normal;
    display: block;
    padding: 3px 0 0 2px;
    text-decoration: none;
}
h2.leftbox a:hover {
    background: #E5E5E4;
    color: #42423b;
}
p.spacebefore {
    padding-top: 2.6em;
}
p.see_all {
    padding: 1em 0 0 0;
}
.tinytext {
    color: gray;
    font-size: .75em;
}
.tinytext a {
    color: gray;
}
h2.header_small {
    font-size: 12px;
    font-weight: bold;
    background: #f1f0ef;
    padding: 0 23px 5px 23px;
}
ul.leftbox {
    font-size: 1.2em;
}
.features {
    padding-top: 15px;
    font: 1.27em Arial, Helvetica, sans-serif;
}
#leftcolumn .leftbox p {
    padding-bottom: 1em;
    line-height: 1.5em;
    font-size: 12px
}
/* center column */
.article_wrapper h2 {
    color: #904814;
    font-size: 2em;
    margin: 10px 0;
}
.article_wrapper p {
    padding-bottom: 10px;
    font-size: 1.3em;
}
/* right column */
.rightbox_wrapper {
    background: #eeeded; /* background bleed colour */
    padding: 5px 1px 5px 5px; /* Amount of background box bleed */
    margin-bottom: 20px; /* Vertical gaps between boxes */
    width: 300px; 	/* ie6 */
    overflow: hidden;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #58584D; /* text colour */
}
.rightbox_wrapper h2 {
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 5px;
}
.rightbox {
    border: 1px dashed #d9e0e8;
    width: 294px;
    overflow: hidden;
    padding-bottom: 6px;
}
.rightbox_advert {
    border: 1px dashed #d9e0e8;
    width: 294px;
    overflow: hidden;
    padding-bottom: 6px;
}
.spotlight_image {
    float: left;
    margin: 6px 0 0 6px;
    border: solid 1px #bdbdbd;
}
.spotlight_wrapper {
    float: right;
    width: 215px;
    padding-right: 2px;
}
.spotlight_wrapper_sml {
    float: right;
    width: 175px;
    padding-right: 2px;
}
.spotlight_wrapper h2 {
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 5px;
}
.spotlight_wrapper_fullwidth h2.tabsafter {
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding: 5px 0 10px 0;
}
.spotlight_wrapper_fullwidth h3 {
    font-size: 1em;
    color: #58584D;
    font-weight: bold;
}
ol.spotlight {
    padding: 0 1.4em;
    list-style: decimal;
    color: #58584D;
}
ul.spotlight a {
    text-decoration: none;
    color: #4b4942;
}
ol.spotlight a {
    text-decoration: none;
    color: #4b4942;
}
ul.spotlight a:hover {
    text-decoration: underline;
}
ol.spotlight a:hover {
    text-decoration: underline;
}
.spotlight li {
    padding-top: 1em;
}
.spotlight_wrapper p {
    font-size: 1em;
}
.spotlight_wrapper_tag-cloud {
    float: right;
    padding-right: 2px;
    padding-left: 2px;
}
.spotlight_wrapper_tag-cloud h2 {
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
}
.spotlight_wrapper_fullwidth {
    float: left;
    padding-right: 2px;
    padding-left: 2px;
}
.spotlight_wrapper_fullwidth h2 {
    font-size: 1.3em;
    color: #483F3D;
    font-weight: bold;
    padding-top: 5px;
}
.lastbox {
    margin: 0;
}
/* one column */
.centre{
    text-align: center
}
#main_wrapper_portal {
    padding: 24px 0 20px 0;
}
#main_wrapper_portal h2.portalpage {
    font-size: 1.8em;
}
#main_wrapper_portal {
    padding-bottom: 30px;
}
#main_wrapper_portal p {
    padding-bottom: 30px;
    font-size: 1.3em;
}
#main_wrapper_homepage {
    padding: 12px 0 8px 0;
}
#main_wrapper_homepage h2.homepage {
    font-size: 1.8em;
}
#main_wrapper_homepage p {
    padding-bottom: 5px;
    font-size: 1.3em;
}
.main_wrapper h2 {
    color: #904814;
    font-size: 2em;
    margin: 10px 0;
}
.main_wrapper p {
    font-size: 1.3em;
}
.spotlight_wrapper blockquote {
    font-weight: normal;
    font-size: 1em;
    padding-left: 0;
    border-right: none;
    margin-left: 0;
    margin-bottom: 0;
    font-style: normal;
    background: none;
}
h1, h2, h3, h4, h5 {
    color: #904814;
    font-size: 150%;
    padding-top: 0.25em;
    padding-bottom: .1em;
    line-height: 1.4em;
    font-weight: 500;
}
#banner h1 {
    font-size: 200%;
    padding-top: 1em;
    padding-bottom: 0.25em;
}
#banner p {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
    padding-bottom: 1em;
}
#banner ul {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
}
#summary h1 {
    font-size: 200%;
    padding-top: 1em;
    padding-bottom: 0.25em;
}
#summary p {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
    padding-bottom: 1em;
}
#summary ul {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
}
#banner_consultancy h1 {
    font-size: 200%;
    padding-top: 1em;
    padding-bottom: 0.25em;
}
#banner_consultancy p {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
    padding-bottom: 1em;
}
#short_banner h1 {
    font-size: 200%;
    padding-top: 1em;
    padding-bottom: 0.25em;
}
#short_banner p {
    font-size: 16px;
    line-height: 24px;
    color: #4b4942;
}
#banner_basket h1 {
    font-size: 200%;
    padding-top: 1em;
    padding-bottom: 0.25em;
}
#banner_basket p {
    font-size: 16px;
    line-height: 24px;
    color: #58584D;
    padding-bottom: 0;
}
h2.nospacebefore {
    margin-top: 0;
    padding-top: 0;
    color: #904814;
}
h2.nospaceafter {
    padding-bottom: 0;
    color: #904814;
}
img.border {
    border: solid 1px #bdbdbd
}
#map {
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 500px;
    height: 400px;
    border: 1px solid #999;
}
/* =BOTTOM */
.bottomcolumn h2 {
    border-bottom: 4px solid #9b968f;
    color: #904814;
    font-size: 14px;
    padding: 15px 0 5px 5px;
}
.bottomcolumn h2 a {
    text-decoration: none;
    color: #904814;
}
.bottomcolumn h2 a:hover {
    text-decoration: underline;
}
.bottomcolumn p {
    padding: 10px 35px 10px 5px;
    font-size: 1.2em;
}
.iconlist {
    border-top: 1px dashed #d1cfcd;
    font-size: 1.2em;
}
ul.iconlist li a {
    font-weight: normal;
    text-decoration: none;
    border-bottom: none;
    background: url("../images/footer_list.jpg") no-repeat left bottom;
    padding-left: 25px;
}
ul.iconlist li a:visited {
    font-weight: normal;
    text-decoration: none;
    border-bottom: none;
    background: url("../images/footer_list.jpg") no-repeat left bottom;
    padding-left: 25px;
}
ul.iconlist li a:focus {
    background: #fcffca;
}
ul.iconlist li a:hover {
    background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;
    color: #42423b;
}
.enewsbox {
    float: left;
    width: 150px;
    padding: 3px 5px;
    font-size: 12px;
}
.spotlightnewsbox {
    float: left;
    width: 200px;
    padding: 3px 5px;
    font-size: 12px;
    margin-top: 10px;
}
.comicnewsbox {
    float: left;
    width: 175px;
    padding: 3px 5px;
    font-size: 14px;
    margin-top: 6px;
    margin-right: 10px;
}
.button {
    display: block;
    float: left;
    width: auto;
    cursor: pointer;
    margin-left: 15px;
}
.buttonHolder button {
}

.responsive { /* This would work for responsive images except for the fixed width thing */
    width: 100%;
    max-width: 960px;
    height: auto;
}
.spotlightbutton {
    display: block;
    float: left;
    width: auto;
    cursor: pointer;
    margin-top: 10px;
}
/* =FOOTER */
#footer {
    height: 50px;
    background: #D3691F url(../images/footer_bg.jpg) 0 0 repeat-x;
    font-size: 1.2em;
}
#footer address {
    color: #dedede;
    padding-top: 15px;
    float: left;
    margin-right: 0;
    padding-right: 0;
    font-style: normal;
}
#footer a {
    color: #dedede;
    text-decoration: none;
}
#footer p a:visited {
    color: #3b3b3b;
    font-weight: normal;
}
#footer a:focus {
    background: #A45229;
}
a.noshow {
    color: #3b3b3b;
    text-decoration: none;
}
a:hover.noshow {
    text-decoration: none;
    cursor: text;
}
a:focus.noshow {
    background-color: white;
}
a.hidelink {
    color: #3b3b3b;
    text-decoration: none;
}
a:hover.hidelink {
    text-decoration: none;
}
#footer_navigation {
    float: right;
    padding-top: 15px;
}
#footer_navigation li {
    float: left;
    padding-left: 19px;
}
#footer_navigation li a {
    text-transform: uppercase;
    font-weight: normal;
}
#footer_navigation li a:hover {
    color: white;
}
.alpha-shadow div {
    background: url(../images/shadow2.png) no-repeat left top!important;
    float: left;
    padding: 0 6px 6px 0;
}
.alpha-shadow img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: 0;
    padding: 4px;
}
#longlist {
    font-size: 1.2em;
    padding: 0;
    line-height: 1.4em;
}
#longlist ul {
    list-style-type: none;
    text-transform: uppercase;
}
#longlist ul ul {
    margin-left: 1em;
    list-style-type: none;
    font-weight: normal;
    text-transform: none;
}
#longlist ul ul ul {
    list-style-type: none;
    font-weight: normal;
}
#longlist a {
    text-decoration: none;
    display: block;
    font-weight: normal;
}
#longlist a:hover {
    color: #000;
    background-color: #fadbbe;
}
div.figure, .unsplash {
    float: left;
    width: 100%;
}
div.figure p, .unsplash p {
    text-align: center;
    font-style: italic;
    font-size: 110%;
    text-indent: 0;
}
.unsplash a { /* Don't show links in figure legends */
    text-decoration: none;
    color: #4b4942;
}

div.legend p {
    text-align: left;
    font-style: italic;
    font-size: 110%;
    padding-bottom: 1.5em;
    margin-left: 2em;
}
/* localnav used for ISO 9241 pages */

#localnav {
    float: left;
    width: 100%;
    font-size: 100%;
    text-transform: uppercase;
    line-height: normal;
}
#localnav ul {
    float: right;
    list-style: none;
    margin-left: -1em;
    padding: 0;
    font-size: 12px;
    color: #58584D;
}
#localnav li {
    float: right;
    margin-left: 5em;
    padding: 0 10px;
}
#localnav a {
    color: #58584D;
    font-weight: 700;
    text-decoration: none;
    display: block;
    float: none;
    padding: 0;
}
#localnav a:hover {
    color: #000;
}
#localnav #current a {
    color: #333;
    padding-bottom: 5px;
}
/* Tag Cloud code adapted from http://24ways.org/2006/marking-up-a-tag-cloud */

.tag-cloud a {
    text-decoration: none;
}
.tag-cloud a:hover {
    text-decoration: underline;
}
.tag-cloud a:focus {
    background-color: #fcffca;
}
.tag-cloud a:visited {
    font-weight: normal;
}
.tag-cloud li {
    line-height: 1.4em;
    display: inline;
    padding-right: 0em;
}
.tag-cloud span {
    display: none;
    visibility: hidden;
}
.tag-cloud .not-popular {
    font-size: 1em;
}
.tag-cloud .not-very-popular {
    font-size: 1.3em;
}
.tag-cloud .somewhat-popular {
    font-size: 1.6em;
}
.tag-cloud .popular {
    font-size: 1.9em;
}
.tag-cloud .very-popular {
    font-size: 2.2em;
}
.tag-cloud .ultra-popular {
    font-size: 2.5em;
}
.tag-cloud .not-popular a {
    color: #818181;
}
.tag-cloud .not-very-popular a {
    color: #2D2D2D;
}
.tag-cloud .somewhat-popular a {
    color: #575757;
}
.tag-cloud .popular a {
    color: #2D2D2D;
}
.tag-cloud .very-popular a {
    color: #030303;
}
.tag-cloud .ultra-popular a {
    color: #000;
}
.tag-cloud-index-page a:hover {
    text-decoration: underline;
}
.tag-cloud-index-page a:focus {
    background-color: #fcffca;
}
.tag-cloud-index-page a:visited {
    font-weight: normal;
    font-weight: bold;
}
.tag-cloud-index-page li {
    line-height: 1.4em;
    display: inline;
    padding-right: 0.5em;
}
.tag-cloud-index-page .index-page {
    font-size: 1.3em;
}
div.rollover_button {
    float: left;
    width: 240px;
    height: 38px;
    margin: 0 3px 0 0;
    background: url( '../images/buttons.gif' ) 0 -76px no-repeat;
}
div.rollover_button a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font: 14px "Lucida Grande", Tahoma, sans-serif;
    color: #904814;
    text-decoration: none;
    background: url( '../images/buttons.gif' ) top left no-repeat;
}
div.rollover_button span {
    display: block;
    margin: 0;
    padding: 10px 0 0 16px;
}
div.rollover_button a:hover {
    background-image: none;
    color: #4b4942;
    text-decoration: none;
}
div.rollover_button a:active {
    color: #4b4942;
}
.rut_wrapper {
    font-size: 150%;
}
.rut_wrapper p {
    padding-bottom: 1em;
}
.rut_wrapper h2 {
    padding-bottom: 0.5em;
}
.rut_wrapper ol {
    padding-bottom: 1em;
    margin-left: 2.5em;
    list-style: decimal;
}
.iconarticle img {
    height: 120px;
    display: block;
}
.inset {
    padding-left: 160px;
    margin-top: -120px;
    padding-bottom: 10px;
}
.rutpopupcontainer {
    margin: 0 10px 10px 10px;
}
/* Table styles */

#mytable {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
}
caption {
    padding: 0 0 5px 0;
    font-style: italic;
    font: italic 1.2em "Lucida Grande", Tahoma, sans-serif;
    text-align: left;
}
th {
    font: bold 1.2em "Lucida Grande", Tahoma, sans-serif;
    border: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: top;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}
td {
    font-size: 1.2em;
    border: 1px solid #C1DAD7;
    background: #fff;
    padding: 4px 4px 4px 12px;
    vertical-align: top;
}
td.noborder {
    font-size: 1.2em;
    border: 0;
    background: #fff;
    padding: 4px 4px 4px 12px;
    vertical-align: top;
}
#trainer {
    margin-top: 0em;
}
#trainer img, #trainer span.imagestyle {
    float: left;
    margin-right: 15px;
    border: 1px solid #6D6D6D;
}
#trainer span img {
    float: none
}
#trainer p {
    margin-bottom: 0
}
#trainer div {
    clear: both
}
#related_articles li {
    padding-bottom: 0;
    font-size: 1.3em;
    margin-left: 2em;
    list-style: square;
}
.ebook {
    margin-top: 0em;
}
.ebook img, #trainer span.imagestyle {
    float: left;
    margin-right: 15px;
    border: none;
}
.ebook span img {
    float: none
}
.ebook p {
    margin-bottom: 0
}
.ebook div {
    clear: both
}
.ebook a {
    text-decoration: none;
}

.callout {
    background-color: rgba(250,250,250,1.00);
    padding: 10px 20px 5px 20px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    border: 1px dotted #C0C0BF;
}
ul.checkboxlist li {
    list-style-image: url("../images/checkbox.gif");
    padding-bottom: .5em;
    font-size: 1.3em;
    margin-left: 2em;
}
.callout h3 {
    color: #4b4942;
    font-weight: 800;
}

/* Added Styles by IMAGA */
#header_mobile, #hero, .author_details_mobile, .article_author, #get_help_with, #if_you_liked_this, #info_bar, #header .sharing, .overview-hero, .article_header, .trainer-mobile {
    display: none;
}