/*
HSG Styles
Written by Bill Braun
last change: 2010.03.12
*/

/* ============================
          GLOBAL
============================ */

/* ----------------------------
     Global HTML Elements
---------------------------- */

body {
    font-size: 80%;
    /* font-family: Georgia, "Times New Roman", serif; */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    background-color: #fff; /* was afbaaa; */
/*    background-color: #67593d; was 2e2e2e; */
}

p {
    font-size: 1.0em;
    padding:0 0 0 3px;
}

/* h elements 1, 2, and 3 reduced by 0.5 em from original style sheet */

h1 {
    font-size: 1.50em; /* equivalent of 30px at 80% base font size */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding:0 0 0 3px;
}

h2 {
    font-size: 1.35em; /* equivalent of 24px at 80% base font size */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding:0 0 0 3px;
}

h3 {
    font-size: 0.90em; /* equivalent of 18px at 80% base font size */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding:0 0 0 3px;
}

h4 {
    font-size: 1.00em; /* equivalent of 14px at 80% base font size */
/*    font-family: Verdana, Helvetica, Arial, sans-serf; */
    padding:0 0 0 3px;
}

h5 {
    font-size: 1.0em; /* equivalent of 12.8px at 80% base font size */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding:0 0 0 3px;
}

h6 {
    font-size: 0.8em; /* equivalent of 10px at 80% base font size */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding:0 0 0 3px;
}

ul {
    list-style-image: url("images/dkredarrowrighttiny.gif");
}

/* ----------------------------
          Global Classes
---------------------------- */

.summarycolleft { /* for dividing page detail into columns */
    float: left;
    width: 335px;
    padding: 0 5px 0 5px;
}

.summarycolright { /* for dividing page detail into colums */
    float: right;
    width: 335px;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
}

.summarycolfull { /* for dividing page detail into columns */
    float: left;
    width: 600px;
    padding: 0 5px 0 5px;
}

.detailcolleft { /* for dividing page detail into columns */
    float: left;
    width: 420px;
    padding: 0 5px 0 5px;
    /* border: 1px dotted #d3d3d3; */
}

.detailcolright { /* for dividing page detail into colums */
    float: right;
    width: 180px;
    margin: 0 0 0 0;
    padding: 0 5px 0 50px;
}

.detailcolfull { /* for dividing page detail into columns */
    float: left;
    width: 600px;
    padding: 0 5px 0 5px;
}

.detailcolsummary { /* for page deatil on issue, service, and course pages */
    float: left;
    width: 350px;
    padding: 0 5px 0 5px;
}

.navcolright { /* for dividing page detail into columns, used for additional navigation */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    float: left;
    margin: 35px 0 0 50px;
    width: 180px;
    padding: 0 5px 0 5px;
}

.navcolright li{ /* for dividing page detail into columns, used for additional navigation */
    padding: 2px 0 10px 0;
    margin-left: -20px;
    list-style-image: url("images/dkredarrowrighttiny.gif");
}

.navcolrightissues { /* for dividing page detail into columns, used for additional navigation */
    font-family: Verdana, Helvetica, Arial, sans-serf;
    float: left;
    margin: 0 0 0 50px;
    width: 250px;
    padding: 0 5px 0 5px;
    border-top: 5px solid #b8b79d;
    border-bottom: 5px solid #b8b79d;
/*    border-left: 1px dotted #b8b79d; */
}

.navcolrightissues li{ /* for dividing page detail into columns, used for additional navigation */
    padding: 2px 0 10px 0;
    list-style: circle;
    margin-left: -20px;
}

.inpageli { /* used for non-navigational links in the content area of site pages */
    list-style: none;
    list-style-image: url("images/dkredarrowrighttiny.gif");
    margin-left: -20px;
    padding: 0 0 10px 0;
    font-size: 1.0em;
    font-weight: normal;
}

.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.imageright {
    float: right;
}

.issueli { /* used on individual workplace issue pages in the Common Symptoms in the Workpalce navigation section */
    list-style: circle;
    margin-left: -20px;
    padding: 0 0 10px 0;
    font-size: 1.0em;
    line-height: 1.6em;
}

.summaryli { /* used on individual workplace issue summary level pages in the Common Symptoms in the Workpalce section */
    list-style: disc;
    margin-left: -20px;
    padding: 0 0 10px 0;
    font-size: 1.0em;
    line-height: 1.4em;
}

.linkdescr { /* link descriptions on all pages except portal page */
    display: block;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.2em;
    color: #000;
    padding: 0 0 5px 15px;
}

.plinkdescr { /* portal page link descriptions */
    display: block;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #000;
    padding: 0 0 5px 25px;
}

.clearout {
    clear:both;
}

