@charset "utf-8";

/* 																				
																					
		DEFINE STYLES HERE TO DEAL WITH THE EXCPEPTIONS OF THE HOME PAGE DESIGN		
																					
	*/
input.blur {
    color: #999;
}

#footer {
    margin: 20px 0 0 0;
    padding: 0px;
}

body {
    margin: 20px 0 0 0;
}

form {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.txt_input {
    width: 170px;
    margin: 5px 0 5px 0;
    padding: 1px;
    border: 1px solid gray;
}

.txt_btn {
    width: 40px;
    margin: 5px 0 5px 0;
}

#preloaded_images {
    display: none;
}




#outer_wrapper {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 910px;
}

#outer_wrapper #t_l_column {
    float: left;
    margin: 0 7px 0 0;
}

#outer_wrapper #img_home_title_up {
    margin: 0 0 20px -12px;
}

#outer_wrapper #t_r_column {
    float: left;
    width: 220px;
    font-size: 12px;
    padding-top: 10px;
    /*padding-top: 122px; without announcement div*/
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#outer_wrapper #announcement {
    font-size: 16px;
    font-weight: bold;
    color: #FFCC00;
    text-align: left;
    margin-bottom: 45px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#outer_wrapper #announcement a {
    text-decoration: none;
    color: #FFCC00;
}

#outer_wrapper #announcement a:hover {
    color: #c4431c;
}

#forms_wrapper {
    height: 120px;
    display: none;
}

#t_r_links {
    background-color: #666666;
    width: 190px;
    height: 146px;
    margin: 4px 0 0 1px;
    padding: 15px;
}

#t_r_links div {
    padding: 13px 0 13px 0;
    margin: 3px 0 0 0;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    font-size: 18px;
    color: white;
}

#t_r_links div a {
    text-decoration: none;
    color: white;
}

#t_r_links div a:hover {
    color: #c4431c;
}

#t_r_links #link_1 {
    padding: 0 0 13px 0;
    margin: 0;
    border-top: none;
}

#t_r_links #link_2 {
    display: none;
}

#t_r_links #link_3 {
    border-bottom: none;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

#t_r_links #link_3 img {
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
}


#outer_wrapper #home_bot_nav_wrapper {
    margin: 7px 0 0 0;
}

#outer_wrapper #home_nav_01 {
    background-image: url(../images/home_the_documentary.jpg);
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
}

#outer_wrapper #home_nav_01:hover {
    background-image: url(../images/home_the_documentary_over.jpg);
}

#outer_wrapper #home_nav_02 {
    background-image: url(../images/home_action_center.jpg);
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
}

#outer_wrapper #home_nav_02:hover {
    background-image: url(../images/home_action_center_over.jpg);
}

#outer_wrapper #home_nav_03 {
    background-image: url(../images/home_about_health_equity.jpg);
    background-repeat: no-repeat;
    display: none;
}

#outer_wrapper #home_nav_03:hover {
    background-image: url(../images/home_about_health_equity_over.jpg);
    display: none;
}

#outer_wrapper #home_nav_04 {
    background-image: url(../images/home_media_documents.jpg);
    background-repeat: no-repeat;
    display: none;
}

#outer_wrapper #home_nav_04:hover {
    background-image: url(../images/home_media_documents_over.jpg);
    display: none;
}

#home_bot_nav_wrapper div div,
.bot_main_btn {
    width: 219px;
    /* height: 33px; */
    cursor: pointer;
    /* margin-bottom: 5px; */
}

#home_bot_nav_wrapper .home_nav_01_container {
    display: flex;
    flex-direction: column;
    margin: 45px 0px 0px 35px;
    width: 448px;
    align-items: flex-start;
    height: 100px;
    flex-wrap: wrap;
    justify-self: end;
}

#home_bot_nav_wrapper .home_nav_02_container {
    display: flex;
    flex-direction: column;
    height: 80px;
    margin: 45px 0px 0 60px;
    width: 448px;
    flex-wrap: wrap;
    justify-self: end;
}

.home_bot_nav {
    width: 442px;
    height: 170px;
    float: left;
    margin-right: 7px;
    text-align: right;
    padding: 0 6px 0 0;
}

.home_bot_nav a {
    color: white;
    text-decoration: none;
    font-family: Arial, Verdana, Sans;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 2rem;
    text-align: start;
}

.home_bot_nav a:hover {
    color: #c4431c;
}

.divider {
    border-top: 1px solid #7A7A7A;
    border-bottom: 1px solid #7A7A7A;
    margin: .5em 10px .5em 0;
    padding: 0;
    height: 5px;
}

#left_credits {
    float: left;
}

#right_credits {
    float: right;
    text-align: right;
    margin-right: 10px;
}

#right_credits a {
    text-decoration: none;
}

#right_credits a:hover {
    text-decoration: underline;
}

.footer {
    margin-top: .5em;
    font-size: 11px;
    line-height: 1.7em;
}

.footer a {
    color: #C2C2C2;
}