body, html {
    padding:0;margin:0;
}

body {
    font-size: .85em;
    font-family: 'Segoe UI';
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(51, 51, 153);
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Styles for content partial views
-----------------------------------------------------------*/
.headerText .bodyText .linkText {
    font-family:'Segoe UI';
}
.headerText {
    font-size:18pt;
    color:rgb(51,51,153);
    font-weight:bold;
}
.bodyText {
    font-size:15pt;
    color:black;
}
.brightLinkText {
    color:#b05411;
}
.linkText, .noUnderlineLinkText {
    color:rgb(51,51,153);
}
.brightLinkText:visited, .brightLinkText:link {
    text-decoration:none;
}
.noUnderlineLinkText:visited, .noUnderlineLinkText:link {
    text-decoration:none;
}
.linkText:visited,.linkText:link {
    text-decoration:underline;
}
.linkText:hover, .linkText:active, .brightLinkText:hover, .brightLinkText:active, .noUnderlineLinkText:hover, .noUnderlineLinkText:active {
    color:#b05411;
    text-decoration:underline;
}
.bodyText11 {
    font-size:11pt;
}
.bodyText8 {
    font-size:8pt;
}

/* Styles for header
-----------------------------------------------------------*/
.menulink > a:hover,.menulink > a:active,.menulink > a:visited,.menulink > a:link {
    color:white;
    text-decoration:none;
    color:rgb(89,89,89);
    text-transform:uppercase;
    font-size:14px;
}
.menulink div {
    background-color:rgb(217,217,217);
}
.menulink:hover div {
    background-color:rgb(209,209,209);
}
.selected div {
    background-color:#333399;
    color:white;
}
.selected:hover div {
    background-color:#444499;
}
.subMenu {
    font-family: 'Segoe UI';
    font-size:10pt;
    /*text-transform: uppercase;*/
    font-weight: normal;
}
.subMenu div{
    padding: 5px;
}
.subMenu a {
    color: rgb(89,89,89);
}
.subMenu a:visited,.subMenu a:link {
    text-decoration:none;
}
.subMenu a:hover, .subMenu a:active {
    color:#b05411;
    text-decoration:none;
}
.subMenu a.subMenuItemSelected, .subMenu a.subMenuItemSelected, .subMenu a.subMenuItemSelected:visited,.subMenu a.subMenuItemSelected:link {
    color:#b05411;
    font-weight:bold;
}
.menulink > .unselectedMenuSubMenu {
    display:none;
}
.menulink:hover > .unselectedMenuSubMenu {
    display:block;
}
.menulink a:focus > div {
    outline: 1px solid rgb(77, 144, 254);
    /*outline-style: auto;
    outline-width: 5px;*/
}
/* Styles for footer
-----------------------------------------------------------*/
.FooterLink:hover, .FooterLink:active, .FooterLink:visited, .FooterLink:link {
    text-decoration: none;
    color: rgb(89,89,89);
}
.FooterLink:hover, .FooterLink:active {
    text-decoration:none;
    color:#b05411;
}
#footer h1 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333399;
}
#footer h1:hover{
    color: #b05411;
}
#footer a.nounderline{
    text-decoration: none;
}
#footer a.mailto {
    text-decoration: none;
    color: rgb(89,89,89);
}
#footer a.mailto:hover{
    color: #b05411;
}