.listnameleft {
    color: #5c6e75; /* was #516067 */
    font-weight: bold;
}

.listnameright {
    color: #5c6e75; /* was 677b83; was #81949C; was #516067 */
    font-weight: bold;
}

.bibliounderline {
    text-decoration: underline;
}

.biblionormal {
    text-decoration: none;
}

.centertext {
    text-align:center;
}

.validate {
    font-size: 0.5em;
    color: #7b8567;
}

.quote {
    line-height: 1.4em
}

.rightblurb {
    line-height: 1.4em;
}


/* Global Pseudo-classes
---------------------------- */

a:link, a:visited {
    text-decoration: none;
    position: relative;
    color: #5C6E75; /* was #677b83; was #87888c; was #575757; #4b8a37; #45594D; 516067; 677a83; #7b8567; */
}

a:hover, a:active {
    text-decoration: underline;
    color: #8e0b16;
}


/* Global Logo Pseudo-classes
---------------------------- */

a:link.logo, a:visited.logo {
    color: #c2c2ad;  /* was 677a83; #7b8567; */
}

a:hover.logo, a:active.logo {
    color: #8e0b16;
}


/* ============================
     NAVIGATION
============================ */

/* ----------------------------
     Top Navigation
---------------------------- */

/* Portal Top Navigation Pseudo-classes
---------------------------- */

a:link.ptopnav, a:visited.ptopnav {
    color: #575757;  /* was 677a83; was #7b8567; */
}

a:hover.ptopnav, a:active.ptopnav {
    color: #8e0b16;
}

/* Portal Top Navigation ID Selectors
---------------------------- */

#ptopnav { /* ptopnav positioning */
    position: absolute;
    top: 0;
    left: 230px;
    width: 300px;
    margin: auto;
    /* background-color: #8E0B16; */
    border-top: 1px solid #8E0B16; /* was #bbbaa7; */
    line-height: 1.2em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
    font-size: 0.9em;
}

#ptopnav li { /* topnav li display */
    float: left;
    display: inline;
    padding: 5px 10px 0 0;
}

/* Home and Site Top Navigation Pseudo-classes
---------------------------- */

a:link.topnav, a:visited.topnav {
    text-decoration: none;
    position: relative;
    color: #575757;  /* was 677a83; was #7b8567; */
}

a:hover.topnav, a:active.topnav {
    text-decoration: underline;
    color: #8e0b16;
}

/* Home and Site Top Navigation ID Selectors
---------------------------- */

#topnav { /* topnav positioning */
    position: absolute;
    top: 0;
    left: 230px;
    width: 690px;
    margin: auto;
    border-top: 1px solid #8E0B16; /* was #bbbaa7; */
    line-height: 1.2em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
    font-size: 0.9em;
}

#topnav li { /* topnav li display */
    float: left;
    display: inline;
    padding: 5px 10px 0 0;
}

/* ----------------------------
    Left Navigation
---------------------------- */

/* Left Navigation Site Page ID Selectors
---------------------------- */

#leftnav {
    position: absolute;
    left: 20px;
    top: 295px; /* was 250px */
    width: 190px;
    padding: 0 2px 0 2px;
    font-family: Verdana, Helvetica, Arial, sans-serf;
}

#leftnav li { /* leftnav li display */
    padding: 2px 0 10px 0;
    font-size: 1.0em;
    list-style: none;
    list-style-image: url("images/dkredarrowrighttiny.gif");
    margin-left: -20px;
}

li.on a {
    color: #9baa87;
}


/* Left Navigation Library Page ID Selectors
---------------------------- */

#libleftnav {
    position: absolute;
    left: 70px;
    top: 270px;
    width: 150px;
    padding: 0 0 0 2px;
    font-family: Verdana, Helvetica, Arial, sans-serf;
}

#libleftnav li { /* leftnav li display */
    padding: 2px 0 10px 0;
    list-style: circle;
    margin-left: -20px;
}


/* Site Map Navigation ID Selectors
---------------------------- */

#sitemapnav { /* leftnav display */
    padding: 0 0 0 2px;
}

#sitemapnav { /* leftnav fonts and colors */
    font-family: Verdana, Helvetica, Arial, sans-serf;
}

#sitemapnav li { /* leftnav li display */
    padding: 2px 0 0 0;
    list-style: none;
    line-height: 1.3em;
/*    margin-left: -5px; */
}

/* Site Map Navigation Class Selectors
---------------------------- */

.sitemapl1 { /* site map level 1 */
    font-weight: bold;
    margin-left: -20px;
}

.sitemapl2 { /* site map level 2 */
    font-weight: normal;
    font-style: italic;
    margin-left: -5px;
}

