/********************************/
/*  for all pages within mockup */
/********************************/

h1, h2, h3, h4 {
    font-family: 'Trebuchet MS', Trebuchet, sans-serif;
    color: #424242;
}

h2 {
    margin-bottom: 10px;
}

footer nav {
    z-index: 999;
    position: relative;
}

footer#contentinfo nav {
    margin-top: 0px !important;
    margin-bottom: -20px !important;
    width: 100%;
    margin-right: -10px;
}

/*#maincolumn {
    position: relative;
}*/

a:link.underlined {
    color: #107fc9;
    text-decoration: underline;
}

a:focus.underlined {
    color: #0b108c;
    text-decoration: underline;
}

a:active.underlined {
    color: #0b108c;
    text-decoration: underline;
}

a:hover.underlined {
    color: #0b108c;
    text-decoration: underline;
}

a:visited.underlined {
    color: #107fc9;
}

.clear {
    clear: both;
}

.clearL {
    clear: left;
}

.clearR {
    clear: right;
}

.left {
    text-align: left;
    margin-top: 6px;
}

p strong {
    font-weight: 600;
    color: #424242;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.txt_bottom {
    margin-top: 30px;
    margin-bottom: 10px;
    vertical-align: bottom;
    text-align: center;
}

.imgfloatleft {
    float: left;
}

.imgfloatright {
    float: right;
}

img {
    border: none !important;
}

.sml_txt {
    font-size: 8pt;
    line-height: 8pt !important;
}

.huge_txt {
    font-size: 64pt !important;
}

#bumpup {
    margin-top: -5px;
    display: inline-block;
}

.bumpup {
    margin-top: -5px;
    display: inline-block;
}

.bumpdn {
    margin-top: 10px;
    margin-bottom: 6px;
    display: inline-block;
}

/* styles used for main menu within WFF on left side */
.wff_menu {
    font-family: 'Trebuchet MS', Trebuchet, sans-serif;
}


ul#wff_menu {
    padding: 0px;
    width: 100%;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 15px 10px 0px;
    float: left;
    list-style-type: none;
}

    ul#wff_menu li { /* more control over the WFF menu   */
        text-align: center;
        vertical-align: middle;
        height: 25px;
        padding: 15px 5px 15px 5px;
        margin: 0 0 0 0px;
        z-index: 888;
        font-size: 1.2em;
    }

.notselected {
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #ededed 84%, #bcbcbc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(84%,#ededed), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#ededed 84%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#ededed 84%,#bcbcbc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#ededed 84%,#bcbcbc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%,#ededed 84%,#bcbcbc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}

    .notselected:hover {
        color: #f3f3f3 !important;
        background: #ededed; /* Old browsers */
        background: -moz-linear-gradient(top, #adadad 0%, #adadad 84%, #7a7a7a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(84%,#adadad), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #adadad 0%,#adadad 84%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #adadad 0%,#adadad 84%,#7a7a7a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #adadad 0%,#adadad 84%,#7a7a7a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #adadad 0%,#adadad 84%,#7a7a7a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-9 */
    }

        .notselected:hover a {
            color: #f3f3f3 !important;
        }

ul#wff_menu li a { /* more control over the WFF menu   */
    color: #3e3e3e;
    font-weight: 900;
    text-decoration: none !important;
}

    ul#wff_menu li a:hover { /* more control over the WFF menu   */
        color: #f3f3f3; /* 7a7a7a; */
        font-weight: 900;
        text-decoration: none !important;
    }

ul#wff_menu li:hover #grants {
    background-color: black;
}


#selected { /* more control over the WFF menu   */
    background-color: #80ba41;
    background-image: url('/images/wff/status_arrow.png');
    background-repeat: no-repeat;
    border: .25px solid #cccccc;
    font-weight: 900;
    z-index: 999;
    color: #424242;
}

ul#wff_menu li.selected2 { /* more control over the WFF menu   */
    background-color: #80ba41;
    background-image: url('/images/wff/status_arrow.png');
    background-repeat: no-repeat;
    border: .25px solid #cccccc;
    font-weight: 900;
    z-index: 999;
    color: #424242;
}

ul#wff_menu li.selected { /* more control over the WFF menu   */
    background-color: #80ba41;
    background-image: url('/images/wff/status_arrow.png');
    background-repeat: no-repeat;
    border: .5px solid #F3F3F3;
    font-weight: 900;
    z-index: 999;
    color: #424242;
}