/*#footer .EmploymentRfpLink{
    margin-left: 10px;
    margin-right: 15px;
}
#footer .EmploymentRfpHeader {
    font-size: 12pt;
    color: #333399;
}
#footer .EmploymentRfpLink:hover .EmploymentRfpHeader {
    color: #b05411;
}
#footer .ClosingDate{
    font-size: 10pt;
}
#footer .jobsHeader{
    display: inline-block;
    font-size: 14pt;
    color: #000;
    margin-left: 10px;
    margin-bottom: 0;
}*/
/* Styles for home page
-----------------------------------------------------------*/
#currentlyHiring{
    width: 100%;
    text-align:center;
    margin-bottom: 40px;
}
#currentlyHiring a{
    text-decoration: none;
    font-size: 18px;
    color: #333399;
    text-align:center;
    width:28%;
    float: left;
}
#currentlyHiring a:hover{
    color: #b05411;
}
#currentlyHiring .bar{
    width:33%;
    float: left;
    display: block;
    background-color: #b05411;
    height:1px;
    margin-top: 10px;
}
#currentlyHiring .bar:first-child{
    margin-left: 20px;
}
#currentlyHiring .bar:last-child{
    margin-right: 20px;
}
a:focus .frontPageButton {
    outline: 1px solid rgb(77, 144, 254);
}
.frontPageSlide {
    background-color:rgb(242,242,242);
    width:940px;
    height:339px;
    margin:auto;
    padding:5px;
    position:relative;
}
.frontPageButton {
    background-color:#eee;
    float:left;
    margin:20px 5px;
    cursor:pointer;
    width: 306px;
}
.frontPageButton:hover {
    background-color:#e8e8ef;
}
.frontPageButtonImage {
    width:50px;
    height:50px;
    margin:10px;
    float:left;
}
.frontPageButton > span {
    text-transform: uppercase;
    float: left;
    margin-top: 23px;
    color: #333399;
    font-size: 16px;
}
.frontPageSelectedButton {
    background-color:#333399;
}
.frontPageSelectedButton:hover {
    background-color:#444499;
}
.frontPageSelectedButton > span {
    color:white;
}

.frontPageSlide .textContainer {
    width: 320px;
    position: absolute;
    right: 0;
    font-size: 16pt;
    color: white;
    margin: 53px 0;
    padding: 0 30px;
    height: 233px;
    z-index: 10;
}
/*.frontPageSlide .textContainer span {
    margin: 30px 20px;
    display: inline-block;
}*/
.frontPageSlide .slide-image {
    width: 940px;
    height: 339px;
    position: absolute;
}
.frontPageSlide .prev {
    position: absolute;
    left: 10px;
    top: 150px;
}
.frontPageSlide .next {
    position: absolute;
    right: 10px;
    top: 150px;
    z-index: 200;
}
.frontPageSlide .slides{
    display:none;
}
.dotbar{
    text-align: center;
    margin-top:10px
}
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 0s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}
#homeText {
    margin: 30px 0 30px 0;
}
#homeText h1 {
    font-size: 12pt;
    font-weight: normal;
    color: #333399;
    margin-bottom: 2px;
}
#homeText p{
    margin-top: 0;
    margin-bottom: 15px;
    font-size:12pt;
}
#homeText hr {
    border-top: 1px solid #b05411;
    border-style: solid;
    color: #b05411;
    width: 80%;
    margin: 25px auto;
}
/* Styles for home page - projects tab
-----------------------------------------------------------*/
#ProjectListView {
    width: 306px;
    float: right;
    clear: right;
    background-color: #eee;
    padding-bottom: 10px;
}
.ProjectListingTitle {
    color:black;
}
.SelectedProjectListingTitle {
    color:#b05411;
}
.ProjectListingTitle, .SelectedProjectListingTitle {
    font-weight:bold;
    font-size:10pt;
    margin-left:20px;
    display:inline-block;
}
.ProjectListingProjectContact, .ProjectListingDueDate {
    color:rgb(51,51,153);
    font-size:10pt;
}
#ProjectListView > a > div {
    cursor:pointer;
    float:left;
    clear:left;
    margin:5px 10px;
}
.ProjectPdfClass {
    cursor:pointer;
    height:18px;
    width:18px;
    background-image:url('/Content/Images/PdfIcon.png');
    float:left;
    margin-top:10px;
}
.SingleReportContainer {
    width:612px;
    float:left;
    clear:left;
    border-radius:5px;
    background-color:#eee;
    padding:5px;
    margin-bottom:10px;
}
.SingleReportDetails {
    background-color:white;
    padding:5px;
}
.ProjectTitle {
    margin:3px;
    color:rgb(51,51,153);
    font-weight:bold;
    font-size:11pt;
    margin:5px;
}
.ProjectDescription {
    color:black;
    font-size:9pt;
}
.ProjectFooterSeparator {
    width:99%;
    margin:20px auto 10px auto;
    background-color:#b05411;
    height:3px;
}
.ProjectFooter {
    color:#b05411;
    font-size:9pt;
}
.ProjectListingContainer:hover .ProjectListingTitle, .ProjectListingContainer:hover .ProjectListingProjectContact, .ProjectListingContainer:hover .ProjectListingDueDate {
    color:#b05411;
}
.ProjectDescription a, .ProjectDescription a:link, .ProjectDescription a:visited {
    color:rgb(51,51,153);
}
.ProjectDescription a:hover, .ProjectDescription a:active {
    color:#b05411;
}
.projectPolicyArea {
    color:rgb(51,51,153);
}
.SelectedProjectPolicyArea {
    color:#b05411;
}
.projectPolicyArea, .SelectedProjectPolicyArea {
    cursor:pointer;
    float:left;
    clear:left;
    margin:10px;
    font-weight:bold;
    font-size:11pt;
    display:inline-block;
}
.projectPolicyArea:hover {
    color:#b05411;
}
.projectPolicyAreaLink:focus > h1 {
    outline: 1px solid rgb(77, 144, 254);
}
.singleProjectLink:focus > div {
    outline: 1px solid rgb(77, 144, 254);
}
/* Styles for home page - featured reports tab
-----------------------------------------------------------*/
.featuredReportList li {
    font-size: 16pt;
    line-height: 16pt;
    margin-bottom: 20px;
    color: black;
}
.featuredReportList li a {
    margin-top:-4pt;
    margin-bottom:1pt;
}
.featuredReportLink,.featuredReportLink:hover, .featuredReportLink:link, .featuredReportLink:visited, .featuredReportLink:active {
    text-decoration:none;
}
.reportTitle {
    color:rgb(51,51,153);
    font-size:16pt;
}
.reportPubDate {
    font-size:12pt;
    font-weight:bold;
    color:#b05411;
}
.reportAuthors {
    font-size:12pt;
    color:black;
}
.featuredReportLink:hover .reportTitle, .featuredReportLink:active .reportTitle, .featuredReportLink:hover .reportAuthors, .featuredReportLink:active .reportAuthors {
    color:#b05411;
}

