/*****

     Care & Comfort Stylesheet

*****/

/***** Commonly Used Styles *****/

*
{
    margin: 0px 0px;
    padding: 0px 0px;
}

html
{
    width: 100%;
    height: 100%;
}

body
{
    height: 100%;
    min-height: 100.01%; 
    background-color: #1F75CC;
    background-image: url('/images/body_bg.jpg'); 
    background-position: top center;
}

body * 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 125%;
}

h1
{
    margin-bottom: 8px;
    font-family: Times New Roman, Times, Sans-Serif;
    font-size: 24px;
    font-style: italic;
    color: #1F75CC;
}

h2
{
    margin-bottom: 8px;
    font-family: Times New Roman, Times, Sans-Serif;
    font-size: 20px;
    font-style: italic;
    color: #1F75CC;
}


p
{
    margin-bottom: 1em;
}

p.caption
{
    margin-bottom: 4px;
    font-size: 10px;
    line-height: 13px;
}

img
{
    border: 0px solid;
}

a
{
    color: #FF0000; 
    text-decoration: none;
    cursor: pointer;
}

a:hover
{
    color: #0000FF;
}

a.external 
{
    padding-right: 14px; 
    background-image: url(/images/external.gif);
    background-repeat: no-repeat; 
    background-position: right 50%;
}

