/****************************************************************
 *                                                              *
 * Keating Magee                                                *
 * http://www.keatingmagee.com/                                 *
 *                                                              *
 * Style Sheet Name: ids.css                                    *
 * Style Sheet Version: 1.0                                     *
 * Style Sheet Info: ID Definition Styles                       *
 *                                                              *
 ****************************************************************
 *                                                              *
 * Blue = #0096ff                                               *
 * Yellow = #f6bd3b                                             *
 *                                                              *
 ****************************************************************/

/* ID Definitions */

#content {
    width: 920px;
    margin: 0 auto;
    padding: 0;
    background-image: url(/img/commcare_logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 40px;
}

#textHeader {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 920px;
    text-align: right;
}

#header {
    margin: 0 auto;
    padding: 0;
    width: 920px;
    height: 90px;
}

#header h1 {
    display: none;
}

#headerNav {
    margin: -20px 0 0 0;
    padding: 0;
    list-style-type: none;
    float: right;
}

#headerNav li {
    margin: 0;
    padding: 0;
    height: 35px;
    display: inline;
}

#homeMainContent {
    width: 920px;
    min-height: 450px;
    margin: 40px auto;
    padding: 0;
}

#homeMomFlash {
    width: 320px;
    height: 500px;
    min-height: 500px;
    margin: 0;
    padding: 0;
    float:left;
}

#homeMainContentArea {
    width: 575px;
    margin: 0 0 0 320px;
    padding: 30px 0 10px 0;
    background-image: url(/img/home_header.gif);
    background-repeat: no-repeat;
}

#homeMainContentArea h3 {
    display: none;
}

#homeNavFooter {
/*  clear: both;  */ 
    width: 565px;
    height: 50px;
    margin: 55px 0 0 320px;
    padding: 30px 0 0 0;
    display: block;
    background-image: url(/img/home_nav_footer.gif);
    background-repeat: no-repeat;
}

#aboutMainContent {
    width: 920px;
    min-height: 450px;
    margin: 40px auto;
    padding: 0;
}

#aboutSubNav {
    float: right;
    width: 170px;
    min-height: 450px;
    background-image: url(/img/about_sub_image.jpg);
    background-repeat: no-repeat;
    
}

#aboutSubNavMenu {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}

#cspSubNavMenu {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}

#aboutSubNavMenu li {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline;
}

#cspSubNavMenu li {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline;
}

#subNav {
    margin: 160px 0 0 0;
    padding: 0;
    list-style-type: none;
}

#subNav li {
    margin: 0;
    padding: 0;
    width: 170px;
    height: 50px;
}

#homePageNav {
    margin: 0 0 0 320px;
    padding: 0;
    list-style-type: none;
}

#homePageNav li {
    margin: 0;
    padding: 0;
    height: 35px;
    display: inline;
}

#subNavFooter {
    margin: 5px 0 0 0;
    padding: 0;
    width: 170px;
    height: 140px;
    background-image: url(/img/sub_nav_footer.gif);
    background-repeat: no-repeat;    
}

#subNavAboutFooter {
    margin: 5px 0 0 0;
    padding: 0;
    width: 170px;
    height: 140px;
    background-image: url(/img/sub_nav_about_footer.gif);
    background-repeat: no-repeat;    
}

#aboutMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/about_header.gif);
    background-repeat: no-repeat;
}

#communityServicesProgramMainContentArea {
    width: 450px;
    margin: 0 0 0 275px;
    padding: 30px 0 0 0;
    background-image: url(/img/community_services_program_header.gif);
    background-repeat: no-repeat;
}

#aboutMainContentArea h3 {
    display: none;
}

#facilitiesMainContent {
    width: 920px;
    min-height: 450px;
    margin: 40px auto;
    padding: 0;
    background-image: url(/img/facilities_image.jpg);
    background-repeat: no-repeat;
}

#facilitiesSubNav {
    float: right;
    width: 170px;
    min-height: 450px;
    background-image: url(/img/facilities_sub_image.jpg);
    background-repeat: no-repeat;
    
}

