/* TYPOGRAPHY */
body,
h1, h2,
table, th,
input,
div.xar-block-body-frontright {
    font-family: arial, helvetica, sans-serif;
} /* same font family - other descendants should inherit accordingly */

p, .xar-body, .xar-intro {
    font-family: arial, helvetica, sans-serif;
} /* same font family */

/* don't use any top padding */
p { padding-top: 0px;
    margin-top: 0px; }

/* this should fix some funkiness that the <em> tag causes */
em { padding:0px; margin:0px; overflow:hidden;}

a,
h1, h2,
.xar-header,
.xar-sum-title,
.xar-menu-section,
.xar-menu-section-current,
.xar-menu-item,
.xar-menu-item-current,
.xar-menu-subitem,
.xar-menu-subitem-current,
.xar-block-title,
.xar-block-title-right,
.xar-title { font-weight: bold; } /* same weight */

input,
a.xar-block-body-right { font-weight: normal; } /* same weight */

.xar-title { text-align: left; }
p, body,
.xar-body,
.xar-intro,
input,
div.xar-block-body-frontright  {
    font-size: 10pt;
} /* most descendants sizes will be inherited from body tag - no need to overdo */

table {
      font-size: 1em;
} /* IE has a nasty habit of losing font sizes across table boundaries, unless you
specifically tell it to inherit the size that was outside of the table. By
adding this rule, we ensure that the table cells inherit the same size as
the fonts outside of your table cells. By using 1em instead of 100%, we circumvent
an Opera bug that causes 100% fonts to be slightly smaller than 100% <andyv> */

h1,
.xar-block-title,
.xar-title,
.xar-sum-title,
.xar-header,
.xar-menu-section-current { font-size: 11pt; } /* same font size */

h2 {
    font-size: 11pt;
} /* hmm.. not sure why the less significant selector should have larger font size
but i dont want to overwrite the original ideas just yet <andyv> */

.xar-block-body,
.xar-menu-subitem,
.xar-menu-subitem-current { font-size: 10pt; } /* same font size */

.xar-menu-item,
.xar-menu-item-current { font-size: 9.5pt; } /* same font size */

.xar-sub { font-size: 8pt; }

a,
.xar-menu-section-current,
.xar-menu-item,
.xar-menu-item-current,
.xar-menu-item:hover,
.xar-menu-subitem,
.xar-menu-subitem:hover,
.xar-menu-subitem-current { text-decoration: none; }

a.xar-block-body-right:hover { text-decoration: underline; }

input { text-indent: 2px; }

ul, li, ol,
.xar-menu-section,
.xar-menu-section-current { line-height: 140%; } /* same line height */

.xar-quote { font-style: italic; }