/* Styles for home page - policy areas tab
-----------------------------------------------------------*/
.PolicyAreaLink {
    font-size:16pt;
}
.PolicySubareaLink {
    font-size:12pt;
    line-height: 28px;
}
.PolicyAreaLink:focus > div {
    outline: 1px solid rgb(77, 144, 254);
}
.PolicySubareaLink:focus > div {
    outline: 1px solid rgb(77, 144, 254);
}
/* Styles for about page
-----------------------------------------------------------*/
.EmploymentRfpHeader {
    font-size: 15pt;
    color: black;
}
.ClosingDate {
    font-size:12pt;
    color:black;
}
.MoreDetails {
    font-size:12pt;
    color:rgb(51,51,153);
    text-decoration:underline;
}
.EmploymentRfpLink {
    margin-left:30px;
}
.EmploymentRfpLink:hover .MoreDetails {
    color:#b05411;
}
.EmploymentRfpLink a, .EmploymentRfpLink a:hover, .EmploymentRfpLink a:visited, .EmploymentRfpLink a:active, .EmploymentRfpLink a:link {
    cursor:pointer;
    text-decoration:none;
}
#FeedButton a, #FeedButton a:visited, #FeedButton a:link, #FeedButton a:active {
    color:black;
}
#FeedButton:hover a {
    color:#b05411;
}
div#FeedButton a:focus span {
    outline: 1px solid rgb(77, 144, 254);
}
.indentedLink {
    display:inline-block;
    margin-left:30px;
}
input.watermark { color: #999; }

/* Styles for about - board page
-----------------------------------------------------------*/
.boardMemberName,.boardMemberName:hover,.boardMemberName:visited,.boardMemberName:link,.boardMemberName:active {
    font-size:16pt;
}
.boardMemberDescText, .boardMemberDescText a {
    color:black;
}
.boardMemberDescText a {
    text-decoration:underline;
}

/* Styles for about - contact page
-----------------------------------------------------------*/

/* Styles for about - staff page
-----------------------------------------------------------*/
.contactDiv {
    float:left;
    height:80px;
}
.nameText > a {
    font-size:16pt;
    color:#333399;
}
.nameText > a:visited, .nameText > a:link {
    text-decoration:none;
}
.nameText > a:active, .nameText > a:hover {
    color:#b05411;
    text-decoration:underline;
}
.jobTitleText, .phoneText {
    color:rgb(89,89,89);
    font-size:11pt;
}

/* Styles for search
-----------------------------------------------------------*/
.search-highlight {
    background-color: #f3f975;
}
/*#lineNum{
    display:none;
}*/
.template{
    display:none;
}
.searchOptions{
    width: 80%;
    margin: 0 auto;
}
.searchOptions div {
    display: inline-block;
}
.searchOptions fieldset {
    border: none;
    padding:0;
    margin: 15px 0 0 0;
    width:100%;
}
.searchOptions fieldset select, #visibleResults, #visibleResults_footer {
    border: none;
    font-family: 'Segoe UI';
    color: #666;
    font-weight: bold;
    font-size: 12px;


    direction: rtl;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 15px;

    background-image:url('/Content/Images/search-field-dd.png');
    background-position: right;
    background-size: 9px 5px;
    background-repeat: no-repeat;

    margin-right:10px
}
.searchOptions .searchLabel{
    background-color: #eee;
    padding: 4px 5px 4px 5px;
    font-family: 'Segoe UI';
    color: #000;
    font-weight: normal;
    font-size: 13px;
    
}

