/* ************** Header Section ******************************* */

/* -- Textual Department and Agency (Optional Use, text can be part of logo.png rather than textual) -- */
#header_department{font-size:1.5em;}
#header_division{font-size:2.5em;}

/* **** changed the background color from #d86926 to #1e4f75 to correct accessibility contrast errors de 3/17/17 **** */
.page_program_1 .right h2{background:#1e4f75;color:white;font-weight:bolder;padding-left:5px;font-size:1.2em;line-height:1.5em}

a {
    text-decoration:underline !important;
}
a:link {
    text-decoration:underline !important;
}
a:hover {
    text-decoration:underline !important;
    background:#20405F;color:white;padding:6px;
}
a:visited {
    text-decoration:underline !important;
}

/* **** Styles skip navigation required for Accessibility  de 3/17/17  **** */
#skipNav{margin-left:15%;margin-right:auto;color:white;text-decoration:underline;font-size:12px;}
#skipNav a:active {border-radius:10px;padding:5px;}
#skipNav a:focus {background-color: red;font-size:16px;border-radius:10px;padding:5px;outline: thick solid;outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
#skipNav a:link{color:white !important;text-decoration:underline;} 
#skipNav a:visited{color:white !important;text-decoration:underline;} 
#skipNav a:hover{color:white !important;text-decoration:underline;background-color:red;border-radius:10px;padding:5px;} 
   /* **** Styles skip navigation required for Accessibility  de 3/17/17  **** */
a.withoutAct:focus,a.withAct:active,.focusedA {
  background-color:red;
  outline-style: dotted;
  outline-color: red;
  outline-width: 2px;
}
/* styles the h1 header on the homepage differently than the other h1 headings i*/
#homePageh1 {background-color:white !important;border:none;margin:0px;}

/*Replaces Inline Styling for the Below CLASSES and IDS dh 3/31/17*/
#twitter-widget-0{scrolling:no; frameborder:0; allowtransparency:true; allowfullscreen:true; position:relative; visibility:visible; display:inline-block; width:290px; height:290px; padding:0px; border:none; max-width:100%; min-width:180px; margin-top:0px; margin-bottom:0px; min-height:200px; z-index:0; !important;}
[title~="+1"]{frameborder:0; hspace:0; marginheight:0; marginwidth:0; scrolling:no; position: relative; top: 0px; width: 106px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px; z-index: 2147483646; vspace:0; width:100%; !important;}
#rufous-sandbox{scrolling:no; frameborder:0; allowtransparency:true; allowfullscreen:true; position:absolute; visibility:hidden; display:none; width:0px; height:0px; padding:0px; border:none; !important;}
#EkBubbleTable{cell-padding=0;, cell-spacing=0; !important;}
#EkBubbleTableT{cell-padding=0;, cell-spacing=0; !important;}
/* ************** Header Section ******************************* */

/* scrolling text */
.scroll-left {
    height: 50px;
    overflow: hidden;
    position: relative;
}

    .scroll-left p {
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        /* Starting position */
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        /* Apply animation to this element */
        -moz-animation: scroll-left 10s linear infinite;
        -webkit-animation: scroll-left 10s linear infinite;
        animation: scroll-left 10s linear infinite;
    }
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%); /* Browser bug fix */
        -webkit-transform: translateX(100%); /* Browser bug fix */
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%); /* Browser bug fix */
        -webkit-transform: translateX(-100%); /* Browser bug fix */
        transform: translateX(-100%);
    }
}

/* Create Red Text */
.redtext {
    color: red
}