.photo
{
    border: 1px solid #1F75CC;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.photo.left
{
    float: left;
    margin-right: 10px;
}

.photo.right
{
    float: right;
    margin-left: 10px;
}

.logobar
{
    text-align: center;
    width: 242px;
}

.logobar img
{
    margin-top: .5em;
}


.top5
{
    margin-top: 5px;
}

.top10
{
    margin-top: 10px;
}

.bottom5
{
    margin-bottom: 5px;
}

.bottom10
{
    margin-bottom: 10px;
}

ul
{
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 28px;
    margin-bottom: 1em;
}

ul li ul
{
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 28px;
    margin-bottom: 5px;
}

address
{
    width: 300px;
    margin: 0px Auto 1em Auto;
    font-style: normal;
    text-align: left;
}

/***** Layout *****/

table#wrapper 
{
    width: 780px;
    height: 100%;
    margin: 0px auto;
    border: 0px solid;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #f2f9ff;   
    background-image: url('/images/content_bg.jpg');
    background-position: top center;
    background-repeat: repeat-y;
}

table#wrapper td.top
{
    height: auto;
    padding: 0px 0px;
    vertical-align: top; 
    text-align: left;
    background-image: url('/images/header_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}

table#wrapper td.bottom
{
    height: 45px;
    vertical-align: bottom; 
    text-align: center;
    background-image: url('/images/content_bg.jpg'); 
    background-position: top center;
    background-repeat: no-repeat;
}

/***** Header *****/

div#header
{
    height: 90px;
    text-align: right;
}

/***** Top Menu *****/

div.top_home
{
    float: right;
    width: 76px;
    height: 70px;
    background-image: url('/images/menu/top_home_off.jpg');
}

div.top_about
{
    float: right;
    width: 82px;
    height: 70px;
    background-image: url('/images/menu/top_about_off.jpg');
}

div.top_contact
{
    float: right;
    width: 76px;
    height: 70px;
    margin-right: 7px;
    background-image: url('/images/menu/top_contact_off.jpg');
}

/***** Sidebar *****/

div#sidebar
{
    float: left;
    width: 180px;
    margin-left: 10px;
    _margin-left: 6px;
}

div#sidebar ul.sidemenu
{
    width: 180px;
    margin-left: 10px;
    _margin-left: 6px;
}

div#sidebar ul.sidemenu li.main
{
    display: block;
    width: 160px;
    height: 20px;
    margin-bottom: 5px;
    background-position: top left;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

div#sidebar ul.sidemenu li.sub
{
    display: block;
    width: 160px;
    height: auto;
    margin-bottom: 5px;
}

/***** Links in the "Main" level of the menu. *****/

div#sidebar ul.sidemenu li.main a
{
    display: block;
    height: 20px;
    padding-left: 20px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: #1F75CC;
    background-position: top left;
    background-repeat: no-repeat;
    vertical-align: middle;
}

div#sidebar ul.sidemenu li.main a:hover
{
    color: #CC581F;
}

div#sidebar ul.sidemenu li.gethelp
{
    padding-bottom: 3px;
    background-image: url('/images/menu/gethelp_off.jpg');
} 

div#sidebar ul.sidemenu li.gethelp a
{
    font-style: italic;
    color: #009900;
    background-image: url('/images/menu/gethelp_off.jpg');
} 

div#sidebar ul.sidemenu li.gethelp a:hover
{
    background-image: url('/images/menu/gethelp_on.jpg');
} 

div#sidebar ul.sidemenu li.home
{
    background-image: url('/images/menu/home_off.jpg');
} 

div#sidebar ul.sidemenu li.home a
{
    background-image: url('/images/menu/home_off.jpg');
} 

div#sidebar ul.sidemenu li.home a:hover
{
    background-image: url('/images/menu/home_on.jpg');
}

div#sidebar ul.sidemenu li.about
{
    background-image: url('/images/menu/about_off.jpg');
} 

div#sidebar ul.sidemenu li.about a
{
    background-image: url('/images/menu/about_off.jpg');
} 

div#sidebar ul.sidemenu li.about a:hover
{
    background-image: url('/images/menu/about_on.jpg');
}

div#sidebar ul.sidemenu li.homehealth
{
    background-image: url('/images/menu/homehealth_off.jpg');
} 

div#sidebar ul.sidemenu li.homehealth a
{
    background-image: url('/images/menu/homehealth_off.jpg');
} 

div#sidebar ul.sidemenu li.homehealth a:hover
{
    background-image: url('/images/menu/homehealth_on.jpg');
}

div#sidebar ul.sidemenu li.mentalhealth
{
    background-image: url('/images/menu/mentalhealth_off.jpg');
} 

div#sidebar ul.sidemenu li.mentalhealth a
{
    background-image: url('/images/menu/mentalhealth_off.jpg');
} 

div#sidebar ul.sidemenu li.mentalhealth a:hover
{
    background-image: url('/images/menu/mentalhealth_on.jpg');
}

div#sidebar ul.sidemenu li.homemod
{
    background-image: url('/images/menu/home_off.jpg');
} 

div#sidebar ul.sidemenu li.homemod a
{
    background-image: url('/images/menu/home_off.jpg');
} 

div#sidebar ul.sidemenu li.homemod a:hover
{
    background-image: url('/images/menu/home_on.jpg');
}

div#sidebar ul.sidemenu li.news
{
    background-image: url('/images/menu/news_off.jpg');
} 

div#sidebar ul.sidemenu li.news a
{
    background-image: url('/images/menu/news_off.jpg');
} 

div#sidebar ul.sidemenu li.news a:hover
{
    background-image: url('/images/menu/news_on.jpg');
}

div#sidebar ul.sidemenu li.events
{
    background-image: url('/images/menu/events_off.jpg');
} 

div#sidebar ul.sidemenu li.events a
{
    background-image: url('/images/menu/events_off.jpg');
} 

div#sidebar ul.sidemenu li.events a:hover
{
    background-image: url('/images/menu/events_on.jpg');
}

div#sidebar ul.sidemenu li.newsletter
{
    background-image: url('/images/menu/newsletter_off.jpg');
} 

div#sidebar ul.sidemenu li.newsletter a
{
    background-image: url('/images/menu/newsletter_off.jpg');
} 

div#sidebar ul.sidemenu li.newsletter a:hover
{
    background-image: url('/images/menu/newsletter_on.jpg');
}

div#sidebar ul.sidemenu li.surveys
{
    background-image: url('/images/menu/surveys_off.jpg');
} 

div#sidebar ul.sidemenu li.surveys a
{
    background-image: url('/images/menu/surveys_off.jpg');
} 

div#sidebar ul.sidemenu li.surveys a:hover
{
    background-image: url('/images/menu/surveys_on.jpg');
}

div#sidebar ul.sidemenu li.resources
{
    background-image: url('/images/menu/resources_off.jpg');
} 

div#sidebar ul.sidemenu li.resources a
{
    background-image: url('/images/menu/resources_off.jpg');
} 

div#sidebar ul.sidemenu li.resources a:hover
{
    background-image: url('/images/menu/resources_on.jpg');
}

div#sidebar ul.sidemenu li.employment
{
    background-image: url('/images/menu/employment_off.jpg');
} 

div#sidebar ul.sidemenu li.employment a
{
    background-image: url('/images/menu/employment_off.jpg');
} 

div#sidebar ul.sidemenu li.employment a:hover
{
    background-image: url('/images/menu/employment_on.jpg');
}

div#sidebar ul.sidemenu li.contact
{
    background-image: url('/images/menu/contact_off.jpg');
} 

div#sidebar ul.sidemenu li.contact a
{
    background-image: url('/images/menu/contact_off.jpg');
} 

div#sidebar ul.sidemenu li.contact a:hover
{
    background-image: url('/images/menu/contact_on.jpg');
}

/***** Links in the "Sub" section of the menu. *****/

div#sidebar ul.sidemenu li.sub ul
{
    margin-left: 0px;
    margin-top: -3px;
    margin-bottom: 5px;
    list-style-type: disc;
    color: #1F75CC;
}

div#sidebar ul.sidemenu li.sub li
{
    margin-left: 20px;
    margin-bottom: 2px;
}

div#sidebar ul.sidemenu li.sub a
{
    font-size: 12px;
    font-weight: bold;
    padding-left: 1px;
    color: #1F75CC;
    line-height: 100%;
}

div#sidebar ul.sidemenu li.sub a:hover
{
    color: #CC581F;
}

/***** Hightlights *****/

div#highlights
{
    width: 180px;
    float: right;
    margin: 0 0px 5px 15px;
    background: url(/images/news_bg.jpg) top left repeat-y;
}

div#highlights *
{
    font-size: 12px;
}

div#highlights div#events, div#highlights div#news
{
    background: url(/images/news_bottom.jpg) bottom left no-repeat;
}

div#highlights div.title
{
    text-align: center;
    font-weight: bold;
    padding: 10px 10px 5px 10px;
    background: url(/images/news_top.jpg) top left no-repeat;
}
div#highlights div.title *
{
    font-size: 20px;
    font-family: Times New Roman, Times, Sans-Serif;
    font-style: italic;
    color: #1F75CC;
}

div#highlights div.title a:hover
{
    color: #CC581F;
}

div#highlights div.content 
{
    padding: 0 10px 5px 10px;
}

div#highlights .event_description
{
    display: none;
}

/***** Content *****/

div#content
{
    float: left;
    width: 565px;
    margin-left: 10px;
    _margin-left: -3px;
    background-color: #FFFFFF;
}

div#gethelp_outer
{
    width: 500px;
    margin: 0px Auto 1em Auto;
    background: url('/images/gethelp_bg.jpg') top left repeat-y;
}

div#gethelp_outer div.title
{
    width: 500px;
    padding-top: 10px;
    background: url('/images/gethelp_top.jpg') top left no-repeat;
}

div#gethelp_outer div.title h2
{
    text-align: center;
}

div#gethelp_outer div#gethelp_inner
{
    background: url('/images/gethelp_bottom.jpg') bottom left no-repeat;
}

div#gethelp_outer div.content
{
    padding: 0 10px 10px 10px;
}

/***** *****/

div#jobs_outer
{
    width: 500px;
    margin: 0px Auto 1em Auto;
    background: url('/images/jobs_bg.jpg') top left repeat-y;
}

div#jobs_outer div.title
{
    width: 500px;
    padding-top: 10px;
    background: url('/images/jobs_top.jpg') top left no-repeat;
    text-align: center;
    font-weight: bold;
}

div#jobs_outer div.title *
{
    font-size: 20px;
    font-family: Times New Roman, Times, Sans-Serif;
    font-style: italic;
    color: #1F75CC;
}

div#jobs_outer div.title a:hover
{
    color: #CC581F;
}

div#jobs_outer div#jobs_inner
{
    background: url('/images/jobs_bottom.jpg') bottom left no-repeat;
}

div#jobs_outer div.content
{
    padding: 0 10px 10px 10px;
}

/***** Get Help Now *****/

table.contact
{
    width: 320px;
    margin: 1em auto;
}

table.contact td
{
    width: 50%;
    vertical-align: top;
}

fieldset.helpform
{
    padding: 10px;
    width: 530px;
    margin: 0 auto;
}

fieldset.helpform p
{
    margin-bottom: 1em;
}

fieldset.helpform #txtName
{
    width: 380px;
    margin-left: 2.85em;
}
fieldset.helpform #txtAddr1
{
    width: 380px;
    margin-left: .1em;
}
fieldset.helpform #txtAddr2
{
    width: 380px;
    margin-left: 8.6em;
}
fieldset.helpform #txtCity
{
    width: 380px;
    margin-left: 5.8em;
}
fieldset.helpform #txtState
{
    width: 180px;
    margin-left: 5.05em;
}
fieldset.helpform #txtZip
{
    width: 80px;
    margin-left: 3.3em;
}
fieldset.helpform #txtPhone
{
    width: 380px;
    margin-left: 4.65em;
}
fieldset.helpform #txtEmail
{
    width: 380px;
    margin-left: 4.65em;
}
fieldset.helpform #boxMessage
{
    width: 510px;
    height: 5em;
    margin-top: 5px;
}

/***** Certifications & Affiliations *****/

table.affil
{
    width: 520px;
    margin: 0px Auto;
}

table.affil td
{
    width: 50%;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

table.affil td img
{
    margin-bottom: 0.5em;
}

/***** Resources *****/

ul.resources li
{
    margin-bottom: 1em;
}

/***** Contact *****/

div.location
{
    height: 192px;
}
div.location h2
{
    padding-top: 10px;
}

/***** Employment - Request An Application *****/

#frmRequest fieldset
{
    padding: 5px 7px;
    text-align: center;
}

#frmRequest label
{
    display: block;
    margin-bottom: 0.5em;
    text-align: left;
}

#frmRequest label span
{
    display: block;
    font-family: Times New Roman, Times, Sans-Serif;
    font-weight: bold;
    font-style: italic;
    color: #1F75CC;
}

#frmRequest label input
{
    width: 542px;
}

#frmRequest p.buttons
{
    margin: 0px;
    padding: 2px 2px 0px 0px;
    text-align: right;
}

/***** Footer *****/

div#footer
{
    height: 45px;
    color: #FFFFFF;
    background-image: url('/images/footer_bg.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
}

div#footer *
{
    font-family: Times New Roman, Times, Sans-Serif;
    font-size: 13px;
    line-height: 1em;
}

div#footer div.copyright
{
    float: left;
    margin-left: 15px;
    margin-top: 22px;
    margin-bottom: -3px;
}

div#footer div.links
{
    float: right;
    margin-right: 15px;
    margin-top: 22px;
    margin-bottom: -3px;
}

div#footer a
{
    color: #FFFFFF;
}

div#footer a:hover
{
    color: #FFFF00;
}

/***** *****/

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

.text-center
{
    text-align: center;
}

div.twopics
{
    width: 242px;
}

div.twopics.left
{
    float: left;
    margin-right: 10px;
}

div.twopics.right
{
    float: right;
    margin-left: 10px;
}

/***** *****/

@media screen
{
    .skiplink { display: none; }
}

/***** *****/

@media print
{
    body { background-color: #FFFFFF; background-image: none; }
    table#wrapper { background-color: #FFFFFF; background-image: none; }
    table#wrapper td.top { background-color: #FFFFFF; background-image: none; }
    table#wrapper td.bottom { background-color: #FFFFFF; background-image: none; }
    div#header { display: none; }
    div#sidebar { display: none; }
    div#footer { display: none; }
    .skiplink { display: none; }
    div#content * { color: #000000; }
}

/***** *****/