#facilitiesMainContentArea {
    width: 450px;
    margin: 0 0 0 275px;
    padding: 30px 0 0 0;
    background-image: url(/img/facilities_header.gif);
    background-repeat: no-repeat;
}

#facilitiesMainContentArea h3 {
    display: none;
}

#seniorMainContent {
    width: 920px;
    min-height: 450px;
    margin: 40px auto;
    padding: 0;
}

#seniorSubNav {
    float: right;
    width: 170px;
    min-height: 450px;
    background-image: url(/img/senior_care_kit_sub_image.jpg);
    background-repeat: no-repeat;
    
}

#seniorMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/senior_care_kit_header.gif);
    background-repeat: no-repeat;
}

#seniorMainContentArea h3 {
    display: none;
}

#subMainContent {
    width: 920px;
    min-height: 450px;
    margin: 40px auto;
    padding: 0;
}

#secondarySubNav {
    float: right;
    width: 170px;
    min-height: 450px;
    background-image: url(/img/sub_image.jpg);
    background-repeat: no-repeat;
    
}

#employmentMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/employment_header.gif);
    background-repeat: no-repeat;
}

#employmentMainContentArea h3 {
    display: none;
}

#resourcesMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/resources_header.gif);
    background-repeat: no-repeat;
}

#resourcesMainContentArea h3 {
    display: none;
}

#contactMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/contact_us_header.gif);
    background-repeat: no-repeat;
}

#contactMainContentArea h3 {
    display: none;
}

#complianceMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/compliance_header.gif);
    background-repeat: no-repeat;
}

#complianceMainContentArea h3 {
    display: none;
}

#sitemapMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/site_map_header.gif);
    background-repeat: no-repeat;
}

#sitemapMainContentArea h3 {
    display: none;
}

#privacyMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/privacy_header.gif);
    background-repeat: no-repeat;
}

#privacyMainContentArea h3 {
    display: none;
}

#termsMainContentArea {
    width: 680px;
    margin: 0 0 0 30px;
    padding: 30px 0 0 0;
    background-image: url(/img/terms_header.gif);
    background-repeat: no-repeat;
}

#termsMainContentArea h3 {
    display: none;
}

#footer {
    clear: both;
    margin: 0;
    padding: 0 0 40px 0;
    color: #686868;
    line-height: 1.8em;
}

#contactForm {
    margin: 0;
    padding: 0;
    float: right;
}

#contactFormTable {
    margin: 0;
    padding: 0;
}

#contactFormTable td {
    margin: 0;
    padding: 6px 3px 6px 3px;
}

#loginForm {
    margin: 0;
    padding: 10px 50px 50px 25px;
}

#seniorCareKitTableLeft {
    float: left;
    width: 325px;
    margin: 0;
    padding: 0 0 25px 0;
}

#seniorCareKitTableLeft td {
    margin: 0;
    padding: 2px;
}

#seniorCareKitTableRight {
    float: right;
    width: 325px;
    margin: 0;
    padding: 0;
}

#seniorCareKitTableRight td {
    margin: 0;
    padding: 2px;
}

#pdfButton {
    clear: both;
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    width: 100%;
    border-top: solid 1px #ccc;
}

#userDataTable {
    margin: 0 auto;
    padding: 0;
}

#userDataTable td {
    margin: 0;
    padding: 8px 2px 8px 2px;
    text-align: left;
}

#statsContent {
    width: 920px;
    min-height: 200px;
    margin: 10px auto;
    padding: 0;
}

#stats {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
}

#statsTable {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#statsTable td {
    margin: 2px;
    padding: 5px;
}

#siteMapList {
    margin: 8px;
    padding: 8px;
    width: 250px;
}

#siteMapList li {
    margin: 4px;
    padding: 4px;
    list-style-type: square;
    border-bottom: dotted 1px #999;
}

#siteMapSubList {
    margin: 0 0 0 10px;
    padding: 0;
    width: 250px;
}

#siteMapSubList li {
    margin: 4px;
    padding: 4px;
    list-style-type: circle;
    border-bottom: none;
}