ul#wff_menu li.selected2 { /* more control over the WFF menu   */
    padding-bottom: 20px;
}

.submenu {
    max-height: 7px !important;
    font-size: 1.1em !important;
    color: #ffffff;
    font-weight: 900;
}

    .submenu#selected {
        background-image: none;
    }

.heading {
    font-size: 10pt;
    padding: 5px;
    width: 100%;
    line-height: 1.25;
    background: #D5EDFF;
    color: #424242;
}

#mainContent03 {
    float: left;
    width: 63%;
    display: block;
    padding-left: 10px;
}

#pageBorder {
    position: absolute;
    display: block;
    margin-top: -10px;
    float: left;
    width: 160px;
    height: 175%;
    !important;
    overflow: hidden;
    max-height: 175% !important;
    background: #424242;
}

.sidebar {
    position: relative;
    display: block;
    width: 160px;
    height: 100% !important;
    min-height: 100% !important;
    margin-left: -17px;
}

.shade {
    height: 10px;
    margin: 10px -10px 0px -10px;
    background-color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED));
    background: -moz-linear-gradient(top, #FFFFFF, #EDEDED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); /* for IE */
}

.grey_txt {
    color: #ededed;
}

.grey_bg {
    background: #ededed;
}

/* styles used on homepage for grant numbers and spotlight boxes */
.halfed {
    display: block;
    margin-bottom: 5px;
    width: 48%;
    float: left;
    text-align: left;
    vertical-align: middle;
}

.grn_bg {
    background: #8ad343;
    color: #FFFFFF;
}

.drkgrey_bg {
    background: #424242;
    color: #FFFFFF;
}

.med_high {
    height: 130px;
}

.extend_width_sml {
    width: 110%;
}

.extend_width_med {
    width: 120%;
}

.pad_med {
    padding: 20px;
}

.pad_left_sml {
    padding-left: 10px;
}

.pad_bottom_med {
    padding-bottom: 20px;
}

.pad_left_med {
    padding-left: 20px;
}

.pad_right_sml {
    padding-right: 5px;
}

.pad_right_med {
    padding-right: 20px;
}

.pad_right_lrg {
    padding-right: 40px;
}

.pad_right_Xlrg {
    padding-right: 60px;
}

.marg_horz_med {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marg_top_xsml {
    margin-top: 3px;
}

.marg_top_sml {
    margin-top: 10px;
}

.marg_top_med {
    margin-top: 20px;
}

.marg_top_lrg {
    margin-top: 40px;
}

.marg_bottom_lrg {
    margin-bottom: 40px;
}

.marg_right_sml {
    margin-right: 10px;
}

.marg_right_med {
    margin-right: 20px;
}

.marg_left_med {
    margin-left: 20px;
}

.marg_left_lrg {
    margin-left: 65px;
}

.marg_neg_top_sml {
    margin-top: -10px;
}

.marg_neg_left_med {
    margin-left: -20px;
}

.marg_neg_bottom_med {
    margin-bottom: -20px;
}

hr {
    clear: both;
    color: none;
    padding: 2px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #3e3e3e;
    width: 100%;
    text-align: center;
}

.medium {
    font-size: 12px;
}

/* styles used on reports page to indicate different types of reports */
.report_icon {
    background-image: url('/images/wff/icon.png');
    background-repeat: no-repeat;
    color: #ededed;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
    height: 51px;
    width: 41px;
    font-size: 70%;
    line-height: 100%;
    vertical-align: middle;
    text-align: center;
}

.grey_ear {
    background-color: #bcbcbc;
}

.orange_ear {
    background-color: #ff8000;
}

.blue_ear {
    background-color: #107fc9;
}

.green_ear {
    background-color: #1a8922;
}


/* style added from workweb stylesheet and used on the "more" press pages */
.important {
    font-variant: small-caps;
    font-weight: bold;
    margin-left: 20px;
}

/* styles for blue "apply" button which was removed? */
/*  .buttonblue, .buttonblue:visited, .buttonblue:active {
color: #fff !important;
background: #0E4EAD;
background: -webkit-gradient(linear, left top, left bottom, from(#73C2FF), to(#107FC9));
background: -moz-linear-gradient(top, #73C2FF, #107FC9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73C2FF', endColorstr='#107FC9'); /* for IE */
/*}

.buttonblue:hover {
background-color:#D5EDFF;
background: -webkit-gradient(linear, left top, left bottom, from(#D5EDFF), to(#0198E7));
background: -moz-linear-gradient(top, #D5EDFF, #0198E7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5EDFF', endColorstr='#0198E7'); /* for IE */
/*} */

.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
    font: 11px/100% Trebuchet, sans-serif;
    font-weight: 900;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .button:hover {
        text-decoration: none;
    }

    .button:active {
        position: relative;
        top: 1px;
        text-decoration: none;
    }

/********************************/
/* Page specific to default.htm */
/********************************/
#homeContent {
    margin-left: 20px;
    float: left;
    width: 75%;
    display: block;
}

