/*------------------------------------------
        General Styles 
------------------------------------------*/

body {
    color: #444;
    font-size: 1em;
/*    font-family: geneva, arial, helvetica, san serif;*/
    font-family: "Open Sans","Segoe UI","Helvetica Neue",arial,sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
}

a,
a:visited,
a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.paragraph {
    color: #444;
    font-size: 100%;
    line-height: 1.7em;
    margin: 0 0 12px 0;
}

.paragraph-small {
    margin-bottom: 4px;
}

.shutdown {
    padding:10px 10px 5px; font-weight: bold;    
}

.hide {
    height: 1px;
    left: -9000px;
    overflow: hidden;
    position: absolute;
    width: 1px;   
}

/*--------------------------------------------------
  Header Styles: Navigation, Links, and Search
--------------------------------------------------*/
.iacc-logo {
   width: 374px; 
   height: auto;
}

.header-wrapper {
    height: 108px;
}

.header-container {
    background: #05a;
    width: 100%;
}

.logo-wrapper {
    float: left;
}

.logo-link {
    display: block;
    height: 76px;
}

.logo-title {
    float: left;
    height: 76px;
    left: 0;
    margin: 18px 0 25px 0;
    padding: 0;
    top: 0;  
}

.utility-hhs {
    z-index: 1000;
    position: absolute;
    margin: 13px 0 0 22px;
    font-size: 90%;
    line-height: 1.3em;
    color: #99bbe0;
}

.utility-hhs-link {
    color: #d6d6d6;
}

.utility-wrapper {
    float: right;
    width: 50%;
}

.utility-link-item {
    display: inline;
    font-size: 87% !important;
    line-height: 1.3em !important;
    list-style: none !important;
    padding: 0 10px 0 6px !important;
}

.utility-link {
     color: #eee;
}

.header-link {
    border-right: 1px solid #eee;
    color: #eee;
}

.last-link-item {   
    border-right: none;
    padding-right: 0;
}


/* ------------------------------------
        Content Area
--------------------------------------*/

/* Main Wrappers */

.standard-wrapper {
    margin: 0 auto;
    padding: 0;
    width: 955px;
}

.content-wrapper {
    color: #999;
    float: none;
    margin-top: 12px;
}

/* Main Headers */

.main-header {  /*//// FORMER H1 ////*/
    clear: both;
    /* IE9 Fix */
    color: #05a;
    font-size: 141%;
    line-height: 1.3em;   
    /*text-transform: uppercase;*/
    margin: 0 0 11px 0;
    padding: 7px 0 0 0;    
}

.sub-header,
.meeting-header { /*//// FORMER H2 ////*/
    clear: both;
    color: #444;
    font-size: 121%;
    line-height: 1.3em;
    margin: 0 0 7px 0;
    padding: 0;
}

.section-header { /*//// FORMER H3 ////*/
    clear: both;
    color: #444;
    font-size: 113%;
    line-height: 1.5em;
    margin: 20px 0 7px 0;
    padding: 0;

}

.category-header {
    clear: both;
    font-size: 97%;
    font-weight: bold;
    margin-top: 13px;
    padding: 0;   
}

.category-main-header { /*//// FORMER H4 ////*/
    color: #333;
    font-size: 96%;
    font-weight: bold;
    line-height: 1.4em;   
    padding-bottom: 3px;
}

.category-sub-header { /*//// FORMER H5 ////*/
    color: #036; 
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 6px;
}

.category-centered {
    clear: both;
    color: #444;
    font-style: italic;
    line-height: 1.2em;
    margin: 15px 0 7px 0;
    padding: 0;
    text-align: center;
}

.bold-header {
    color: #6f6f6f;
    font-size: 100%;
    font-weight: bold;
    padding: 13px 0 8px 0;
}

.section-header-multiline {
    margin-top: 0;
    margin-bottom: 12px;
}

/* Tabs Styles */

.tab-wrapper {
    clear: both;
    float: none;
    font-size: 100%;
    line-height: 1.3em;
    width: auto;
}

.tabs-one {    
    height: 32px;
    line-height: 1.2em;
}

.tabs-one .tab-item {
    height: 31px;
    line-height: 31px;
}

.tabs-one .tab-item .tab-link {
    padding: 0 10px;
}

.tab-content-container {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    clear: both;
    float: left;
    font-size: 110%;
    margin: 0; 
    padding: 0;
    width: 100%;
}

.tab-wrapper .tab-container .tab-content-holder {
    color: #05a;
}

.tab-wrapper .tab-container {   
    margin: 0;
    padding: 0;
    width: auto;
}

.tabs {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    float: left;
    font-size: 87%;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; 
}

.tab-content-holder {   
    font-size: 90%;
    padding: 15px 15px 7px 18px;
}