.searchOptions input[type=date]{
    padding: 0 0 0 10px;
    margin-right: 5px;
}
.searchOptions fieldset select::-ms-expand{
    display:none;
}
.searchOptions input[type=text] {
    margin-left:10px
}
input[type=text].mainSearch {
    background-image: url('/Content/Images/search.png');
    background-repeat: no-repeat;
    background-position: 4px 5px;
    background-size: 12px 12px;
    padding: 0 5px 0 25px;
}
.searchOptions input[type=text].mainSearch {
    width: 60%;
    height: 20px;
}
.searchOptions .globalSearchOptions select,
select.areaSelection, #visibleResults, #visibleResults_footer{
    background: linear-gradient(#ccc, #aaa);
    background-color: #aaa;
    font-weight: bold;
    border-radius: 5px;
    padding: 1px 5px;
    font-family: 'Segoe UI';
    font-size: 12px;
    border:none;

    direction: rtl;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 20px;

    background-image:url('/Content/Images/search-field-dd.png');
    background-position: right 5px center;
    background-size: 9px 5px;
    background-repeat: no-repeat;
}
select.areaSelection::-ms-expand,
.searchOptions .globalSearchOptions select::-ms-expand{
    display:none;
}
#headerWrapper .mainSearch{
    width: 130px;
}
#headerWrapper .searchHeader div div{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}
#headerWrapper .searchOptions .globalSearchOptions .areaSelection {
    font-size: 10px;
}
#headerWrapper input[type=text].mainSearch {
    width: 60px;
    background-position: 4px 2px;
}
.searchOptions .submit-line{
    margin-top:20px;
    width:100%;
}
.searchOptions .submitButton {
    float: right;
    margin-right: 10px;
    background: linear-gradient(rgb(111, 111, 153),rgb(51, 51, 153));
    color: #fff;
    background-color: #ccc;
    border-radius: 5px;
    padding: 2px 7px;
    font-family: 'Segoe UI';
    font-size: 14px;
    border: none;
}
.searchOptions .submitButton:hover{
    background: linear-gradient(#ccc,#aaa);
    color:#000;
    cursor:pointer;
}
.searchOptions .submitButton:active{
    background: linear-gradient(rgb(111, 111, 153),rgb(51, 51, 153));
    color: #fff;
}
.searchOptions .removeButton {
    float: right;
    color: rgb(51,51,153);
    font-weight: bold;
    font-size: 12px;
    margin-right:15px
}
.searchOptions .submit-line .addLineButton {
    float: left;
    color: rgb(51,51,153);
    font-weight: bold;
    font-size: 12px;
}
.searchArea .searchResultsHeader {
    font-size: 18pt;
    color: #000;
    font-weight: bold;
}
.searchArea .globalSearchOptions {
    float: right;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.searchArea .globalSearchOptions label{
    font-family: 'Segoe UI';
    color: #666;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
}
.searchArea h3 {
    font-size: 16pt;
    font-weight: normal;
    text-decoration: none;
    margin-bottom: 6px;
    padding-top: 5px;
}
.searchArea a{
    text-decoration: none;
    color: rgb(51,51,153);
}
.searchArea a:hover {
    color: #B05411;
}
.searchArea .searchTypeIcon {
    float: left;
    width: 25px;
    margin-top: 10px;
    margin-right: 10px;
}
.searchArea .searchTypeIcon.foundResults{
    margin-top: 0;
    width: 20px;
}
.searchArea .searchPDFIcon{
    width: 25px;
    float:left;
}
.searchArea .reportAuthors {
    float: left;
    font-size: 12px;
    color: #B05411;
    margin-left: 15px;
    margin-top: 5px;
}
.searchArea .highlight{
    margin-top: 0px;
}
.searchArea #pagination {
    margin: 15px auto 0 auto;
    background-color: rgb(242,242,242);
    padding: 5px;
    text-align: center;
}
.searchArea .pageNumSelected {
    background-color: rgb(51,51,153);
    color: #fff;
}
.searchArea .pageArrow {
    font-size: 20px;
    color: #bbb;
}
.searchArea a .pageArrow {
    color: #B05411;
}
.searchArea #pagination a {
    color: #B05411;
}
.searchArea #pagination a:hover{
    color: rgb(51,51,153);
}
.searchOptions p.advancedSearchButton {
    margin-right: 50px;
    margin-top: -10px;
    margin-left: 124px;
}
.searchOptions p.advancedSearchButton a {
    color: #B05411;
    text-decoration: none;
    font-size: 12px;
}
.searchOptions p.advancedSearchButton a:hover {
    color: rgb(51,51,153);
}
.searchArea .abstract{
    display:none;
}
.searchArea .showAbstract {
    font-size: 12px;
    color: #B05411;
    margin-top: 5px;
}
.searchArea .showAbstract:hover{
    color: rgb(51,51,153);
    cursor: pointer;
}