.sitemapl3 { /* site map level 3 */
    font-weight: normal;
    font-style: normal;
    margin-left: -15px;
}

.sitemapannotate {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
    font-style: normal;
    font-size: 0.85em;
    padding: 0 0 0 15px;
}

/* ============================
          PAGE SECTIONS
============================ */


/* ----------------------------
          All Pages
---------------------------- */

#wrapper {
    position: relative;
    top: 0;
    left: 0;
}

#content {
    height: 100%;
    width: 720px;
}

#header {
    top: 0;
}

#logo {
    position: absolute;
    left: 70px;
    top: 67px;
    width: 120px;
    height: 50px;
    font-family: Verdana, Helvetica, Arial, sans-serf;
    font-weight: bold;
    font-size: 0.9em;
    color: #C2C2AD;
    text-align:right;
    border-bottom: 1px solid #516067;
}

#footer {
    clear: both;
    font-family: Verdana, Helvetica, Arial, sans-serf;
    padding: 20px 0 0 5px;
    border-bottom: 1px solid #8E0B16;
}


/* ----------------------------
     Portal Page
---------------------------- */

/* Portal Pseudo-classes
---------------------------- */

a:link.ppage, a:visited.ppage { /* portal inpage links */
    color: #000; /* was  #a0a1a4; was #857f66; was 677a83; was #7b8567; */
}

a:hover.ppage, a:active.ppage { /* portal inpage links */
    color: #8e0b16;
}

/* Portal classes
---------------------------- */

.pdetailcolleft { /* for dividing portal page detail into columns */
    float: left;
    width: 305px;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
}

.pdetailcolright { /* for dividing portal page detail into colums */
    float: right;
    width: 305px;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
}

/* Portal ID Selectors
---------------------------- */

#ppagesummary { /* opens the page, below top navigation bar */
    position: absolute;
    left: 265px;
    top: 40px;
    width: 700px;
    height: 150px;
/*    background-color: #67593d; */
}

#psummarydetaildivider {
    position: absolute;
    left: 0px;
    top: 240px;
    width: 500px;
    height: 1px;
    border-top: 2px solid #8E0B16;
}

#ppagedetail { /* sits below page summary, holds all the page information */
    position: absolute;
    left: 265px;
    top: 260px;
    width: 700px;
/*    background-color: #67593d; */
}

/* Portal HTML Element
---------------------------- */

h1.ppage {
    color: #494949; /* was #516067 */
    padding:0 0 0 3px;
    line-height: 1.05em;
    font-weight:normal;
}

h2.ppage {
    padding:0 0 0 3px;
    font-weight: bold;
    color: #857F66;
    font-size: 1.0em;
    margin-bottom: 3px;
    /* border-bottom: 1px solid #b8b79d; */
    /* border-left: 1px solid #b8b79d; */
    /* border-top: 1px solid #b8b79d; */
}

h3.ppage {
    padding:0 0 0 3px;
    font-size: 1.1em;
    color: #516067; /* was 242B2E; was 3A454A; was 516067; */
    font-weight: bold;
    background-color: #d8d8ca; /* was d8d8ca; was f8f8f8; */
}

h4.ppage {
    padding:0 0 0 10px;
    font-size: 1.0em; /* was 17px */
    color: #636363;
    line-height: 1.4em;
    font-weight: normal;
/*    color: #7c7b67; */
}

p.ppage {
    line-height: 2.0em;
    text-indent: 0;
}

/* ----------------------------
          Home Page
---------------------------- */

/* Home Pseudo-classes
---------------------------- */

a:link.hpage, a:visited.hpage { /* home page title */
    text-decoration: none;
    position: relative;
    color: #575757; /* was 677a83; was #7b8567; */
}

a:hover.hpage, a:active.hpage {
    text-decoration: underline;
    color: #8e0b16; /* was #4b8a37; */
}

a:link.hpagel, a:visited.hpagel { /* home page links in summary section */
    text-decoration: none;
    position: relative;
    url("images/dkredarrowrighttiny.gif");
    color: #a0a1a4; /* was #7b8567; was 677a83; was #7b8567; */
}

a:hover.hpagel, a:active.hpagel { /* home page links in summary section */
    text-decoration: underline;
    color: #8e0b16;
}

/* Home ID Selectors
---------------------------- */

#hpagesummary { /* opens the page, below top navigation bar */
    position: absolute;
    left: 265px;
    top: 40px;
    width: 700px;
    height: 195px;
/*    background-color: #67593d; */
}

#hsummarydetaildivider {
    position: absolute;
    left: 0px;
    top: 240px;
    width: 500px;
    height: 1px;
    border-top: 2px solid #8E0B16; /* was b5c461; */
}