/* COLORS AND BACKGROUNDS */
body, p, td,
.xar-intro,
.xar-body { color: #000000; } /* same color */

h1, h2 ,
.xar-block-title,
.xar-block-body-right,
a.xar-block-body-right,
.xar-title,
.xar-sum-title,
.xar-sum-title:visited,
a.xar-block-body-right:visited,
a.xar-block-body-right:hover { color: #336699; } /* same color */

a, .xar-sub, .xar-header { color: #CC6600; } /* same color */

a:visited { color: #CC6600; } /* same color */

a:hover,
.xar-block-title:hover { color: #993300; } /* same color */

.xar-block-title-right,
.xar-menu-section-current,
.xar-menu-subitem-current { color: #ffffff; } /* same color (white) */

.xar-sub:visited { color: #cc6600; } /* not sure about intent, only a and link tag can have visited */
.xar-sub:hover,
.xar-sum-title:hover { color: #993300; }

body,
.xar-block-body-right,
.xar-menu-item:hover,
.xar-menu-subitem:hover,
.xar-menu-subitem-current { background-color: #cccc99; } /* same background */

.xar-block-head-right { background-color: #cc6600; }

.xar-menu-section-current {    background-color: #88886f; }

.xar-menu-item-current { background-color: #f0f0dc; }

input {
    color: #191970;
    background-color: #ffffff;
}

/* LIST STYLES */
.xar-menu-section,
.xar-menu-section-current,
.xar-menu-item,
.xar-menu-item-current,
.xar-menu-subitem,
.xar-menu-subitem-current  { list-style-type: none; } /* all the same */

/* BORDERS */
img, table,
li.xar-menu-section { border: 0; } /* no border */

input {
    border: 1px solid;
    border-left-color: #cc6633;
    border-bottom-color: #ffcc66;
    border-top-color: #cc6633;
    border-right-color: #ffcc66;
}

.xar-menu-section,
.xar-menu-section-current { border-bottom: 1px solid #191970; }

/* MARGINS AND PADDINGS */
html, body {
    margin: 0;
    padding: 0;
}

table { padding: 0; }

.xar-menu-section { padding: 2px; }

.xar-menu-item,
.xar-menu-item-current {
    padding-left: 0.5em;
    margin: 0; /* need this for ie5-mac */
}

.xar-menu-item-current { padding-bottom: 0.3em; }

.xar-menu-subitem,
.xar-menu-subitem-current {
    padding-left: 0px;
    margin-left: 6px;
}

.xar-block-body-center {
    padding-right: 0px;
    margin-right: 0px;
} /* not sure what this one is for - investigate !! */

ul.xar-menu-section,
ol.xar-menu-section { margin: 1px 0px; }

li.xar-menu-section h4 { margin:0;} /* used in standard menu categories and headings */

.xar-block-head { margin-bottom: 8px; }

.xar-block-title { margin: .3em 0; } /* use this method instead of extra line-breaks, please !! */

/* .xar-block-body-frontright { margin-right: 50px; } */ /* use width of container instead */

.xar-block-foot { margin-bottom: 20px; }

/* ALIGNMENTS */
body { text-align: center; }

p, table,
.xar-block-body-right,
.xar-block-title-right,
.xar-block-body-right { text-align: left; } /* same alignment */

/* adding a set of generic theme classes, while XSG is not implemented, use carefully */
.chsf-align-center     { text-align: center; }
.chsf-align-left     { text-align: left; }
.chsf-align-right     { text-align: right; }

/* POSITIONING AND CONTAINERS */

/* styles for IE 5 Mac */
#chsf-horizon-home,
#chsf-horizon-pages {
    position: absolute;
    top: 20px;
    left: 0;
    width:100%;
    margin-right: -15px;
    margin-bottom:-15px;
}

/*  IE5-Mac Hack \*/
#chsf-horizon-home,
#chsf-horizon-pages {
    top: 4%;
    padding-bottom: 20px;
    margin: 0;
    min-width: 850px;
}
/* end hack */

#chsf-wrapper-home,
#chsf-wrapper-pages {
    text-align: left;
    position: relative;
    width: 839px;
    margin: 0 auto;
    text-align:center;
}

#chsf-wrapper-pages {
    width: 803px;
} /* all but the home page */

div#chsf-wrapper-header {
    position: relative;
    background-image: url(/images/bg-top-nt.gif);
    background-repeat: no-repeat;
    height: 115px;
    width:     805px;
    margin: 0 auto;
}

div#chsf-wrapper-header-pages {
    position: relative;
    background-image: url(/images/bg-header-pages.gif);
    background-repeat: no-repeat;
    background-color: white;
/*     height: 68px; */
    width:     803px;
    margin: 0 auto;
} /* all but the home page */

div#CHSFmenu {
    position: absolute;
    width: 530px;
    top: 8px !important;
    left: 15px !important;
}

div#chsf-logo-home {
    float: right;
    width: 259px;
    height: 68px;
    padding: 15px 10px 4px 0;
}

div#chsf-logo-pages {
    float: right;
    width: 211px;
    height: 58px;
    padding: 5px 15px;
} /* all but the home page */

div#chsf-slogan {
    clear: both;
    text-align: right;
    padding: 3px 1px 0 0; /* ensure pixel-precise placing for compliant browsers */
    margin:0;
}

div#chsf-slogan-pages {
    clear: both;
    text-align: right;
    padding: 0;
    margin: 0;
} /* all but the home page */

/*  hide from IE5-Mac - it's good enough to live without it \*/
* html div#chsf-slogan img {
    clear: both;
    padding: 0;
    margin: -3px 0;
    display:block;
} /* IE-Win need this due to its 3px peekaboo bug */

div#chsf-wrapper-mainnav {
    width: 830px;
    background-color: white;
    height: 173px;
    padding: 3px 4px;
    margin:0;
    text-align:left;
} /* total width MUST be adjusted according to the supplied graphics dimensions - see next rule */