.box2-5x1 {
    margin: 10px 0px 15px 0px;
    padding: 10px;
    float: left;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    background: #ffffff;
}

.box1-5x1 {
    margin: 10px 0px 15px 0px;
    padding: 10px;
    float: left;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    background: #ffffff;
}

.box1-5x1 {
    width: 21%;
    margin-right: 25px;
}

.box2-5x1 {
    width: 42%;
}

/***************************************************************************/
/* PW! 12/12/14 - Added for new left vertical menu like in Staff-side app  */
/***************************************************************************/

#contentleftbar,#contentleftbar_header{
width:16em;
float:left;
text-align:right;
min-width:16em;
	display: inline-block;      	  
}

#contentwrapper {  
    text-align:left;           
      	min-width:60em;
      	display: inline-block;
      	width:100%;
      	
}

/********************************/
/* Page specific to grants.htm  */
/********************************/

#mainContent {
    float: left;
    width: 60%;
    display: block;
    /*display:inline-block;*/
    padding-left: 10px;
    text-align: left;
    min-width:40em;
}

#rightMenu {
    margin-right: -22px;
    width: 22%;
    float: right;
}

ul#rightNav {
    margin-left: -40px;
    list-style-type: none;
}

/* ul#rightNav li {
	text-decoration: underline;
}
#wrap a:link, #wrap a:active, #wrap a:focus, #wrap a:hover {color:#424242} */

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

/********************************/
/* Page specific to saying.htm  */
/********************************/

#mainContent2 {
    float: left;
    width: 82%;
    display: block;
    padding-left: 10px;
}

.thumbnail_pic { /* Used for actual thumbnail */
    margin: 10px;
    margin-right: 12px;
    width: 45%;
    float: left;
    height: 110px;
}

.box1-5e { /* Used for thumbnail placeholder */
    margin: 10px;
    background: #EDF7FF;
    border: 1px solid #0B108C;
    width: 50%;
    float: left;
    height: 110px;
    text-align: center;
    vertical-align: middle;
}

#faqs h3 {
    font-size: 1em;
}

#navwrapper {
    background-color: orange;
    padding-top: 2px;
}


#wrapper_header, #wrapper_footer {
    margin: 0 auto;
    padding: 0 0 1em 0;
    width: 1000px;
    overflow: hidden;
    background: #fff;
    -moz-box-shadow: 5px 5px 20px #666;
    -webkit-box-shadow: 5px 5px 20px #666;
    box-shadow: 5px 5px 20px #666;
}

#wrapper_header, #wrapper_footer {
    width: 990px !important;
}

#topnav {
    height: 30px;
    background-color: #1d7fc2;    
    z-index: 900;
}

    #topnav ul a {
        display: none;
    }

    /* first level */
    #topnav li {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

        #topnav li a {
            color:white;
            display: inline-block;
            font-family:"Trebuchet MS", Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
            font-size: small;
            font-weight:900;      
            line-height:28px;                  
            text-decoration: none;
            text-transform:uppercase;
            white-space: nowrap;          
        }

       #topnav li a:hover,   #topnav li.selected a, #topnav li.childSelected a {
            background-color: white;
            background-repeat: repeat-x;         
            padding-left: 10px;
            padding-right: 10px;
            color: black;
        }

        #topnav li.selected a, #topnav li.childSelected a {            
              padding-bottom: 6px;
        }

table.fintable 
    {
        border-spacing:10px;
        border-collapse:collapse;
    }
    .fintable td
    {
        padding: 5px;
    }