#hpagedetail { /* sits below page summary, holds all the page information */
    position: absolute;
    left: 265px;
    top: 260px;
    width: 700px;
/*    background-color: #67593d; */
}

/* 
     Home HTML Elements
---------------------------- */

h1.hpage {
    font-size: 1.4em;
    line-height: 1.05em;
    font-weight:normal;
    padding:0 0 0 3px;
/*     border-top: 2px solid red; */
}

h2.hpage {
    padding:0 0 0 3px;
    font-size: 1.3em;
    font-weight:normal;
    margin-bottom: 3px;
/*    border-bottom: 1px dashed #b8b79d; */
    width: 600px;
}

h3.hpage {
    padding:0 0 0 3px;
    font-size: 1.0em;
    font-family: Verdana, Helvetica, Arial, sans-serf;
    line-height: 0.8em;
    font-weight: bold;
    background-color: #fff; /* d8d8ca; */
/*    border-top: 2px solid red; */
/*    border-bottom: 2px dotted red; */
}

h4.hpage {
    padding:0 0 0 10px;
    color: #636363;
    font-size: 1.0em;
    line-height: 1.4em;
    font-weight: normal;
/*    color: lightgrey; */
}

p.hpage {
    line-height: 1.6em;
    padding:0 0 0 10px;
}


/* ----------------------------
     Site Pages
---------------------------- */

#spagesummary { /* opens the page, below top navigation bar */
    position: absolute;
    left: 265px;
    top: 40px;
    width: 700px;
    height: 195px;
/*    background-color: #67593d; */
}

#ssummarydetaildivider {
    position: absolute;
    left: 0px;
    top: 240px;
    width: 500px;
    height: 1px;
    border-top: 2px solid #8E0B16;
}

#spagedetail { /* sits below page summary, holds all the page information */
    position: absolute;
    left: 265px;
    top: 260px;
    width: 700px;
/*    background-color: #67593d; */
}

h1.spage {
    font-size: 1.4em;
    color: #575757;
    padding:0 0 0 3px;
    line-height: 1.05em;
    font-weight:normal;
}

h2.spage {
    padding:0 0 0 3px;
    font-weight:normal;
    color: #857F66;
    margin-bottom: 3px;
    border-bottom: 1px solid #516067; /* was 8E0B16; was b8b79d; */
    border-top: 1px solid #516067; /* was 8E0B16; was b8b79d; */
}

h3.spage {
    padding:0 0 0 0;
    font-size: 1.1em;
    color: #000; /* was 242B2E; was 3A454A; was 516067; */
    font-weight: bold;
    background-color: #fff; /* was d8d8ca; was f8f8f8; */
}

h4.spage {
    padding:0 0 0 0;
    color: #000; /* was #636363; */
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: bold;
/*    color: #7c7b67; */
}

p.spage {
    line-height: 1.6em;
    text-indent: 0;
    padding:0 0 0 0;
}

/* ----------------------------
     Library Page
---------------------------- */

/* Library  Pseudo-classes
---------------------------- */

a:link.lib, a:visited.lib {
    text-decoration: underline;
    position: relative;
    color: #3A454A; /* was 114477;  was 677a83; was #7b8567; */
}

a:hover.lib, a:active.lib {
    text-decoration: underline;
    color: #4b8a37;
}

/* Library  HTML Elements
---------------------------- */

h2.library {
    padding:0 0 0 3px;
    font-size: 1.6em; /* eqivalent to size 20px */
    font-weight:normal;
    margin-bottom: 3px;
    border-top: 1px dashed #b8b79d;
}

h4.library {
    color: #516067;
/*    text-decoration: underline; */
    background-color: #f2f2f2;
}

h5.library {
    color: #516067;
/*    text-decoration: underline; */
/*    background-color: #fafafa; */
    border-bottom: 1px dotted #808080;
}

p.library {
    line-height: 1.5em;
}

/* ----------------------------
     About Page
---------------------------- */

h2.about {
    padding:0 0 0 3px;
    font-size: 1.1em;
    font-weight:bold;
    margin-bottom: 3px;
    /* border-top: 1px dashed #b8b79d; */
}

h5.aboutall {
    padding:0 0 0 3px;
    font-size: 14px;
    line-height: 16px;
    font-weight:bold;
    margin-bottom: 3px;
    border-top: 1px dashed #b8b79d;
}

p.about {
    line-height: 1.5em;
}


/* ----------------------------
     Summary Pages for Service Sectors (DMPS, CWO, WE, FC)
---------------------------- */

h2.summary {
    padding:0 0 0 3px;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: bold;
    text-decoration: none;
    color: #000; /* was #575757; */
    margin-bottom: 3px;
/*    border-bottom: 1px dashed #b8b79d; */
}