.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment.*/
/*This document contains styles that could be used on any page in the site.  These are
site-specific rules. */
body
{
    margin:0 !important;
    padding:0 !important;
    font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;
    font-size:80%;
    color: #555555;
    background-image: url(../Images/HealthMattersBody.jpg);
    background-position:top left;
    background-repeat: repeat-y;
}
a, a:link, a:visited, a:active
{
    color:#377B78;
}
a:hover
{
    color:#85BD46;
}
DIV#MainArticle 
{
    background-image: url(../Images/GreenHeader.jpg) !important;
    background-repeat:no-repeat !important;
    background-position:top left !important;
    background-color:#CCE0A0 !important;
    width:560px !important;
    padding: 10px !important;
    float:left !important;
    text-align:left;
    margin-top: 0px;
}
#MainArticle h2
{
    color:White;
    padding:0px 0px 0px 15px;
    margin:0px 0px 10px 0px;
    text-align:left;
    float:left;
    font-size:12pt;
    font-weight:normal;
    width:100%;
}
.CurrentEvents 
{
    background-color: #BAD6D6;
    background-image: url(../Images/TealHeader.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    padding:10px;
    width:308px;
    float:left;
    margin-top:20px;
}
.CurrentEvents h2
{
    color:White;
    padding:0px 0px 0px 15px;
    margin:-2px 0px 20px 0px;
    text-align:left;
    float:left;
     font-weight:normal;
    font-size:12pt
}
.CurrentEvents .list
{
    float:left;
    width:290px;
}
.CurrentEvents .list li
{
    padding-bottom:10px !important;
}
.Survey
{
    background-color: #BBD0E8;
    background-image: url(../Images/BlueHeader.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    padding:10px 15px 15px 15px;
    width:185px;
    float:left;
    margin-top:20px;
    margin-left:35px;
}
.Survey h2
{
    color:White;
    padding:0px 0px 0px 5px;
    margin:-2px 0px 20px 0px;
    text-align:left;
    float:left;
    font-size:12pt;
    width:100%;
    font-weight:normal;
   
}
.Content 
{
    width:600px;
    position:absolute;
    left:260px;
    top:210px;
}
.left
{
    float:left;
    margin: 15px 10px 10px 10px;
}
img.left
{
    
}
.right
{
    float:right;
    width:315px;
    margin-top: 10px;
    margin-right:10px;
}
.Button 
{
    float:left;
    height:32px;
    line-height:32px;
    font-size:11pt;
    color:White !important;
    text-decoration:none;
    width:125px;
    background-image:url(../Images/ButtonBackground.gif);
    background-position: 0px -32px;
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    margin-top:5px;
    margin-bottom:5px;
}
.Button:hover
{
    background-position: 0px 0px;   
}
.GetStartedButton 
{
    float:left;
    height:32px;
    line-height:32px;
    font-size:11pt;
    color:White;
    text-decoration:none;
    width:125px;
    background-image:url(../Images/GetStartedButton.gif);
    background-position: 0px -32px;
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    margin-top:-37px;
    margin-left:420px;
    margin-bottom:5px;
}
.GetStartedButton:hover
{
    background-position: 0px 0px;   
}
.controlSpan
{
    float:left;
    width:90%;
}
.leftLink img 
{
    border: none !important;
     padding-top:10px;
     padding-right:10px;
}
.leftLink, .rightLink 
{
   line-height: 130px;
   vertical-align:middle;
}
.leftLink
{
    text-decoration:none !important;
}
.rightLink a
{
    color: #555555;
}

.footer
{
    width:100%;
    font-size:80%;
    text-align:center;
    margin-top: 20px;
    float:left;
   
}
.step1 
{
    background-image: url(../Images/Step1.jpg);
    background-color:#C2DFA4;
   
}
.step1,
.step2,
.step3,
.step4,
.step5,
.step6,
.step7,
.generalResources
{
    background-repeat:no-repeat;
    background-position:top left;
    padding:40px 10px 10px 10px;
    width:480px;
    margin-bottom: 10px;
}
.step2
{
    background-image: url(../Images/Step2.jpg);
    background-color:#AED6A0;
}
.step3
{
    background-image: url(../Images/Step3.jpg);
    background-color:#A5DAB3;
}
.step4
{
    background-image: url(../Images/Step4.jpg);
    background-color:#A2D7C2;
}
.step5
{
    background-image: url(../Images/Step5.jpg);
    background-color: #ADDAD8;
}
.step6
{
    background-image: url(../Images/Step6.jpg);
    background-color: #9DCDD2;
}
.step7
{
    background-image: url(../Images/Step7.jpg);
    background-color: #A8D1DF;
}
.generalResources
{
    background-image: url(../Images/GeneralResources.jpg);
    background-color:#A7C5E4;
}
.eeCommunication
{
   margin-bottom:10px;
   width:480px;
   border-bottom: 1px solid #CCCCCC;
   padding: 0px 10px 20px 10px;
}
h2
{
    color:#85BD46;
}
h3
{
    color:#1C2382;
}
h4
{
    color:#377B78;
}
.committeemembers
{
    width:250px;
    float:left;
    margin-top: 0px;
    margin-right: 10px;
}
.committeemembers li,
.committeeminutes li
{
    padding-bottom: 10px;
}
.committeeminutes{
   width:300px;
    float:left;
    margin-top: 0px;
}
.CommitteeImage
{
    float:right;
    margin-right: 20px;
    margin-top: -50px;
}
.ResourceImage
{
    float:right;
    margin-right: 20px;
    margin-top: -20px;
}
.Login
{
    color:White !important;
    padding-left:50px;
    letter-spacing: .1em;
    position:absolute;
    top: 450px;
}
.Correct
{
    color:Green !important;
}
.Incorrect
{
    color:Red !important;
}
.LMCImage
{
    float:right;
    padding:0px 0px 10px 10px;
}
.ContactImage
{
    float:right;
    padding:0px 0px 10px 10px;
    margin-top: -80px;
    margin-right: 80px;
}
.partnerDiv
{
    width:550px;
    padding:10px;
    border-bottom: 2px solid #AAAAAA;
    float:left;
}
.partnerDiv img
{
    border: none;
    padding:0px 10px;
}
.partnerDiv a
{
    line-height:120px;
    vertical-align:middle;
}
.leftSpan, .rightSpan
{
    float:left;
    width:48%;
}
.leftSpan
{
   text-align:left;
}
.rightSpan
{
    text-align:right;
}
.resourceLink
{
    display:block;
}
.HealthManagementImage,
.BuildingHealthImage
{
    float:right;
    margin-right:50px;
}
.newsletterDiv
{
    margin-top: 10px;
}
blockquote
{
    font-style:italic;
    color:#1C2382;
}
.BrandingImage 
{
    float:left;
    position:absolute;
    top:146px;
    left:25px;
}
.LogoutLink
{
    
}
.DescriptionLabel
{
    width:100%;
    padding:5px;
    font-style: italic;
    float:left;
}
.ResourceLink
{
  float:left;
  width:100%;  
}
.CategoryLabel
{
    margin-top:15px;
    margin-bottom:0px;
    padding-bottom:0px;
}
.dateLabel
{
    font-weight:bold;
    color:  #377B78;
}
.titleLabel
{
    font-weight:bold;
    font-style:italic;
    color:#1C2382;
}
.currentStep
{
    font-weight:bold;
    font-size:14pt;
    color:#377B78;
}
.TaskDescription
{
   display:block;
    font-style:italic;
}
.completed
{
    color:green;
}
.skipped
{
    color:Gray;
}
.incomplete
{
    color:Black;
}
.TaskTitle
{
    display:block;
    font-size:12pt;
    font-weight:bold;
    padding-top: 5px;
   
}
.DocumentLink
{
  display:block;
}
    
    body
    {
        padding:10px;
    }
    #LoginButton
    {
        margin-bottom: -4px;
    }
    .listsection td
    {
        border:none;
    }
    #LoginPanel,
    #ChangePassword,
    #ForgotPasswordPanel {
        margin-left: 220px;
        padding: 20px;
        background-color:white;
        position:relative;
        top: 180px;
        color:black;
        text-align:right;
    }
    #LoginPanel {
        width: 300px;
    }
    #LoginButton {
        float:right;
        margin-bottom: 10px;
    }
    input {
        margin-left: 5px;
    }
    #UserName,
    #Password {
        width: 180px;
    }
    .Logo{
        position:absolute;
        top:100px;
        left:360px;
    }
.leftNavDiv
{
    position:absolute;
    left:30px;
    top:230px;
}
.leftNavDiv a
{
    color:White;
    font-size:11pt;
    text-decoration:underline;
    display:block;
    padding-top: 6px;
}
.leftNavDiv a:hover
{
    text-decoration:none !important;
}
h3.CategoryLabel
{
    padding-bottom:0px;
    float:left;
    margin-bottom: 7px !important;
    width:520px;
    margin-top: 0px;
    padding-top: 0px;
}
.expandContractLink
{
    float:left;
    width: 11px;
    height:11px;
    background-image:url(../images/ExpandContract.jpg);
    margin-top: 4px;
    margin-right: 5px;
}
.expandContractLink.expanded
{
    background-position: 0px -11px;
    
}
.categorySpan
{
    float:left;
    width: 550px;
}
.categoryContents
{
    padding-left: 16px;   
    margin-bottom: 10px;
    float:left;
    width: 500px;
}