.tabs-two {
    height: 46px;
}

.tabs-two .tab-item {
    height: 45px;
    line-height: 17px;
}

.tabs-two .tab-item .tab-link {
    padding: 5px 10px 5px 10px;
}

.mobile-tab-content {
    border-top: 1px solid #ccc;
    clear: left;
}

/*Publication Appendix*/

.green {
    background-color: #390;
    color: #fff;
}

.light-green {
    background-color: #0f6;
}

.light-yel {
    background-color: #ffc;
    color: #000;
}

.yel {
    background-color: #ff0;
    color: #000;
}

.red {
    background-color: #900;
    color: #fff;
}

.text-insertion {
    color: #00c;
}

.text-deletion, .discussion-only {
    color: #900;
}

.discussion-only {
    font-style: italic;
}

.publication-page-image {
    height: auto;
    width: 650px;
}

/* Breadcrumbs */

.breadshare-wrapper {    
    margin: 0 0 8px 0;
    width: 100%;
}

.breadcrumb {
    color: #666;
    float: left;
    font-size: 85%;
    line-height: 1.2em;
    padding: 0;
}

.breadcrumb a,
.breadcrumb a:link,
.general-link {
    color: #05a;
    text-decoration: none;
}

.sharelinks-list {
    float: right;
    margin: 0;
    padding: 0;   
}

.sharelinks-item {
    color: #eee;
    display: inline;
    font-size: 110%;
    line-height: 1.3em;
    list-style: none;
    padding: 0 1px;
}

.sharelinks-item.last {
    border-right: none;
    padding-right: 0;   
}

.sharelinks-item a,
.sharelinks-item a:link {
    color: #eee;
    text-decoration: none;
}

.sharelinks-item a:hover {
    color: #eee;
    text-decoration: underline;
}

.mobile-share {
    display: none;
}

.mobile-share-image {
    width: 42px;
    height: 42px;
}

/*To Top Styles*/

.to-top {      
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    background: url(/images/ui.totop.png) no-repeat center 50%;
    bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: inline-block;
    height: 59px;    
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-indent: 100%;
    transition: opacity .3s 0s, visibility 0s .3s;
    visibility: hidden;   
    white-space: nowrap;
    width: 44px;
    z-index: 10;
}

.to-top.cd-is-visible,
.to-top.cd-fade-out,
.no-touch .to-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.to-top.cd-is-visible {
    /* the button becomes visible */    
    visibility: visible;
    opacity: 1;
}

.to-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: 1;
}

.no-touch .to-top:hover {
    background-color: #fff;
    opacity: 1;
}

.to-top-link {
    color: #05a;
    display: block;
    font-size: 90%;
    padding: 5px 0 15px 15px;
    text-align: left;
}

/* Miscellaneous Styles */

/* CLEAN UP TEMPORARY IMPORTANT UNTIL DURING CSS COMPLETE*/
.trailing-container {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 15px !important;
    padding-top: 15px !important;
}

.trailing-container-light {
    border-top: 1px solid #e3e3e3;
    clear: both;
    margin-top: 5px !important;
    padding-top: 15px !important;
}

/*TEMP IMPORTANT UNTIL CSS CLEANUP COMPLETE*/
.members-container {
    border-top: 1px solid #ccc;
    clear: both;
    padding-top: 17px !important;
    margin-top: -3px !important;
}

.members-header-container {
    border-top: 1px solid #8e8e8e;
    clear: both;
    padding-top: 20px;
    margin-top: 40px;
}

/* ---------------------------------
	Footer
-----------------------------------*/

.footer-container {
    background: #05a;
    width: 100%;
}

.footer-wrapper {
    background: #05a;
    color: #eee;
    font-size: 91%;
    line-height: 1.3em;
    overflow: auto;
    padding-left: 20px;
    box-sizing: border-box;
}

.footer-links, .footer-social-links {
    float: left;
    margin-right: 20px;   
    padding: 18px 0 0 0;
}

.footer-links-small {
    width: 110px;
}

.footer-links-large {
    width: 125px;
}