div#chsf-wrapper-mainnav span {
    float: left;
    width: 272px;
    padding-left: 3px;
}

div#chsf-wrapper-content {
    width: 803px;
    margin: 0 auto;
    text-align: left;
    background-image: url(/images/bg-bottom.gif);
    background-repeat: no-repeat;
}

div#chsf-wrapper-content-pages {
    width: 803px;
    margin: 0 auto;
    text-align: left;
    background-color: white;
    background-repeat: no-repeat;
    background-position: 0 125px;
} /* all but the home page */

div#chsf-front {
    margin: 0 15px;
    padding: 10px 0;
    clear:none;
}

div#chsf-front-left {
/*     position: relative; */
    float:left;
    width:308px;
}

div#chsf-front-left-image-top {
    width:300px;
    padding: 100px 10px 20px 30px;
}

div#chsf-front-left-image-bottom {
    width:300px;
    padding: 10px 10px 10px 90px;
}


div#chsf-front-right {
/*     position:relative; */
    float:left;
    width:418px;
}

div#chsf-wrapper-left-and-center-pages {
    float:left;
    padding-top: 22px;
    width: 630px;
}

div#chsf-wrapper-right-pages {
    float:right;
    width: 171px;
    padding-top:132px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

div#chsf-leftblocks-pages {
    position:relative;
    float:left;
    width: 205px;
    margin-left:15px;
    height: 435px;
} /* careful when adjusting, observe the total width of 220px occupied by left column */

div#chsf-centerblocks-pages {
/*     float:none; */
    width:410px;
    margin-left:220px;
} /* compliant browsers display it properly */

/*  hide from IE5-Mac \*/
* html div#chsf-leftblocks-pages {
    display:inline;
}
* html div#chsf-centerblocks-pages {
    float:left;
    margin:0;
} /* IE5+Win however require this workaround due to double margin bug - end of hide from IE5-Mac */

/* search form appears in different main theme templates, introducing dependent positioning */
div#chsf-wrapper-content div#chsf-searchform-wrapper form,
div#chsf-wrapper-left-and-center-pages div#chsf-searchform-wrapper form {
    padding: 0;
    margin: 0;
} 

form {
    padding: 0;
    margin: 0;
} /* all templates */

div#chsf-wrapper-left-and-center-pages div#chsf-searchform-wrapper {
    position: absolute;
    top:380px;
} /* for default.xt */

div#chsf-wrapper-left-and-center-pages div#chsf-searchform-wrapper input {  margin-top: 25px; }
div#chsf-wrapper-left-and-center-pages div#chsf-searchform-wrapper img { display: block; }

div#chsf-wrapper-content div#chsf-searchform-wrapper {
    padding: 0;
    margin-bottom: 8px;
}/* for base.xt */

div#chsf-wrapper-content div#chsf-searchform-wrapper input { width: 140px; }
div#chsf-wrapper-content div#chsf-searchform-wrapper img { vertical-align: middle; }

/* universal footer for all pages */
div#chsf-wrapper-footer {
    clear: both;
    height: 17px;
    width: 100%;
    background-image: url(/images/bg-footer.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    padding-bottom: 5px;
    padding-top: 10px;
}

div#chsf-wrapper-footer a {
    padding-left: 5px;
} /* position the footer links a fixed distance apart */

/* OVERRIDDEN TEMPLATES */

/* chsfissuenav.xt */
div#chsf-chsfissuenav-block a img {
    display:block;
    padding:0;
    margin:0;
    border:0 none;
}