.searchArea .downloadLinks {
    margin-top: 10px;
    font-size: 8pt;
}

.searchArea .downloadLinks a, .searchArea .downloadLinks .reportCollectionLink {
    color: rgb(51,51,153);
    cursor: pointer;
    text-decoration: underline;
}
.searchArea .downloadLinks a:hover{
    color: #B05411;
}
.searchArea .reportDocId, .searchArea .reportDocId:link, .searchArea .reportDocId:visited {
    font-size: 8pt;
    color: black;
    text-decoration: none;
}
.searchArea .reportDocId:hover, .searchArea .reportDocId:active {
    font-size:8pt;
    color:black;
    text-decoration:underline;
}

.searchArea downloadLinks a:hover, .searchArea .downloadLinks .reportCollectionLink:hover {
    color: #B05411;
    cursor: pointer;
    text-decoration: underline;
}

.searchResult .separatorBar {
    clear: both;
    width: 95%;
    height: 3px;
    margin: 15px auto 0 auto;
    background-color: #B05411;
}
.rightMenuHeader {
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(89,89,89);
}
.fromPubPage fieldset{
    /display:none;
}
.fromPubPage .submit-line{
    /display:none;
}
html body .advancedSearchButton,
html body .fromPubPage {
    display: none;
}
.advancedSearchButton:hover{
    color: #B05411;
    cursor: pointer;
}
.fromPubPage .advancedSearchButton {
    display: block;
}

.rightMenuTopicItem {
    margin-top:3px;
    font-size: 10pt;
    margin-left: 25px;
    color: black;
    font-weight: bold;
}

.rightMenuAuthorItem {
    margin-top: 3px;
    font-size: 10pt;
    margin-left: 25px;
    color: black;
    font-weight: bold;
}

.rightMenuSubitem {
    font-size: 9pt;
    margin-left: 50px;
    color: black;
}

.selectedMenuItem {
    color: #B05411;
}

.removeFilterButton {
    display: none;
    height: 18px;
    width: 18px;
    float: right;
    background: url('../Content/Images/SearchX.png');
    color: rgb(89,89,89);
}

.selectedMenuItem > .removeFilterSmallButton {
    height: 15px;
    width: 15px;
    background: url('../Content/Images/SearchXSmall.png');
}

.policySubareaButton {
}

.policyAreaButton span:hover, .policySubareaButton span:hover, .rightMenuAuthorItem span:hover {
    background-color: rgb(234,234,234);
    cursor: pointer;
    color: #B05411;
}

/*Employment page*/
.EmploymentRfpLink {
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 15px;
}

html .EmploymentRfpHeader {
    font-size: 14pt;
    color: #333399;
}

.EmploymentRfpLink:hover .EmploymentRfpHeader {
    color: #b05411;
}

.ClosingDate {
    font-size: 12pt;
}
.headerCurrentOpening{
    font-size:8pt;
    color:red;
}
.footerCurrentOpening {
    font-size: 8pt;
    color: red;
}