.footer-links .section-header {
    color: #fff;
    font-size: 135%;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

.footer-links .footer-link-header {
    color: #fff;
    font-size: 100%;
    line-height: 1.3em;
    padding: 0 0 7px 0;
    margin: 0;
}

.footer-social-links ul {
    margin: 0;
    padding: 0;   
}

.footer-social-links .footer-link-header {
    color: #fff;
    font-size: 100%;
    line-height: 1.3em;
    padding: 0 0 7px 0;
    margin: 0;
}

.footer-govt-links {
    float: left;
    margin: 0;   
    padding: 18px 0 20px 0;
    width: 100%;
}

.footer-govt-links ul {
    padding: 0;
    margin: 0;
}

.footer-govt-links .government-list.last {
    border-right: none;
    padding: 0 0 0 4px;   
}

.footer-govt-links a,
.footer-govt-links a:link {
    color: #eee;
    text-decoration: none;
}

.footer-govt-links a:hover {
    color: #eee;
    text-decoration: underline;
}

.footer-links ul {
    padding: 0;
    margin: 0;
}

.footer-list {
    color: #eee;
    font-size: 91%;
    line-height: 1.5em;
    list-style-type: none;
    margin: 0;
}

.follow-us-icon {
    height: 15px;
}

.social-list {
    display: inline;
    padding: 0 10px;
}

.government-list {
    border-right: 1px solid #eee;
}

.footer-links a,
.footer-links a:link {
    color: #eee;
    text-decoration: none;
}

.footer-links a:hover {
    color: #eee;
    text-decoration: underline;
}

.text-highlight {
    color: red; 
    font-size: 96%;
}

/***Added for new footer***/
.mc-footer-signup-text {
    font-size: 130%; 
    padding-right: 10px;
}

.social-media-footer-outer-wrapper {
    background-color: #05a; 
    color: #fff; 
    width: 100%;
}

.social-media-footer-inner-wrapper {
    margin: 10px 0; 
    padding: 10px 0; 
    text-align: center;
}

.social-media-follow-outer-wrapper {
    background-color: #fff;
    font-size: 83%;
    height: 67px;
    padding-bottom: 10px; 
    padding-top: 18px;
    text-align: center;
}

.footer-social-wrapper {
    text-align: center;
}

.footer-follow-logo-container {
    float: left; 
    margin-top: -7px;
    text-align: right;
    width: 45%; 
}

.footer-follow-icon-container {
    float: left; 
    padding-left: 24px;
}

.footer-follow-text {
    color: #000; 
    font-weight: bold;
    padding-bottom: 5px; 
    text-align: left; 
}

.follow-icon {
    height: auto; 
    padding-right: 6px;
    width: 42px;
}

.follow-logo {
    height: auto;
    width: 113px; 
}

.shareable-title {
    color: #444;
    font-size: 110%;
    margin: 15px 0 -4px 0;
}

.shareable-title-first {
    margin-top: 0;
}

@media screen and (max-width: 954px) { 
    .standard-wrapper {
        width: 100%;
    }
}


/*--------------------------------------------
	MEDIA QUERY 820px - LARGE TABLETS
---------------------------------------------*/

@media screen and (max-width: 820px) { 
          
    /* Header Content */
                
    .header-container {
        background: #05a;
        height: 55px; 
        margin: 0 auto;
        width: 100%;       
    }   
    
    .header-wrapper {
        display: none;
    }
    
    .standard-wrapper {
        width: 100%;
    }
    
    .logo-wrapper {
        width: 380px;
    }            
    
    /* Main Headers and Wrappers */
    
    .section-header { /*//// FORMER H3 ////*/
        margin: 3px 0 7px 0; 
    }
        
    .content-wrapper {
        margin: 14px 14px 0 14px;
        width: auto;
    }    
    
    /* Breadcrumbs */
    
     .breadshare-wrapper {
        display: none;
    }
    
/*    .mobile-share {
        display: block;
        margin: 0 auto;
        margin-top: 10px;       
        text-align: center;
        width: 94%;
    }*/
    
    .share {
        color: #eee;
        display: inline;
        list-style: none;
        padding: 0 15px 0 0;
    }
    
    .share.last {       
        border-right: none;
        padding-right: 0;
    }
    
     /* Miscellaneous */
    
    .to-top-link {
        text-align: center;
    }
    
    /* Footer */
    
    .footer-wrapper {
        width: 95%;      
    }
    
    .footer-social-links {
        width: 127px;
    }
        
    .footer-links {
        width: 95%;
    }
    
    .footer-govt-links {       
        margin-bottom: 30px;
        width: 95%;
    } 
    
    .mc-footer-signup-text {
        display: block;
        margin: 10px;
    }    
     
}

/*--------------------------------------------
	MEDIA QUERY 667px - MOBILE PHONES
---------------------------------------------*/

@media screen and (max-width: 667px) {
 
    body {
        font-size: 1.15em;
    }
    
    .header-wrapper {
        display: none;
    }
    
    .social-media-follow-outer-wrapper {
        padding-bottom: 7px; 
        padding-top: 13px;
    }
    
    .follow-icon {
        width: 34px;
    }

    .follow-logo {
        height: auto;
        padding-top: 8px;
        width: 87px; 
    }
    
    .footer-follow-logo-container {
        width: 40%; 
    }
      
    .footer-follow-icon-container {
        float: left; 
        padding-left: 12px;
    }
}