/* chsfcontentnav.xt */
div.chsf-chsfcontentnav-wrapper {
    margin: 0 1px 8px 10px;
    background-color: #cc6600;
    background-image: url(/images/boxcorner.gif);
    background-repeat: no-repeat;
}

div.chsf-chsfcontentnav-wrapper .xar-contentnav-title {
    margin-left: 6px;
    color: #ffffff;
    font-weight: bold;
}

div.chsf-chsfcontentnav-link {
    padding-left: .6em;
    background-color: #cccc99;
}
div.chsf-chsfcontentnav-link span.xar-contentnav-link {
    color: #cc6600;
    font-weight: bold;
}

a.chsf-chsfcontentnav-link {
    color: #336699;
    font-weight: bold;
}

a.chsf-chsfcontentnav-link:visited {
    color: #336699;  /* same color */
}

/* chsfsubscribe.xt */
div#chsf-chsfsubscribe-wrapper {
    border: thin solid #cccc99;
    margin: 1px 1px 10px 10px;
    padding:0;
}



/* high specificity - override defaults and improve accessibility through semantic markup */
div#chsf-chsfsubscribe-wrapper h2.xar-subscribe-title {
    font-size: 10pt;
    font-weight: bold;
    color: #336699;
    font-family: Arial, Helvetica, sans-serif;
    margin: .2em 0;
}

.chsf-chsfsubscribe-thumbnail-float {
    float:right;
    width:79px;
    height:100px;
    margin: 5px 3px 3px 3px;
}

div#chsf-chsfsubscribe-wrapper p.xar-subscribe-body {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: normal;
    margin: .2em 0;
}

.xar-subscribe-body {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: normal;
    text-align: center;
    margin: .2em 0;
}

div#chsf-chsfsubscribe-wrapper p.xar-subscribe-link {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #cc6600;
    font-weight: bold;
    text-align: center;
    margin: .2em 0;
}

/* right.xt and right-admin.xt
   actually similar to chsfcontentnav.xt - may combine to shave off some bytes */
div.chsf-right-wrapper,
div.chsf-right-admin-wrapper {
    margin: 0 1px 8px 10px;
    background-color: #cc6600;
    background-image: url(/images/boxcorner.gif);
    background-repeat: no-repeat;
}

div.chsf-right-admin-wrapper .xar-block-title-right,
div.chsf-right-wrapper .xar-block-title-right {
    margin-left: 6px;
}

div.chsf-right-links,
div.chsf-right-admin-links {
    padding-left: 6px;
}

/* user-view.xt */
div#chsf-articles-view-wrapper-outer {
    background-image: url(/images/horizontal_line.gif);
    background-repeat: no-repeat;
}
div#chsf-articles-view-wrapper-inner {
    background-image: url(/images/vertical_line.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
    padding-top: 16px;
}

/* user-summary-homepage.xt */
div#chsf-summary-homepage-wrapper{}

div#chsf-summary-homepage-wrapper-image {
    text-align: center;
    margin: 15px auto;
    padding: 0em 0.5em;
}

/* chsfheader.xd */
span.xar-header {
    margin-bottom: 0px;
    margin-left: 20px;
    display:block;
} /* not overridden actually, maybe needs to be defined globally - investigate !! */


/* lofin.xt login block - table-free and is relatively compact
   login block is currently removed from front page, but the template
   is made according to these rules (comment out or delete if not needed) */
div#chsf-compactlogin,
form#chsf-compactlogin,
form#chsf-compactlogin p,
form#chsf-compactlogin input {
    padding:.2em;
    margin:0;
    font-size:9pt;
}
form#chsf-compactlogin label {
    float:left;
    width: 10em;
    text-align:left;
    padding-right: .5em;
}

.chsf-article-wrapper {
    padding-left:20px;
    padding-right:20px;
    margin: 0 auto;
}

.chsf-disclaimer {
    text-align: center;
    font-style: italic;
    margin-bottom: 20px;
}

.xar-alt {
    background-color: #993300;
}

.chsf-article-footer p {
    padding: 0em 0.5em;
    margin: 0px;
}

.chsf-article-header  {
    padding: 0em 0.5em;
    font-size: 11pt;
    color: #336699;
}

.chsf-article-image {
    float: left;
    margin: 0;
    padding: 0 0.6em;
}

.chsf-article-printview {
    margin-top: 2em;
    text-align: center;
    font-size: 8pt;
    font-weight: normal;
}

.chsf-article-editor-controls,
.chsf-article-title,
.chsf-article-intro,
.chsf-article-source {
    margin: 0em;
    padding: 0 0.7em;
}

.chsf-article-source {
    font-style: italic;
    padding: 0 0.7em;
}

div.chsf-article-intro {
    margin-top: 0;
    padding: 0 0;
}

div.chsf-article-intro p {

}

.chsf-article-body {
    margin: 0;
    padding: 0;
}

.chsf-article-info,
.chsf-article-outlink,
.chsf-article-readmore {
    margin-top: 0em;
    margin-right: 0em;
    margin-left: 0em;
}

.chsf-article-summary-title {
    margin-bottom: 0px;
}

.chsf-article-summary-body p {
    margin-bottom: 0;
}

/*
   the following are hacks for ie5+ where
   using <em> can cause the container to expand
   past it's specified width
*/

.chsf-article-wrapper p {
    padding-right: 0.7em;
    padding-bottom: 0;
    padding-left: 0.7em;
}

/* * { border: 1px dashed blue; } */
div.navigator-listmenu-wrapper {
    margin: 0 1px 8px 10px;
    background-color: #cc6600;
    background-image: url(/images/boxcorner.gif);
    background-repeat: no-repeat;
}
div.navigator-listmenu-wrapper .navigator-listmenu-title {
    margin-left: 6px;
    color: #ffffff;
    font-weight: bold;
    display:block;
}

div.navigator-listmenu-link {
    padding-left: .6em;
    background-color: #cccc99;
padding-top: 5px;
padding-bottom: 7px;
}
div.navigator-listmenu-link span.navigator-listmenu-link {
    color: #cc6600;
    font-weight: bold;
}

a.navigator-listmenu-link {
    color: #336699;
    font-weight: bold;
}

a.navigator-listmenu-link:visited {
    color: #336699;  /* same color */
}
/* menu */

.main-nav 
{ 
  z-index: 500;  
  position: relative;
  height: 101%; /* required for ie 6 */
}

.main-nav a
{
  font-family: arial;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  width: 140px; /* border and padding is added after this width has been defined */
  background: #ffffff none;
  padding: 0px;
  margin-top: 1px;
  margin-left: 1px;
  text-align: center;
  border: solid 0px #333333;
}

.main-nav a:hover
{
  background: #FCEFCD none;
}

.main-nav a:active
{
  background: #ffffff none;
}

.main-nav ul ul a
{
  padding-left: 4px;
  text-align: left;
  font-weight: normal;
  font-color: #333333;
  text-transform: none;
  z-index: 700;
  wwwidth: 120px;
  bbbborder: solid 1px #cccccc;
}

.main-nav ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;

}

.main-nav ul ul
{
  margin-left: 0px;
  background: #ffffff;
}

.main-nav ul ul li{
line-height:110%;
margin-bottom:5px;
}

.main-nav ul li
{
  float: left;  
  position: relative;
 
}

.main-nav ul ul
{
  position: absolute;
  top: auto;
  left: 0;
  display: none; 
  border: 1px solid #CCCCCC

}

.main-nav ul ul ul
{
  top: 1px;
  /* left: 116px; */
  left: 144px;
  margin-top: -1px;
}

.main-nav li:hover ul ul,
.main-nav li li:hover ul ul,
.main-nav li li li:hover ul ul,
.main-nav li li li li:hover ul ul
{
  display: none;
}

.main-nav li:hover ul,
.main-nav li li:hover ul,
.main-nav li li li:hover ul,
.main-nav li li li li:hover ul
{
  display: block;
}