@charset "UTF-8";
/******************************************************************
*                     GLOBAL DECLARATIONS
******************************************************************/
body {
  font-size: 10px;
  font-family: Verdana;
  overflow-x: hidden; }

body.textsize-one {
  font-size: 12px !important; }

body.textsize-two {
  font-size: 15px !important; }

a {
  font-family: Verdana;
  color: #0F5F89;
  text-decoration: none; }

a:hover, a:focus {
  color: #722a06;
  text-decoration: underline; }

a[disabled], .aspNetDisabled {
  color: gray !important;
  text-decoration: none !important; }

.sidenav-spacer {
  height: 30px; }

h3.table-style-header, h4.table-style-header {
  background-color: #EEEEEE;
  text-align: center;
  padding: 2px 0;
  margin: 5px 0 10px; }

/******************************************************************
*							MAIN PAGE AREAS
*******************************************************************/
#content-rounded-top {
  position: relative;
  margin: 0 0 0 -1px;
  padding: 0;
  width: 961px;
  height: 0px;
  z-index: 1; }

#footer-rounded-bottom {
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
  width: 954px;
  height: 25px;
  background: url(../images/bottom-rounded4.png) no-repeat; }

/* FAQ Index - PR - Added because it also affects Bids & Proposals 11/14 */
.index-area {
  margin: 10px 5px 35px 10px;
  border: solid 1px gray; }

.index-block {
  float: left;
  width: 40%;
  font-family: Verdana;
  font-size: 1.2em; }

.index-block li {
  padding: 0 0 5px 0; }

/*----------------------------default fonts---------------------------------*/
h1 {
  font-family: Lato, Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 0.03em;
  margin: 0;
  z-index: 10;
  color: #000; }

#page-title {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#side {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#side-nav-menu .title {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#side-nav-menu .title h2 {
  font-size: 1.0em;
  font-weight: normal;
  margin: 0; }

#side-nav-menu .title a {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#top-menu a {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#tree-menu .title a {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

#side-nav-menu .title h2 {
  font-size: 1.0em;
  font-weight: normal;
  margin: 0; }

.category-list .vertical-shadow3 .title a {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.collection-item .detail .title {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.collection-item .detail .title .text {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.faq .header {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.newsroom-news-section .item .title {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.tabs .ajax__tab_header {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.title {
  font-family: Lato, Tahoma, Geneva, sans-serif; }

h3.table-style-header, h4.table-style-header {
  background-color: #EEEEEE;
  text-align: center;
  padding: 2px 0;
  margin: 5px 0 10px; }

.faqmenu h3 a span, .faqmenu div p span {
  font-size: 24px;
  font-family: 'Arial Black';
  font-weight: normal;
  color: Gray;
  line-height: 0.7; }

/*PR 10/14--------------------- Footer from mainstyle---------------------*/
/*PR 10/14--------------------- Header and Footer from mainstyle2014---------------------*/
/* Holds the header and content-footer, centers both on the page */
#container {
  width: auto;
  max-width: 960px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left; }

#header {
  margin: 0 auto 0 auto;
  min-height: 163px;
  width: auto;
  max-width: 960px;
  background-color: #aecded;
  position: relative;
  z-index: 5; }

#altlogo {
  /* This image is normally hidden */
  display: none; }

#altlogo img {
  width: 100%;
  height: auto; }

#logo {
  margin-left: 20px;
  /*    position: relative; */
  /*    left: auto; */
  /*    top: -30px; */
  width: 30%;
  float: left;
  /*    z-index: 10000; */ }

#logo img {
  height: auto;
  max-width: 100%;
  border: none; }

#dotorglogo {
  /*    position: absolute; */
  /*    top: 22px; */
  /*    right: 4px; */
  /*    width: 18%; */
  float: right; }

#dotorglogo img {
  border: none;
  height: auto;
  max-width: 100%; }

/******************************************
*           FOOTER
*******************************************/
#footer {
  background-color: White;
  border-radius: 6px;
  padding: 15px;
  max-width: 930px;
  width: auto;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 8px auto 23px auto;
  text-align: left;
  height: auto;
  /*    position: relative; */
  /*    top: 46px; */ }

#footer .disclaimer {
  width: 40%;
  float: left; }

.footer-column {
  float: left;
  width: 18%;
  margin-right: 15px; }

.footer-column ul {
  list-style-type: none; }

#footer .footer-mobile-only {
  display: none; }

/******************************************************************
*							SEARCH
*******************************************************************/
.header-search {
  height: 40px;
  position: relative;
  float: right;
  top: 80px;
  left: 176px; }

#search-form {
  position: static;
  float: right;
  padding: 0;
  width: auto; }

#search-form input {
  border: solid 1px gray !important;
  margin-right: 4px !important;
  height: 27px !important; }

#search-form .defaultText {
  float: left;
  color: #000;
  height: 28px;
  left: 76px;
  letter-spacing: 0.05em;
  margin: 0;
  vertical-align: middle;
  width: 295px;
  text-indent: 10px;
  font-style: normal;
  border: none;
  line-height: 2.8em; }

#search-form .defaultTextActive {
  float: left;
  color: #585858;
  height: 28px;
  left: 76px;
  letter-spacing: 0.05em;
  margin: 0;
  vertical-align: middle;
  width: 295px;
  text-indent: 10px;
  font-style: italic;
  border: none;
  line-height: 2.8em; }

#search-form .search-box-active {
  float: left;
  color: #000;
  height: 28px;
  left: 76px;
  letter-spacing: 0.05em;
  margin: 0;
  vertical-align: middle;
  width: 295px;
  text-indent: 10px;
  font-style: normal;
  border: none;
  line-height: 2.8em;
  font-size: 1.2em; }

#search-form .search-button {
  background: url(../images/topmenu1/go_button_v3_final.png) no-repeat scroll 0 0 transparent;
  border: none;
  cursor: pointer;
  height: 33px;
  margin: 0 10px 0 0;
  width: 40px; }

.completion-list-item {
  padding: 0 0.5em 0.8em 2em;
  text-indent: -1em; }

.completion-list-item-current {
  padding: 0 0.5em 0.8em 2em;
  background-color: #eeeeee;
  text-indent: -1em; }

.buttons {
  text-align: right;
  margin-top: 15px;
  margin-bottom: 5px; }

/******************************************************************
*                     ADVANCED SEARCH
*******************************************************************/
.advanced-search {
  padding-left: 40px;
  width: 80%; }

.advanced-search .left {
  float: left;
  width: 30%; }

.advanced-search .right {
  float: right; }

.advanced-search .right input {
  margin-bottom: 10px;
  max-width: 450px; }

.advanced-search .ddlstyles {
  max-width: 455px;
  margin-bottom: 15px;
  font-size: 1.09em; }

.button {
  height: 31px; }

/* ----------------------------------------------------------------------------*/
/*                               Search Tab                                    */
/* ----------------------------------------------------------------------------*/
.search-tab {
  width: 100%; }

/******************************************************************
*							SEARCH RESULTS
*******************************************************************/
#no-sidebar-main-content .search-results {
  line-height: 1.65; }

.search-results {
  float: left;
  width: 100%; }

.search-results .msg {
  font-size: 1.2em;
  margin-top: 20px; }

.search-results h3 {
  margin: 54px 0 0 0;
  padding: 0 0 5px 0;
  font-size: 2.7em;
  line-height: 0.815em;
  color: #000; }

.search-results .search {
  float: left;
  overflow: hidden;
  width: 100%;
  height: 22px;
  margin: 40px 0 18px; }

.search-results .search input {
  background: none;
  border: 1px solid #000;
  height: 20px;
  width: 563px;
  padding: 0 0 0 5px;
  margin: 0 5px 0 0;
  float: left;
  font-size: 1.1em;
  line-height: 1.818em;
  color: #000; }

.search-results .search a {
  height: 10px;
  width: 10px;
  margin: 6px 0 0;
  float: right; }

.search-results .search a:hover {
  text-decoration: underline; }

.search-results .powered {
  margin: 0;
  width: 100%;
  float: left; }

.search-results .powered p {
  float: right;
  font-size: 1.1em;
  line-height: 1.636em;
  color: #000;
  margin: 0;
  height: 18px; }

.search-results .variant {
  float: left;
  margin: 40px 0 0; }

.search-results .variant p {
  float: left;
  font-size: 1.2em;
  color: #b10101;
  margin: 0; }

.search-results .variant p a {
  margin: 0 0 0 5px;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #0F5F89; }

.search-results .results {
  float: right;
  margin: 20px 0 0; }

.search-results .results .event {
  font-size: 1.1em;
  color: #b15300;
  margin: 0;
  text-align: right; }

.search-results .results p {
  font-size: 1.1em;
  color: #000;
  margin: 0;
  text-align: right; }

.search-results .results a {
  margin: 0 0 0 5px;
  font: bold 1.0em Verdana, Geneva, sans-serif;
  color: #0F5F89; }

.search-results .links {
  list-style: none;
  margin: 20px 0 0;
  float: left;
  width: 100%;
  padding: 0;
  text-align: left; }

.search-results .links .priority {
  width: 100%;
  background-color: #eeeeee;
  text-align: left;
  margin: 0 0 15px;
  padding: 8px 0 8px 10px;
  background-image: none;
  display: block;
  overflow: hidden; }

.search-results .links .priority em {
  color: #676701; }

.search-results .links .holder:last-child {
  border-bottom: none;
  margin: 0; }

.search-results .links .holder {
  width: 100%;
  border-bottom: dashed 1px #707070;
  text-align: left;
  margin: 0 0 15px;
  padding: 0 0 15px 0; }

.search-results .links a {
  margin: 0;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #0F5F89; }

.search-results .links a:hover {
  color: #722A06; }

.search-results .links p {
  font-size: 1.1em;
  color: #000;
  margin: 0; }

.search-results .links em {
  font-size: 1.1em;
  color: #676701;
  margin: 0;
  word-wrap: break-word; }

.search-results .pages {
  margin: 15px 0 10px;
  display: inline-block; }

/*PR - commented out per Chris W. as it doesn't make any sense *+ html.search-results .pages {display:inline;}*/
.search-results .pages .prev {
  float: left;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #0F5F89;
  text-decoration: none;
  text-align: right; }

.search-results .pages .prev:hover {
  text-decoration: underline; }

.search-results .pages .prev-off {
  float: left;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #585858;
  text-decoration: none;
  text-align: right; }

.search-results .pages .next {
  float: left;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #0F5F89;
  text-decoration: none;
  text-align: left;
  margin: 0 0 0 20px; }

.search-results .pages .next:hover {
  text-decoration: underline; }

.search-results .pages .next-off {
  float: left;
  font: bold 1.2em Verdana, Geneva, sans-serif;
  color: #585858;
  text-decoration: none;
  text-align: left;
  margin: 0 0 0 20px; }

.search-results .pages ul {
  float: left;
  margin: 0 5px;
  padding: 0;
  list-style: none; }

.search-results .pages li {
  float: left;
  width: 15px;
  margin: 0 0 0 20px; }

.search-results .pages li p {
  margin: 0; }

.search-results .pages li a {
  font: bold 1.1em Verdana, Geneva, sans-serif;
  color: #0F5F89; }

.search-results .pages a:hover {
  color: #722A06; }

.search-results .pages li .disabled {
  margin: 0;
  padding: 0;
  color: #000 !important;
  text-decoration: none;
  text-align: right; }

.search-results .google {
  float: right;
  margin: 0;
  width: 100%; }

.pager-nav {
  position: relative;
  float: right;
  bottom: 0;
  right: 29px; }

.refine {
  margin-top: 40px;
  padding-left: 10px;
  width: 203px; }

.refine .title {
  margin: 0 0 15px 0;
  border-bottom: solid 2px #707070;
  font-size: 1.8em;
  font-weight: bold;
  padding-bottom: 8px; }

.refine a {
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  background: url(../images/arrow.png) no-repeat;
  background-position: 0 center;
  padding: 0 0 0 15px; }

.refine a:hover {
  font-weight: bold; }

#print-layout-area .search-results .links {
  float: none; }

#print-layout-area .search-results .results {
  float: none; }

#print-layout-area .search-results .pager-nav {
  position: relative; }

/****************************************************************
*
* Name: tools_nav.scss
* Applies to: Tools-Nav
* Modified: 07/26/2017 (Christopher White: changed to use Font Awesome glyphs instead of images
*                      for the icons.)
*
*****************************************************************/
#tools-nav {
  width: 100%;
  margin: 0;
  letter-spacing: 0.05px;
  text-align: right;
  overflow: auto;
  /* This rule is used by testCSS() to determine if CSS is on or off; if you change this, the JavaScript
    function must be modified as well!*/
  text-transform: capitalize; }

.tools-nav-row {
  margin: 3px 0 4px 0; }

.tools-nav-item {
  padding: 0 0 0 16px;
  float: right; }

#tools-nav a {
  position: relative;
  color: black;
  text-decoration: none;
  bottom: 4px; }

#tools-nav a img {
  margin: 1px 5px 0 0;
  border: none;
  vertical-align: middle; }

#tools-nav a i.single {
  font-size: 1.4em; }

.tools-nav-item-pad {
  padding-right: 4px; }

#tools-nav .tools-nav-item a:hover {
  color: #722A06;
  text-decoration: underline; }

/* Classes to augment or override Font Awesome classes; used by the text resize function */
.tools-nav-item span.fa-small-resize {
  font-size: .7em; }

.tools-nav-item span.fa-medium-resize {
  font-size: .8em; }

.tools-nav-item span.fa-large-resize {
  font-size: .9em;
  margin-right: 4px; }

#tools-nav .fa-stack {
  width: 1.3em !important; }

#tools-nav .fa-stack-1x {
  text-align: right !important; }

.tools-nav-item i.fa-resize {
  font-size: 2em; }

/****************************************************************
*
* Name: smartmenu.scss
* Applies to: the main menu bar using Smart Menus
* Modified: 07/25/2017 (Christopher White: changed to use a Font Awesome glyph instead of an image
*                      for the home icon.)
*
*****************************************************************/
#main-menu {
  z-index: 9999;
  width: 100%; }

#main-menu ul {
  width: 12em;
  /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
  text-transform: none; }

.main-menu-item {
  height: 46px;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-transform: uppercase; }

.main-menu-item a {
  transition: background-color 0ms linear 500ms, font-weight 0ms linear 500ms, color 0ms linear 500ms, border-radius 0ms linear 500ms; }

.main-menu-item a:hover,
.main-menu-item a:focus {
  color: #fff;
  transition: background-color 0ms linear 0ms, font-weight 0ms linear 0ms; }

/* Mega menu classes */
.mega-menu-container {
  width: 600px;
  max-width: 100%; }

.mega-menu-container h2 {
  margin: 5px 0px 0px -16px;
  font-weight: normal;
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.mega-menu-container h2 span {
  margin: 15px 0px 8px 24px;
  display: block;
  font-size: 1.1em; }

.mega-menu-container h2 a {
  color: #000;
  font-size: 1.1em;
  font-family: Lato, Tahoma, Geneva, sans-serif; }

.mega-menu-container h2 a:hover {
  color: #000; }

.mega-menu-container .current {
  color: #722A06 !important; }

.mega-menu ol li {
  margin-top: 5px; }

.mega-menu ol li > a {
  padding: 0;
  background: none;
  color: #0F5F89;
  font-size: 1.3em;
  font-weight: normal;
  font-family: Verdana, sans-serif;
  line-height: 1.4;
  box-sizing: content-box;
  width: auto;
  margin-left: -20px;
  text-indent: -12px; }

.mega-menu ol li > a i.icon-links {
  padding-left: 10px !important; }

.mega-menu ol li > a:hover {
  background: none;
  color: #722a06; }

.mega-col {
  width: 33%;
  float: left;
  padding: 10px; }

.mega-col-middle {
  width: 33%;
  float: left;
  padding: 10px;
  border-left: 1px solid black;
  border-right: 1px solid black; }

/* Home icon classes */
#homeicon a {
  color: white;
  height: 46px;
  width: 40px;
  position: static;
  margin-top: -3px; }

#homeicon a:before,
#homecurrent a:before {
  content: "\f015";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.6em;
  margin-left: -.4em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

#homeicon a:hover {
  color: #FBE694; }

#homeicon a:focus {
  outline: 1px dotted gray; }

#homecurrent a {
  height: 46px;
  width: 40px;
  position: static;
  color: #FBE694;
  margin-top: -3px; }

/* No rules in this class, but left so you know we didn't just forget this state */
#homecurrent a:focus {
  outline: 1px dotted gray; }

.menu-btn {
  cursor: pointer;
  position: relative;
  left: 4px;
  top: -88px;
  width: 27px;
  margin-top: -0.50em;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 200;
  vertical-align: middle;
  z-index: 2099;
  display: none; }

.menu-btn:focus {
  outline: 1px dotted white; }

.menu-btn span {
  display: block;
  width: 27px;
  height: 6px;
  margin: 4px 0;
  background: black;
  z-index: 99; }

.responsive-menu {
  display: none;
  position: relative;
  left: -6px;
  top: -31px;
  font-size: 2em;
  border-bottom: 1px solid black;
  box-shadow: 0px 2px 2px 0px whitesmoke;
  width: 102%;
  box-sizing: border-box;
  background: #fff; }

.responsive-menu ul {
  background: #fff;
  list-style-type: none;
  margin-left: -35px; }

.responsive-menu li {
  background: #fff;
  float: none;
  line-height: 55px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ededed;
  position: relative;
  padding: 0; }

.responsive-menu li a {
  display: block; }

.expand {
  display: block !important; }

.open-menu-link {
  display: none;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 55px;
  font-size: 30px;
  cursor: pointer; }

.visible {
  display: block !important; }

/* For the mobile side nav*/
#mobile-header {
  height: 48px;
  background: #222;
  text-align: center;
  line-height: 48px;
  position: relative;
  top: 13px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 7em;
  display: none;
  z-index: 1000; }

#sidebar-menu-btn {
  color: white;
  font-size: 1.4em;
  display: block; }

.col-div {
  border: none;
  float: left;
  width: 28%;
  margin: -7px 0 0 20px; }

.col-div-middle {
  border-right: solid 1px gray;
  border-left: solid 1px gray;
  float: left;
  width: 30%;
  margin: -7px 0 0 20px;
  padding-left: 20px; }

.sub-nav-item {
  width: 90%;
  height: auto;
  padding-bottom: 5px; }

.sub-nav-item h2 a, .sub-nav-item h2 span {
  text-transform: none;
  font-weight: normal;
  font-size: 1.2em;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  color: #000;
  text-shadow: 0px -1px 0px #FFF; }

/* List of items within sub-navigation panel */
.sub-nav-item ul {
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
  padding: 0; }

/* List item within sub-navigation panel */
.sub-nav-item ul li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.4; }

/******************************************************************
*							SIDEBAR
*******************************************************************/
#sidebar {
  float: left;
  height: auto;
  margin: 0;
  width: 22%;
  /*213px;*/
  padding: 16px 29px 0 29px;
  z-index: 9; }

/******************************************************************
*                DETAIL CONTENT SIDEBAR RIGHT CONTROL
*******************************************************************/
#detail-content {
  /* 	width:397px; */
  width: 60%;
  padding-right: 29px;
  float: left; }

#detail-sidebar {
  width: 33%;
  float: right; }

/******************************************************************
*	                     RIGHT SIDEBAR CONTROL
*******************************************************************/
.main-column {
  padding-right: 25px;
  float: left; }

.right-sidebar {
  float: right; }

.popular-links-section, .featured-links-section {
  position: relative;
  margin: 0;
  padding: 28px 0 0 0;
  margin-top: 13px; }

.popular-links-section h2, .featured-links-section h2 {
  background-color: #516788;
  border-radius: 3px;
  color: White;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-align: left;
  vertical-align: middle;
  width: 96%;
  font-size: 1.5em;
  margin: 0;
  padding: 3px 3px 3px 7px;
  border: none;
  font-weight: normal;
  z-index: 10; }

.popular-links-section .arrow-link-list, .featured-links-section .arrow-link-list {
  width: 100%; }

.popular-links-section-dept {
  position: relative;
  margin: 25px 0 0 0;
  padding: 9px 0 0 0; }

/*------------------------------------------------
				BREADCRUMBS
--------------------------------------------------*/
.breadcrumbs {
  font-family: Verdana;
  font-size: 1.1em;
  /*11px;*/
  font-weight: bold;
  text-decoration: none;
  /*margin-left:29px;
  margin-right: 29px; - PR old margin settings*/
  margin: 0px 1em 0px 4.7em;
  text-indent: -2em;
  line-height: 1.65;
  z-index: 49; }

.breadcrumbs span {
  color: #b15300; }

.breadcrumbs a {
  text-decoration: none;
  z-index: 50; }

.breadcrumbs a:hover, .breadcrumbs a:focus {
  /* CTW: underline on hover */
  text-decoration: underline;
  color: #722a06; }

/* -----------------------------------------------
                  RELATED LINKS SECTION
--------------------------------------------------*/
.related-links-section {
  position: relative;
  margin: 0;
  padding: 0 0 0 5px; }

.related-links-section .title {
  border-bottom: solid 2px #585858;
  padding: 0 0 3px 8px;
  width: 185px;
  font-size: 1.25em;
  /*20px;*/ }

/* -----------------------------------------------
                  WHAT WE DO SECTION
--------------------------------------------------*/
.what-we-do-section {
  margin: 38px 0 10px 0;
  width: 200px;
  vertical-align: bottom; }

.what-we-do-section .title {
  font-size: 1.8em;
  /*20px;*/
  margin: 0;
  text-transform: capitalize;
  font-weight: bold;
  border-bottom: solid 2px #585858;
  padding: 0 0 8px 8px;
  width: 212px;
  line-height: 18px; }

.what-we-do-section .text {
  width: 220px; }

.what-we-do-section .text a {
  text-decoration: none;
  font-size: 1em;
  /*11px;*/ }

.what-we-do-section .text p {
  font-family: Verdana, sans-serif;
  font-size: 1em;
  /*10px;*/
  padding-bottom: 5px;
  width: 220px;
  margin-top: 10px; }

.what-we-do-section .text p a {
  font-weight: bold; }

.what-we-do-section .text img {
  float: left;
  margin: 0 15px 0 10px;
  border: none; }

/*PR - Following added to arrow link file*/
.what-we-do-section .arrow-link-list {
  width: 220px; }

/*FROM MAINSTYLE*/
/***************************************************************
*                  FEATURED CATEGORY EVENTS SUBLAYOUT
****************************************************************/
#featured-category-events {
  /*PR - removed margin top per Brad's request but have left class as it's used below*/
  /*margin-top:30px;*/ }

#featured-category-events #detail-content {
  float: left;
  /* CTW: changed width to 397px to let calendar fit on the page */
  /*     width:397px; */ }

#featured-category-events #detail-sidebar {
  float: left;
  /*     width:200px; */ }

/*FROM MAINSTYLE2014*/
/******************************************
*          FEATURED TOPICS
*******************************************/
#featured-topics {
  margin: 0 12px 0 12px;
  width: 16%;
  float: left;
  height: 100%;
  font-size: 1.2em; }

.image-text-item {
  margin-bottom: 20px; }

.image-text-item .image-detail {
  background-color: White;
  border-radius: 6px;
  width: 100%; }

.image-text-item .image-detail img {
  padding: 12px; }

.image-text-item .image-detail ul {
  padding: 0 8px 3px 24px;
  margin: 0; }

.image-text-item .image-detail ul li {
  margin-bottom: 10px; }

.image-text-item .image-detail h3 {
  text-align: center;
  padding-top: 25px; }

.image-text-item .image-detail h3 a {
  font-size: 1.3em;
  font-weight: bold; }

.image-text-item .text {
  font-weight: bold;
  color: White;
  margin: 8px 15px 0 15px;
  text-align: center; }

/******************************************
*          HOME FEATURED STORY H3
*******************************************/
#home-page h3 {
  color: #b15300; }

#home-page h3 a {
  color: #b15300; }

/*PR-CONTENT AND MAIN-CONTENT FROM MAINSTYLE2014 - one one class in original mainstyle and it has been replaced by 'content'*/
/******************************************
*           CONTENT
******************************************/
#content {
  padding: 17px 0px 17px 0px;
  width: auto;
  max-width: 960px;
  margin: 8px auto 0px auto;
  background-color: white;
  min-height: 0;
  border-radius: 6px;
  /*    position: relative; */
  height: auto;
  text-align: left;
  z-index: 2;
  /*    top: 4.5em; */ }

#no-sidebar-main-content {
  z-index: 9;
  height: auto;
  margin: 0;
  padding: 0px 22px 10px 22px;
  background-color: White;
  border-radius: 6px;
  width: auto !important;
  max-width: 960px; }

#no-sidebar-main-content .breadcrumbs {
  margin-left: 1.8em;
  margin-right: 0; }

/******************************************************************
*							MAIN CONTENT
*******************************************************************/
#main-content {
  float: right;
  height: 95%;
  width: 68%;
  margin: 0;
  padding: 0 29px 0 0; }

#home-page {
  padding: 0;
  width: auto;
  max-width: 960px;
  margin: auto;
  background: transparent;
  min-height: 0; }

/******************************************
*           MAIN CONTENT AREA
******************************************/
#main-content-area {
  height: 100%; }

h2.section-title {
  background-color: #516788;
  color: White;
  border-radius: 3px;
  text-align: left;
  vertical-align: middle;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  min-height: 20px;
  padding: 3px 3px 3px 7px;
  margin: 0;
  font-size: 1.5em;
  font-weight: normal;
  text-align: left; }

.section-title-date {
  color: White;
  font-size: .8em;
  display: inline-block;
  text-align: right;
  width: 60%;
  margin: 0px; }

/******************************************
*           CONTENT AREA
*******************************************/
#content-area {
  background-color: White;
  border-radius: 6px;
  padding: 15px;
  max-width: 960px;
  height: 100%;
  margin: 0 0 10px 0; }

.home-main-section-content {
  margin: 8px 0 0 0;
  min-height: 350px; }

#main-content .col-div {
  border: medium none;
  float: left;
  width: 28%;
  margin: -7px 0px 0px 20px; }

/**********************************************************************/
/*                               Newsroom Page                        */
/**********************************************************************/
.newsroom-news-notices .featured-story {
  border: solid 15px #767676;
  height: 308px;
  margin-top: -7px; }

h2.news-gold-heading {
  font-size: 1.8em;
  color: #b15300;
  /*    max-width: 300px; */
  padding-left: 3px; }

h2.news-gold-heading.underline {
  border-bottom: 1px solid #000;
  margin: 0 0 0.8em;
  padding-bottom: .3em; }

h1.news-big-title {
  font-size: 3.5em;
  color: #767676;
  text-align: right;
  min-height: 38px;
  float: right;
  margin-top: 3px; }

.newsroom-news-notices .news-gold-heading {
  float: left; }

.newsroom-news-notices .left .news-links .news-gold-heading {
  top: -3px;
  width: auto;
  float: none; }

.newsroom-news-notices .image {
  float: left;
  background-color: #767676;
  width: 43.5%; }

.newsroom-news-notices .image img {
  height: auto;
  max-width: 100%;
  border: none; }

.newsroom-news-notices .detail {
  background-color: #fff;
  border-left: solid 15px #767676;
  max-width: 476px;
  height: 288px;
  overflow: auto;
  padding: 10px; }

.newsroom-news-notices .detail h3 {
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: normal; }

.newsroom-news-notices #full-story {
  display: block;
  text-align: center; }

.newsroom-news-notices .left {
  width: 59%;
  float: left; }

.newsroom-news-notices .left .news-links {
  margin: 0;
  max-height: 28em;
  overflow: auto; }

.newsroom-news-notices .left .news-links .simple-content-text ul {
  margin: 8px 0px 0px -4px; }

.newsroom-news-notices .left .news-links h2 {
  margin: 10px 0 0 0; }

.newsroom-news-notices .right {
  width: 38%;
  float: right; }

.newsroom-social-media h2 {
  font-size: 1.8em;
  color: #b15300;
  border-bottom: solid 1px black;
  max-width: 538px;
  margin: 0;
  border: none;
  margin: 17px 0px; }

.newsroom-social-media #social-media-icons {
  margin: 25px 0px 10px 0px; }

.newsroom-social-media #social-media-icons img {
  border: none;
  margin-right: 10px; }

.newsroom-social-media > .url {
  font-size: 1.2em;
  margin: -5px 0px 20px 0px; }

.email-notice .news-gold-heading {
  font-size: 1.5em;
  padding-bottom: 1px !important;
  width: auto;
  float: none; }

.email-notice p {
  margin-top: -7px; }

.email-updates {
  border: 10px solid #767676;
  background: #767676;
  padding: 4px 0px 4px 4px;
  margin-bottom: 26px; }

#emailadd {
  min-width: 74%; }

#emailbutton {
  font-size: 13px;
  margin: 0px 0px 0px 2px;
  width: 66px;
  padding: 0px; }

#emailerr {
  display: none;
  color: #fff;
  margin-left: 4px;
  margin-bottom: -20px; }

.newsroom-video {
  width: 59%;
  float: left; }

.newsroom-video .news-gold-heading {
  width: auto; }

.video-directions {
  font-size: 1.2em;
  margin-top: -5px; }

.newsroom-resources {
  width: 38%;
  float: right; }

.newsroom-resources .news-gold-heading {
  width: auto; }

.newsroom-resources ul {
  margin: -7px 0px 0px -17px;
  font-size: 1.2em;
  line-height: 1.7em; }

/* ---------------------- Social Media Section -----------------------------*/
.news-social-media {
  background: url("../images/demo/socialmedia-sprite.png") no-repeat;
  height: 35px;
  margin-left: 8px; }

#news-sm-facebook {
  position: relative;
  top: 1px;
  left: 0px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0; }

#news-sm-twitter {
  position: relative;
  top: -28px;
  left: 41px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0; }

#news-sm-youtube {
  position: relative;
  top: -57px;
  left: 84px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0; }

#news-sm-linkedin {
  position: relative;
  top: -88px;
  left: 125px;
  display: block;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0; }

.news-all-media-link {
  margin: 8px 0 0 10px;
  display: block; }

.news-email-background {
  background-color: lightgray;
  height: 29px;
  padding: 5px 5px 5px 10px; }

p.news-email-para {
  margin: 0;
  padding: 0;
  height: 45px; }

.news-input-container {
  margin-top: 2px; }

.defaultText {
  width: 242px; }

.defaultTextActive {
  color: #a1a1a1;
  font-style: italic; }

.simple-content-text ul {
  padding-left: 27px; }

/*****************************************************************
*                        WELCOME MESSAGE
******************************************************************/
#welcome-message {
  display: inline-block;
  width: 340px;
  padding-right: 40px;
  font-size: 1.2em;
  margin: 19px 0 0 0; }

#welcome-message p {
  margin-bottom: 26px; }

.columns-links-list {
  display: inline-block;
  width: 340px;
  padding-left: 20px;
  font-size: 1.2em;
  margin: 0 0 5px 0; }

.columns-links-list .link-list {
  padding-right: 40px;
  list-style-type: none;
  font-size: 1em;
  float: left; }

/* -----------------------------------------------
                  NEWS ANNOUNCEMENTS SECTION
--------------------------------------------------*/
.news-announcements-section, .news-announcements-section2 {
  height: auto;
  padding: 10px 0 30px 0px;
  margin: 0;
  display: block;
  font-size: 1.2em; }

.news-announcements-section {
  max-width: 430px; }

.news-announcements-sections2 {
  max-width: 600px; }

.news-announcements-section h1 {
  border-bottom: solid 2px #585858;
  max-width: 396px;
  padding: 0 0 3px 8px;
  margin: 0;
  font-size: 1.4em; }

.announcements-container, .announcements-container2 {
  /* 	margin: 0 22px 0 20px; */ }

.news-announcements-section ul, .news-announcements-section2 ul {
  /* 	list-style-type:none; */
  list-style: none;
  margin: 0;
  padding: 0;
  /* 	float:left; */ }

.news-announcements-section ul li a, .news-announcements-section2 ul li a {
  font-size: 1.3em; }

.news-announcements-section ul li p, .news-announcements-section2 ul li p {
  padding-left: 20px; }

.news-announcements-section ul li p span.posted-date, .news-announcements-section2 ul li p span.posted-date {
  font-weight: bold; }

.news-announcements-section ul {
  max-width: 396px; }

.news-announcements-section2 ul {
  max-width: 600px; }

.news-announcements-section2 li {
  padding-left: 16px;
  border-bottom: 1px dotted gray; }

.news-announcements-section2 ul li:before {
  content: url(http://maringovstg.marinpublic.com/images/dotted_arrow_grey1.png);
  padding-right: 8px; }

.news-announcements-section ul li .date, .news-announcements-section2 ul li .date {
  display: none;
  font-family: Arial;
  font-size: 1.2em;
  /* 12px; */
  font-weight: bold;
  text-transform: uppercase;
  color: #585858;
  float: left;
  width: 3em;
  margin-right: 20px; }

.news-announcements-section ul li .date .num, .news-announcements-section2 ul li .date .num {
  font-size: 1.8em;
  /* 18px; */
  margin: 0;
  padding: 0;
  color: black; }

.news-announcements-section ul li .date .num1, .news-announcements-section2 ul li .date .num1 {
  font-size: 1.5em;
  /* 18px; */
  margin: 0;
  padding: 0;
  color: black; }

.news-announcements-section ul li .detail, .news-announcements-section2 ul li .detail {
  /* 	float: left; */ }

.news-announcements-section ul li .detail {
  max-width: 320px; }

.news-announcements-section2 ul li .detail {
  max-width: 500px; }

.news-announcements-section ul li .detail1 {
  float: left;
  padding-bottom: 30px;
  max-width: 271px; }

.news-announcements-section ul li .detail p, .news-announcements-section ul li .detail1 p,
.news-announcements-section2 ul li .detail p {
  line-height: 1.5em;
  margin: 0;
  padding: 0; }

.news-announcements-section ul li .detail a, .news-announcements-section ul li .detail1 a,
.news-announcements-section2 ul li .detail a {
  font-size: 1.1em;
  text-decoration: none;
  font-weight: bold;
  vertical-align: top; }

.news-announcements-section ul li .detail a:hover, .news-announcements-section ul li .detail1 a:hover,
.news-announcements-section2 ul li .detail a:hover {
  text-decoration: underline; }

.announcements-container ul li {
  /*    min-height: 6.5em; */ }

.announcements-container2 ul li {
  /*    min-height: 7em; */
  margin-bottom: .7em; }

.nal-container-wide .dotted-top {
  border-top: dotted 1px black;
  padding-top: 9px; }

.nal-container-mini .dotted-top {
  border-top: dotted 1px black;
  padding-top: 9px; }

.nal-container-mini .news-item-date {
  padding-bottom: 9px; }

.news-list-title {
  margin-bottom: 10px; }

.news-list-title h2 {
  margin: 0; }

.news-item-title {
  font-weight: bold; }

.news-item-summary {
  padding-top: 10px; }

.news-item-date, .news-item-source {
  font-size: 0.8em; }

.news-label {
  font-weight: bold; }

/*******************************************************
 *                    Newsletter Collection Page
 * *****************************************************/
/*PR 8/19/15 - changed width and height in newsletter-collection class to enable responsive design*/
.newsletter-collection {
  height: auto;
  /*16em*/
  max-width: 590px;
  margin: 20px 10px 10px 15px;
  line-height: 1.4em;
  overflow: hidden;
  z-index: 10; }

.ncborder-bottom {
  border-bottom: 1px dotted gray; }

.newsletter-collection .thumbnail {
  width: 139px;
  height: 15.5em;
  margin-right: 10px;
  margin-bottom: 30px;
  float: left; }

.newsletter-collection .thumbnail img {
  border: solid 1px #ccc;
  -moz-box-shadow: 3px 3px 5px #888888;
  box-shadow: 4px 4px 5px #888888;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1; }

.newsletter-collection .issue-date {
  font-size: 1.4em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0 0; }

.newsletter-collection p a {
  padding: 0 0 0 20px;
  background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
  background-position: left center; }

.newsletter-collection .featured {
  font-size: 1.2em;
  padding: 0;
  margin: 8px 0 0 0; }

.newsletter-collection .toc {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0;
  margin: 8px 0 0 0; }

.newsletter-collection ul {
  margin-top: 0;
  margin-right: 5px;
  font-size: 1.1em;
  list-style-type: none; }

.newsletter-collection ul li {
  padding: 3px 0 0 0; }

/*NEWS STUFF FROM MAINSTYLE2014*/
/******************************************
*          NEWS NOTICES
*******************************************/
.news-notices {
  margin: 0;
  background-color: White;
  border-radius: 6px;
  padding: 12px;
  width: 47%;
  float: left;
  min-height: 350px; }

.news-notices .item {
  width: 100%;
  position: relative;
  min-height: 348px; }

.news-notices .item .image {
  margin: 10px 0 0 0;
  padding-right: 5px;
  width: 42%;
  float: left; }

.news-notices .item .image img {
  height: auto;
  max-width: 100%;
  border: none; }

.news-notices .item .detail {
  width: 54%;
  overflow: auto;
  max-height: 170px; }

.news-notices .item .detail h3 {
  margin-top: 2px; }

.news-links {
  margin: 4px 0 0 -10px; }

.news-notices .contents {
  min-height: 295px; }

.page-links {
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: -5px; }

/*****************************************************************
* Name: arrow_link.scss
* Applies to: Featured/Popular Links
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
******************************************************************/
.arrow-link-list {
  list-style-type: none;
  font-size: 1.2em;
  /*12px; */
  margin: 0 12px 0 0;
  padding: 0; }

.arrow-link-list li {
  line-height: 1.833em;
  border-bottom: dotted 1px #585858; }

.arrow-link-list a {
  text-decoration: none;
  margin: 0 0 0 0px;
  padding: 0 0 0 26px;
  text-indent: -17px;
  display: block; }

.arrow-link-list a:before {
  padding-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f178";
  color: gray; }

.arrow-link-list a:hover,
.arrow-link-list a:focus {
  color: #722a06;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif;
  letter-spacing: 0.01em; }

.popular-links-section .arrow-link-list {
  width: 100%; }

.related-links-section .arrow-link-list {
  width: 185px; }

.dept-two-column .detail a:hover,
.dept-two-column .detail a:focus {
  text-decoration: underline; }

/**********************************************************************
*                           TWO COLUMN LIST
***********************************************************************/
.category-heading {
  margin-top: 17px; }

.category-heading .title a {
  text-decoration: none;
  border-bottom: dotted 1px #585858;
  display: block;
  font-size: 1.8em;
  color: #b15300;
  position: relative;
  margin-bottom: 10px; }

.category-heading .title a span {
  background: #fff;
  padding-right: 9px;
  position: relative;
  top: 10px; }

.two-column-list {
  line-height: 1.8em; }

.two-column-list .detail-heading {
  font-size: 1.4em;
  margin: 0px 0 20px 0;
  padding: 0; }

.two-column-list .detail-rule {
  border-bottom: dotted 1px black; }

.two-column-list .detail {
  width: 45%;
  float: left;
  min-height: 20px;
  padding: 0 0 20px 25px; }

.two-column-list .communities {
  height: 9em; }

.two-column-list .detail .no-link {
  font-weight: bold;
  font-size: 1.5em; }

.two-column-list .detail a {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.5em; }

.two-column-list .detail a:hover, .two-column-list .detail a:focus {
  text-decoration: underline; }

.two-column-list .detail p {
  font-size: 1.2em;
  margin: 0;
  padding: 0; }

/****************************************************
        COUNTY SECOND LEVEL PAGE STYLES
*****************************************************/
#category-list {
  padding: 0px 21px 0px 20px;
  height: auto;
  width: 94%;
  z-index: 10;
  float: left; }

/*--------------------------------------------------
     VERTICAL-SHADOW3 - 
Note: the width of each item will accomodate 3 items in a row
in the main-content; to change layout, create a new class based on this
and change the number (e.g. "vertical-shadow2")
---------------------------------------------------*/
.vertical-shadow3 {
  max-width: 204px;
  width: 33%;
  /* CTW: changed to min-height to help font resizing work better */
  min-height: 315px;
  float: left;
  z-index: 11;
  margin-bottom: 35px; }

.vertical-shadow3 .title {
  line-height: 1.4;
  vertical-align: middle;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 1.8em;
  border-bottom: dotted 1px #585858;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  padding-bottom: 5px; }

.vertical-shadow3 .title a {
  display: block;
  text-decoration: none;
  color: #000; }

.vertical-shadow3 .title a:hover,
.vertical-shadow3 .title a:focus {
  color: #722A06;
  /* CTW: changed font to help text resizing work better */
  text-decoration: none;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif; }

.vertical-shadow3 .image {
  padding: 7px 0px 7px 0px;
  text-align: center;
  width: 79%;
  height: auto;
  margin: 0px auto 10px auto;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px; }

.vertical-shadow3 .image img {
  border: none;
  width: 90%;
  height: auto; }

/* CTW: modified subsequent classes to make font resizing work */
.vertical-shadow3 .info {
  max-width: 170px;
  /* 	overflow: hidden; */
  padding: 0px 20px 0px 21px;
  text-align: center; }

.vertical-shadow3 .info .link-list {
  max-width: 158px;
  font-family: Verdana;
  font-size: 1.1em;
  /* 11px; */
  text-align: left;
  list-style-type: none; }

/* CTW: added to make links look better on hover */
.vertical-shadow3 .info .link-list a:hover {
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif; }

/*****************************************************************
*                          CONTENT DETAIL 
******************************************************************/
#page-detail {
  margin-top: 37px; }

/*------------------------------------------------
				PAGE TITLE
--------------------------------------------------*/
/* New version using <h1> */
#page-title {
  margin: 33px 0 0 0;
  border-bottom: double 5px #707070;
  width: 100%;
  position: relative;
  color: white; }

#page-title h1 {
  margin-top: 0;
  font-weight: normal;
  font-size: 2.7em;
  letter-spacing: normal;
  line-height: 1.22em;
  padding-bottom: 6px; }

#page-title h1 span {
  max-width: 430px;
  display: block; }

#page-title .title {
  max-width: 420px;
  float: left;
  margin: 0 0 7px 0; }

#page-title .link {
  position: absolute;
  bottom: 9px;
  right: 0;
  max-width: 240px;
  text-align: right;
  float: right;
  font-size: 1.2em;
  padding: 0;
  margin: 0; }

/* END NEW */
#page-title .link a {
  padding-left: 18px;
  text-decoration: none;
  background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
  background-position: 0 center; }

#page-title .link a:hover, #page-title .link a:focus {
  /* CTW: underline on hover */
  text-decoration: underline; }

/*****************************************************************
* Name: link-related.scss
* Applies to: special links (with icons)
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
*           09/01/2017 (Christopher White: added separate .icon-links styling for side menus.)
*           09/07/2017 (Christopher White: changed the padding values for the link icons.)
*           09/14/2017 (Christopher White: changed the left padding value for the link icons.)
******************************************************************/
/*****************************************************************
* Lists used on the services pages (i.e. Government)
******************************************************************/
.link-list {
  background-color: Transparent;
  list-style-type: none;
  font-size: 0.75em;
  /* 12px; */
  margin: 0px;
  padding: 0px; }

.link-list li {
  padding: 0 0 6px 0; }

.link-list a {
  text-decoration: none !important;
  margin: 0 0 0 0;
  padding: 0 0 0 17px;
  text-indent: -14px;
  display: block; }

.link-list a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 4px;
  content: "\f061";
  color: lightgray !important; }

.link-list a:hover {
  color: #722a06;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif; }

/*****************************************************************
* Add icons to special link classes
******************************************************************/
a.externallink:after {
  content: "\f08e";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.externallinkpdf:after {
  content: "\f08e   \f1c1";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.externallinkword:after {
  content: "\f08e   \f1c2";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.pdfdoc:after {
  content: "\f1c1";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.worddoc:after {
  content: "\f1c2";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.pptdoc:after {
  content: "\f1c4";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.exceldoc:after {
  content: "\f1c3";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

a.podcast:after {
  content: "\f2ce";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 2px; }

.icon-links {
  padding-left: 4px; }

.menu-item .icon-links {
  padding-left: 16px; }

/*****************************************************************
* Miscellaneous link styling
******************************************************************/
a.subscribe {
  padding: 5px 0 5px 20px;
  background: transparent url(../images/newsletter_icon.png) no-repeat left center;
  position: relative; }

span.subscribe {
  font-weight: bold;
  padding: 0 0 5px 20px;
  background: transparent url(../images/newsletter_icon.png) no-repeat left center;
  text-indent: 40px;
  position: relative; }

.calendarchooser-title {
  position: absolute;
  top: 95px;
  font-family: Verdana;
  font-size: 1.3em;
  font-weight: bold; }

/*****************************************************************
*                        HOT TOPICS
******************************************************************/
#hot-topics {
  height: auto;
  width: 220px;
  display: block; }

#hot-topics .title {
  font-size: 1.8em;
  display: block;
  border-bottom: dotted 1px black;
  margin-bottom: 19px; }

#hot-topics .title .image {
  float: left;
  margin: 0;
  padding-right: 9px; }

#hot-topics .title .text {
  float: right;
  width: 160px;
  margin: 0;
  padding: 0;
  margin-top: 15px; }

#hot-topics .topic {
  margin-bottom: 30px;
  display: block;
  width: 200px; }

#hot-topics .topic img {
  float: left;
  vertical-align: middle;
  padding-right: 9px; }

#hot-topics .topic .detail {
  float: right;
  width: 140px; }

#hot-topics .topic a {
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold; }

#hot-topics .topic a:hover {
  text-decoration: underline; }

#hot-topics .topic .detail p {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 1.1em; }

.content-text {
  font-size: 1.2em;
  margin-top: 28px; }

/* Style with no title image and narrower column */
#hot-topics2 {
  height: auto;
  width: 200px;
  display: block; }

#hot-topics2 .title {
  font-size: 1.8em;
  display: block;
  border-bottom: dotted 1px black;
  padding: 0px 0px 2px 0px;
  margin-bottom: 10px; }

#hot-topics2 .topic {
  margin-bottom: 30px;
  display: block;
  width: 200px; }

#hot-topics2 .topic img {
  padding-right: 9px; }

#hot-topics2 .topic .detail {
  float: right;
  width: 140px; }

#hot-topics2 .topic a {
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold; }

#hot-topics2 .topic a:hover {
  text-decoration: underline; }

#hot-topics2 .topic .detail p {
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 1.1em; }

/*********************************************************************
*                                 List Box                           *
**********************************************************************/
#job-class .list-box-container {
  width: 43%;
  float: left; }

#job-class input, #job-class select {
  font-size: 1.1em; }

.list-box {
  width: 100%; }

/*****************************************************************
*
* Name: countySideMenu_sideNav.scss
* Applies to: side navigation menus
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
*           09/05/2017 (Christopher White: fixed a problem with the styling of the top menu items in
*                      the side nav.)
*
******************************************************************/
#side-nav-menu {
  padding: 0px;
  margin-bottom: 20px;
  margin-top: 25px; }

#side-nav-menu a {
  text-decoration: none; }

#side-nav-menu .title {
  margin-top: 24px;
  background-color: #516788;
  border-radius: 3px;
  color: White;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-align: left;
  vertical-align: middle;
  width: 96%;
  font-size: 1.5em;
  margin: 0;
  padding: 3px 3px 3px 7px;
  border: none; }

#side-nav-menu .title a {
  color: #fff; }

#side-nav-menu .title a:hover,
#side-nav-menu .title a:focus {
  color: #fbe694; }

#side-nav-menu ul {
  list-style: none;
  padding: 0;
  margin: 0px;
  width: 100%; }

#side-nav-menu .menu-item .header {
  display: block;
  border-bottom: solid 1px #585858;
  line-height: 2.4em;
  text-indent: -13px;
  padding-left: 16px; }

#side-nav-menu .menu-item .header a {
  font-size: 1.2em;
  font-weight: bold;
  color: black; }

#side-nav-menu .menu-item .header .treeopencurrent a,
#side-nav-menu .menu-item .header .treeopen a,
#side-nav-menu .menu-item .header .treeclosed a {
  float: left; }

#side-nav-menu .menu-item .header a.treeopencurrent:before,
#side-nav-menu .menu-item .header a.treeopen:before {
  padding-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f147"; }

#side-nav-menu .menu-item .header a.treeclosed:before {
  padding-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f196"; }

#side-nav-menu .menu-item a:hover,
#side-nav-menu .menu-item a:focus {
  color: #722a06; }

#side-nav-menu .current-menu-item a {
  display: block;
  width: 200px;
  padding: 4px 0 4px 15px;
  border-bottom: solid 1px black;
  font-weight: bold;
  color: black; }

#side-nav-menu .subitem {
  min-height: 20px; }

#side-nav-menu .subitem a,
#side-nav-menu .lastsubitem a {
  color: #0F5F89;
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.818em;
  min-height: 21px;
  text-indent: -15px;
  padding-left: 33px; }

#side-nav-menu .subitem a:hover,
#side-nav-menu .subitem a:focus {
  color: #722a06;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.818em; }

#side-nav-menu .subitem a:before,
#side-nav-menu .lastsubitem a:before {
  padding-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: inherit;
  content: "\f178";
  color: gray; }

#side-nav-menu .subitem a {
  border-bottom: 1px dotted #585858; }

#side-nav-menu .lastsubitem a:hover,
#side-nav-menu .lastsubitem a:focus {
  font-weight: bold;
  font-size: 1.1em;
  font-family: Tahoma, Geneva, sans-serif; }

#side-nav-menu .lastsubitem a {
  border-bottom: 1px solid #585858; }

#side-nav-menu .subitem-current,
#side-nav-menu .lastsubitem-current {
  display: block;
  padding-left: 33px;
  text-indent: -15px;
  font-size: 1.1em;
  /* 11px; */
  color: #000;
  line-height: 1.818em;
  font-weight: bold;
  border-bottom: 1px dotted #585858; }

#side-nav-menu .subitem-current:before,
#side-nav-menu .lastsubitem-current:before {
  padding-right: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: inherit;
  content: "\f178";
  color: gray; }

#side-nav-menu .subitem-current a {
  border-bottom: dotted 1px #585858; }

/* -----------------------------------------------
                  DROP-DOWN
--------------------------------------------------*/
/* Look and feel of select box */
.selectbox {
  width: 220px;
  padding: 0 0 0 10px !important; }

#test {
  color: Fuchsia;
  padding: 0 0 0 10px; }

/*****************************************************************
*                   SERVICE CATEGORY LIST
******************************************************************/
.service-category {
  margin-bottom: 14px; }

.service-category .title {
  margin-bottom: 15px; }

.service-category .title img {
  border: none;
  padding-right: 5px; }

.service-category .title a {
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
  font-size: 1.8em;
  line-height: 1.0em;
  color: #0F5F89;
  position: relative;
  top: 7px;
  padding: 0 0 0 20px;
  background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
  background-position: left center; }

.service-category .title a:hover {
  text-decoration: underline;
  color: #722a06; }

.service-category .title a i {
  font-size: .7em; }

.service-category .description {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 0 18px;
  border-bottom: dotted 1px #585858;
  padding-bottom: 20px; }

.jail {
  line-height: 1.2; }

.jail li {
  border-left: 1px solid #6f6f6f;
  padding-left: 5px;
  font-size: 1.8em; }

.jail a {
  font-size: 18px; }

.jail ol {
  font-family: Times new Roman;
  font-size: 1.0em;
  padding-left: 5px; }

.jail li p {
  padding-left: 5px !important;
  /* border-left:1px solid #6f6f6f;*/
  font-size: .7em;
  /* 14px */
  font-family: 'Lato'; }

/*.jail ol ,.jail p {
padding-left:5px; 
}*/
.service-category .description-last {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 0 20px;
  padding-bottom: 20px; }

/*****************************************************************
*                   SERVICE LIST
******************************************************************/
.intro-text {
  padding: 0;
  margin-bottom: 25px; }

.intro-text p {
  font-family: Verdana;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0; }

/*****************************************************************
*                        SERVICES FILTER
******************************************************************/
.service-button {
  width: 190px;
  margin: 5px; }

.service-button-current {
  width: 190px;
  margin: 5px;
  border: solid 2px black; }

#calendar {
  z-index: 10000; }

/*****************************************************************
*                        SERVICES PAGE
******************************************************************/
.main-search-box-active {
  height: 25px;
  padding-left: 0;
  vertical-align: middle;
  max-width: 350px;
  color: #000;
  letter-spacing: 0.05em;
  text-indent: 10px;
  font-style: normal;
  /*     border-right:none; */
  vertical-align: top;
  font-size: 1.2em;
  /*     box-shadow: 2px 2px 6px #888888; */ }

.services-search-completion-list {
  border: solid 1px #585858;
  width: 100%;
  margin: 0;
  text-indent: 6px;
  z-index: 10050;
  display: block;
  position: absolute;
  float: left;
  background-color: white;
  list-style-type: none;
  padding: 0 !important;
  max-height: 390px;
  overflow-y: scroll; }

#service-content .services-category {
  margin-top: 15px; }

#service-content .detail h4 {
  background: url(../images/sidemenu/nav_button_on_blank.png) no-repeat;
  padding-top: 7px;
  height: 36px;
  font-size: 1.2em;
  text-align: center; }

#service-content h3 {
  font-size: 1.7em;
  font-weight: bold; }

#service-content h5 {
  font-size: 1.7em;
  font-weight: bold; }

#service-content h6 {
  border-top: 1px dotted black;
  font-size: 1.7em;
  font-weight: bold;
  margin-top: 0;
  padding-top: 20px; }

#service-content .search-style {
  width: 202px;
  display: inline;
  float: left;
  margin-right: 70px; }

#service-content .search-detail a {
  text-decoration: none;
  margin-bottom: 0;
  font-size: 1.2em; }

#service-content .search-item-text {
  margin-top: 0px; }

#service-content .services-list {
  border-top: 1px dotted black;
  margin-top: 15px; }

#service-content .result-summary p {
  background-color: #585858;
  width: 100%;
  color: black;
  padding: 3px 0 3px 10px;
  margin-bottom: 15px;
  font-weight: bold; }

#service-content .result-summary .detail {
  background-color: #585858;
  color: black;
  font-weight: bold;
  height: 19px;
  margin-bottom: 15px;
  margin-top: 20px;
  padding: 3px 0 3px 10px;
  width: 100%; }

#service-content .search-detail p {
  margin-bottom: 20px;
  width: 700px; }

.reducedown {
  font-size: 0.889em;
  border-top: 1px dotted black;
  font-weight: bold;
  margin-top: 0;
  padding-top: 20px;
  width: 90%; }

#service-content .padding1 {
  margin-top: 10px; }

#service-content .padding2 {
  margin-left: 20px; }

#service-content .padding2 a {
  font-weight: bold; }

.result-count {
  float: left;
  font-size: 1.2em; }

.result-nav {
  float: right;
  margin-right: 15px; }

.bluecolor {
  color: #0F5F89; }

.news-image img {
  width: 953px; }

/*****************************************************************
*                  HAVE QUESTION SECTION
******************************************************************/
#have-question-section {
  margin: 30px 0 0 0;
  width: 207px;
  height: auto;
  overflow: hidden; }

#have-question-section .title {
  font-size: 2.0em;
  margin-bottom: 9px;
  font-weight: normal;
  margin-top: 0; }

#have-question-section ul {
  list-style-type: none;
  float: left;
  margin: 0 0 0 20px;
  padding: 0;
  width: 207px; }

#have-question-section li {
  font-size: 1.2em;
  margin-bottom: 2px;
  background: url(../images/New-Grey-Arrow-Final.png) no-repeat;
  text-decoration: none;
  font-weight: bold;
  padding: 0 0 0 20px; }

#have-question-section li a {
  font-weight: normal; }

#have-question-section li a:hover {
  text-decoration: none;
  font-weight: bold; }

/****************************************************************
*
* Name: simple_content_text.scss
* Applies to: simple content text
* Modified: 08/07/2017 (Christopher White: changed default link (anchor) styling in plain
*                      paragraphs.)
*
*****************************************************************/
.simple-content-text {
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 1.65;
  width: 100%; }

.simple-content-text a {
  color: #0F5F89;
  text-decoration: none; }

/* Added to give links in plain text better visibility */
.simple-content-text p > a,
.simple-content-text p > em a,
.simple-content-text p > i a {
  color: #0F5F89;
  text-decoration: underline; }

.simple-content-text a:hover {
  color: #722a06;
  text-decoration: underline; }

.simple-content-text .title a {
  text-decoration: none;
  padding-left: 18px;
  background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
  background-position: 0 center;
  color: #0F5F89; }

.simple-content-text .title a:hover {
  color: #722A06;
  text-decoration: underline; }

.simple-content-text .underline {
  border-bottom: 1px solid #000;
  margin: 0 0 0.8em; }

.simple-content-text h2 {
  font-size: 1.34em;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 0; }

.simple-content-text h2.smaller {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0; }

.simple-content-text h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 0 0 0.25em;
  padding: 0; }

.simple-content-text h4, .simple-content-text h5, .simple-content-text h6 {
  font-size: 1.0em;
  font-weight: bold;
  margin: 0;
  padding: 0; }

.simple-content-text h5, .simple-content-text h6 {
  font-style: italic; }

.simple-content-text h6 {
  font-weight: normal; }

.simple-content-text .email-heading {
  background-color: #0f5f89;
  color: white;
  margin: 20px 0 5px 0; }

.simple-content-text .small {
  font-size: .7em; }

.simple-content-text p {
  margin: 0;
  padding: 0 0 1em; }

.simple-content-text .center {
  text-align: center; }

.simple-content-text hr {
  margin-top: 6px;
  margin-bottom: 16px; }

/* For simple-content-text in the JQuery UI tab widget */
#tabs .simple-content-text {
  font-size: 1.09em; }

/* Table classes */
.simple-content-text table {
  padding: 0 5px 0 5px;
  border-collapse: collapse;
  margin-bottom: 15px;
  background-color: White; }

.simple-content-text caption {
  font-size: 1.17em;
  font-weight: bold;
  text-align: center;
  background-color: #eeeeee;
  margin: 5px 0 10px;
  padding: 2px 0; }

.simple-content-text th {
  border-right-style: hidden;
  border-left-style: hidden;
  border-top-style: hidden;
  border-bottom: solid 1px black;
  text-align: left;
  padding-right: 10px; }

.simple-content-text td, .simple-content-text th.rowheading {
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom: dotted 1px #585858;
  padding-right: 10px; }

.simple-content-text .simple-table tr th {
  border-bottom: none; }

.simple-content-text .simple-table tr td {
  border-bottom: none; }

.simple-content-text .table2 caption {
  text-align: left;
  color: White;
  background-color: #0f5f89;
  padding: 0 0 0 5px;
  margin-bottom: 10px; }

.simple-content-text .table2 tr th {
  padding-left: 5px; }

.simple-content-text .table2 tr td {
  padding-left: 5px; }

.simple-content-text .layout-table {
  border: none !important; }

.simple-content-text .layout-table td {
  border: none !important; }

/* End table classes */
/* Placement classes */
.simple-content-text .centertable, .simple-content-text .image-center {
  margin-left: auto;
  margin-right: auto; }

.simple-content-text .margin-bottom10 {
  margin-bottom: 10px; }

.simple-content-text .margin-bottom15 {
  margin-bottom: 15px; }

.simple-content-text .margin-top10 {
  margin-top: 10px; }

.simple-content-text .margin-top15 {
  margin-top: 15px; }

.simple-content-text .margin-top20 {
  margin-top: 20px; }

.simple-content-text .indent-left5 {
  padding-left: 5px; }

.simple-content-text .indent-left20 {
  padding-left: 20px; }

.simple-content-text .indent-left40 {
  padding-left: 40px; }

.simple-content-text ol, .simple-content-text ul {
  margin: 0;
  padding: 0 0 1em 40px; }

.simple-content-text .link-list {
  margin-top: 10px;
  font-size: 1.0em; }

.simple-content-text blockquote:after {
  content: close-quote;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1; }

.simple-content-text blockquote:before {
  content: open-quote;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1; }

.simple-content-text blockquote {
  border-left: 3px solid #EEEEEE;
  clear: both;
  display: block;
  float: none;
  margin: 0 40px;
  padding: 10px 20px;
  quotes: "“" "”"; }

.simple-content-text p.attribute-quote {
  font-style: italic;
  padding-left: 63px; }

.simple-content-text .blocktext {
  margin: 0;
  padding: 0 60px 1em 40px; }

.simple-content-text .callout {
  border: 1px dashed gray;
  padding: 15px; }

/* Image detail */
.simple-content-text .image-detail {
  margin-bottom: 12px;
  min-height: 20px;
  height: auto; }

.simple-content-text .image-detail .image {
  margin: 0;
  padding: 0;
  float: left;
  vertical-align: top;
  max-width: 135px; }

.simple-content-text .image-detail .image div img {
  padding-bottom: 20px; }

.simple-content-text .image-detail .detail {
  margin: 0;
  float: right;
  vertical-align: top;
  max-width: 500px; }

.simple-content-text .left-col {
  float: left;
  max-width: 164px; }

.simple-content-text .left-col img {
  padding: 0 8px 0 8px; }

.simple-content-text .right-col {
  float: right;
  max-width: 460px;
  margin-left: 10px; }

/* Frames and image placement */
.simple-content-text .map-frame-right {
  float: right;
  padding: 8px;
  border: 1px solid gray;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -moz-box-shadow: 3px 3px 5px #888888;
  box-shadow: 4px 4px 5px #888888;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1; }

.simple-content-text .image-frame {
  padding: 6px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -moz-box-shadow: 3px 3px 5px #cccccc;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px; }

.simple-content-text .image-frame img {
  width: 100%;
  height: auto; }

.simple-content-text .image-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px; }

.simple-content-text .image-left {
  float: left;
  margin-right: 25px;
  margin-bottom: 5px; }

/* Box insert */
.simple-content-text .box-insert {
  border: solid 1px black;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px; }

.simple-content-text .light .box-insert {
  border: solid 1px #d3d3d3;
  padding: 5px 0 5px 3px; }

.simple-content-text .box-insert h2 {
  border-bottom: dotted 1px black;
  margin-bottom: 0.8em;
  padding-left: 10px;
  font-size: 1.17em; }

.simple-content-text .box-insert h3 {
  border-bottom: dotted 1px black;
  margin-bottom: 0.8em;
  padding-left: 10px; }

.simple-content-text .box-insert ul {
  padding: 0 5px 1em 25px; }

/*PR - created new classes to position and style a captioned image 10/2015*/
.image-caption-right {
  float: right;
  margin: 0 6px 5px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -moz-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 4px 4px 5px #ccc;
  display: inline-block;
  /* Stupid IE < 9 hacks*/
  position: relative;
  zoom: 1;
  /*styles for the caption*/
  text-align: left;
  color: #000;
  font-size: .9em;
  padding: 11px 11px 7px; }

.image-caption-right img {
  width: 100%; }

/* Styles for the caption */
.image-caption-right span {
  text-align: left;
  color: #000;
  font-size: .9em;
  padding-right: 8px; }

.image-caption-left {
  float: left;
  margin: 0 12px 3px 0px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -moz-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 4px 4px 5px #ccc;
  display: inline-block;
  /* Stupid IE < 9 hacks*/
  position: relative;
  zoom: 1;
  padding: 11px 11px 7px; }

.image-caption-left img {
  width: 100%; }

/* Styles for the caption */
.image-caption-left span {
  text-align: left;
  color: #000;
  font-size: .9em;
  padding-right: 8px; }

/* CTW: added a class for handling wide tables using JQuery */
.widetablediv {
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: 15px; }

.widetabledivmsg {
  display: none; }

/*---------------------------------------------------------------------------------------------------
                        Home page and department page banner classes
---------------------------------------------------------------------------------------------*/
.homepage-banner {
  color: White;
  min-height: 2.8em;
  font-size: 1.6em;
  overflow: hidden;
  max-width: 960px;
  border-radius: 6px;
  margin: 8px 0px 0px 0px; }

.homepage-banner p {
  padding: 10px 2px 10px 46px;
  margin: 0 6px 0 6px;
  font-weight: bold; }

.homepage-banner a {
  font-weight: bold;
  color: White;
  text-decoration: underline; }

.homepage-banner a:hover {
  color: White; }

.banner-purple {
  background: #6003af url(../images/banner/purple.png) no-repeat 1% 50%;
  background-origin: content-box; }

.banner-red {
  background: #b00000 url(../images/banner/red.png) no-repeat 1% 50%; }

.banner-red a {
  color: gold; }

.banner-red a:hover {
  text-decoration: underline;
  color: yellow; }

.banner-green {
  background: #01671b url(../images/banner/green.png) no-repeat 1% 50%; }

.banner-blue {
  background: #0f5f89 url(../images/banner/blue.png) no-repeat 1% 50%; }

.banner-blue a {
  font-weight: bold;
  color: White;
  text-decoration: underline; }

.banner-blue a:hover {
  text-decoration: underline;
  color: yellow; }

.banner-amber {
  color: Black;
  background: #ffbf00 url(../images/banner/amber.png) no-repeat 1% 50%; }

.banner-yellow {
  color: Black;
  background: #fff963 url(../images/banner/yellow.png) no-repeat 1% 50%; }

.banner-yellow a, .banner-amber a {
  color: Black; }

.banner-yellow a:hover, .banner-amber a:hover {
  color: Black; }

.standard-banner {
  color: White;
  min-height: 32px;
  font-size: 1.4em;
  overflow: hidden;
  max-width: 960px;
  border-radius: 6px;
  margin: 16px 0px 20px 0px;
  padding: 4px 0px; }

.standard-banner p {
  padding: 0px 46px;
  margin: 4px 6px 0 6px;
  font-weight: bold; }

/*****************************************************************
* Name: dept_landingPage_CollectionPage.scss
* Applies to: collection pages
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
******************************************************************/
.collection-item {
  margin: 0 40px 32px 40px;
  overflow: hidden; }

.collection-item .image {
  float: left;
  margin: 0;
  padding: 6px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px; }

.collection-item .image img {
  border: none; }

/*PR - 10/15 - changed float direction and added a margin left to collection-item to correct changes that occurred after max-width was added to allow for responsiveness.*/
.collection-item .detail {
  float: left;
  max-width: 430px;
  margin-left: 20px; }

.collection-item .detail .title {
  margin-bottom: 9px;
  font-weight: normal;
  font-size: 1.7em; }

.collection-item .detail .title a {
  text-decoration: none;
  padding: 0 0 0 0px;
  /*     background: url(../images/New-Orange-Arrow-Final.png) no-repeat; */
  /*     background-position: left center; */ }

.collection-item .detail .title a:before {
  content: "\f061";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  color: peachpuff; }

.collection-item .detail .title a:hover {
  text-decoration: underline; }

.collection-item .detail p {
  font-family: Verdana;
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 0px; }

/* Horizontal orientation */
.collection-item-horz {
  height: 14.5em;
  line-height: 1.4;
  width: 283px;
  float: left;
  margin: 15px 20px 15px 15px;
  overflow: hidden;
  z-index: 10; }

.collection-item-horz .image {
  float: left;
  margin: 0px 10px 0px 0px;
  max-width: 118px;
  padding: 6px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  /* 	background: url(../images/collection_page_image_background_final.png) no-repeat; */ }

.collection-item-horz .image img {
  border: none; }

.collection-item-horz .detail {
  float: right;
  width: 53%; }

.collection-item-horz .title {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 4px 0; }

.collection-item-horz p {
  font-size: 1.2em;
  margin-top: 0;
  width: auto; }

/* Vertical with no image (based on service-category) */
.collection-item-noimg, .collection-item-noimg-ruled {
  margin-bottom: 2.5em; }

.collection-item-noimg-ruled {
  border-bottom: 1px dotted black;
  padding-bottom: 1.5em; }

.collection-item-noimg .detail .title a,
.collection-item-noimg-ruled .detail .title a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #0F5F89;
  display: inline-block;
  padding: 0 0 0 0px;
  /*    background: url(../images/New-Orange-Arrow-Final.png) no-repeat; */
  /*    background-position: left center; */ }

.collection-item-noimg .detail .title a:before,
.collection-item-noimg-ruled .detail .title a:before {
  content: "\f061";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  color: peachpuff; }

.collection-item-noimg .detail .title a:hover, .collection-item-noimg-ruled .detail .title a:hover {
  text-decoration: underline;
  color: #722a06; }

.collection-item-noimg p, .collection-item-noimg-ruled p {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 5px 0 0 20px;
  max-width: 640px; }

/****************************************************************
*
* Name: print_shareBar.scss
* Applies to: print share bar
* Modified: 07/26/2017 (Christopher White: changed to use Font Awesome glyphs instead of images
*                      for the icons.)
*
*****************************************************************/
#printsharebar {
  margin-top: 8px;
  overflow: hidden;
  margin-bottom: 35px;
  padding: 1px 1px 1px 0px; }

#printsharebar #nametitle {
  float: left; }

#printsharebar #psicons {
  float: right; }

#printsharebar #psicons .item {
  float: left;
  padding-right: 5px;
  font-size: 1.7em; }

#printsharebar #psicons .item:hover, #printsharebar #psicons .item:focus {
  opacity: 0.7; }

#printsharebar #psicons img {
  border: none; }

#print-layout-area #printsharebar #psicons {
  display: none; }

/****************************************************************
*
* Name: printer.scss
* Applies to: print-only layout
* Modified: 07/26/2017 (Christopher White: added FAQ styling, back button styling, no-print class.)
*           09/01/2017 (Christopher White: added a rule to make the tabs visible in the print layer
*                      because in the regular display layer JS turns on the visibility after the
*                      widget is built, to avoid a FOUC.)
*           09/11/2017 (Christopher White: added the same fix to collapsible panels that was
*                      done to the tabs.)
*
*****************************************************************/
@media print {
  .no-print, .no-print * {
    display: none !important; } }
#print-layout-area {
  /*     max-width: 653px; */
  /*     float: left; */ }

#print-layout-area .back-btn {
  text-align: center; }

#print-layout-area .back-btn input {
  height: 2.5em;
  padding: 0 20px; }

#print-layout-area #page-title {
  margin-bottom: 35px; }

#print-layout-area img {
  width: 98%;
  height: auto; }

#print-layout-area .flex-caption {
  font-size: 1.2em; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the FAQs look better                */
/* ----------------------------------------------------------------------------*/
#print-layout-area .faq .answerinit {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 7px;
  display: block; }

#print-layout-area .faq .simple-content-text {
  margin-bottom: 7px; }

#print-layout-area .faq .header {
  font-size: 1.8em; }

#print-layout-area .faq .return-to-top {
  display: none; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the BOS interactive map look better */
/* ----------------------------------------------------------------------------*/
#mapnav {
  list-style-type: none; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the PW flood control district map   */
/* ----------------------------------------------------------------------------*/
#print-layout-area .image-map {
  height: 679px;
  width: 605px;
  background: url(../images/floodmap_base2.png) no-repeat bottom;
  margin-bottom: 20px; }

#print-layout-area .image-map a {
  padding-left: 20px; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the HR Performance Process graphic  */
/* ----------------------------------------------------------------------------*/
.hrpp-image-map {
  height: 294px;
  width: 640px;
  background: url(/departments/hr/images/SupervisoryReview_4_2.jpg) no-repeat; }

#print-layout-area .hrpp-image-map a {
  padding-left: 20px; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the FR image maps                   */
/* ----------------------------------------------------------------------------*/
.fire-station-image-map {
  height: 725px;
  width: 640px;
  background: url(/departments/fr/images/FireDistrictMap21.jpg) no-repeat; }

#print-layout-area .fire-station-image-map a {
  padding-left: 20px; }

.fire-history-image-map {
  height: 345px;
  width: 650px;
  background: url(/departments/fr/images/fire_timeline10.png) no-repeat; }

#print-layout-area .fire-history-image-map a {
  position: relative;
  top: -20px; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of JQueryUI tabs present properly when */
/*    there's no JS                                                            */
/* ----------------------------------------------------------------------------*/
#print-layout-area #tabs {
  display: block !important;
  font-size: 1.2em; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of JQueryUI collapsible panels present */
/* properly when there's no JS                                                 */
/* ----------------------------------------------------------------------------*/
#print-layout-area .cpanels {
  display: block !important; }

/* ----------------------------------------------------------------------------*/
/* To make the "print friendly" version of the Parks Advisory Council agendas  */
/* display properly.                                                           */
/* ----------------------------------------------------------------------------*/
#print-layout-area #agenda-item {
  margin-top: 15px; }

#print-layout-area #agenda-item-header-logo {
  width: auto; }

/*****************************************************************
*                         MISC STYLINGS
******************************************************************/
.centered-item {
  text-align: center; }

.collection-item p {
  margin-bottom: 0px; }

.nobottompadding {
  padding-bottom: 0px; }

.no-border {
  border: none; }

#nametitle {
  font-weight: bold; }

#page-detail p {
  margin-top: 0px;
  font-size: 1.2em; }

#page-detail a.external {
  padding-right: 20px;
  line-height: 1.3em;
  text-decoration: none;
  top: 0.15em;
  vertical-align: middle;
  background: transparent url(../images/www_icon.png) no-repeat 99% -1px; }

#page-detail a.pdf {
  background: url(../images/icon_PDF.gif) no-repeat right;
  white-space: pre-wrap;
  padding-right: 15px;
  text-decoration: none; }

/******************************************************************
*							MISCELLANEOUS
*******************************************************************/
.clear {
  clear: both; }

.error-message2 {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center; }

/**********************************************************************
*                OTHER
**********************************************************************/
.num {
  margin: 0px;
  padding: 0px;
  color: gray;
  font-size: 3.8em;
  vertical-align: middle; }

.bigwords {
  color: gray;
  font-size: 2.0em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1.3em; }

/*****************************************************************
*                     FEATURED ITEM CONTROL
******************************************************************/
.featured-item {
  padding-left: 21px;
  margin-bottom: 15px; }

.featured-item .title {
  line-height: 1.556em;
  vertical-align: middle;
  text-align: center;
  color: black;
  text-decoration: none;
  font-size: 1.8em;
  border-bottom: dotted 1px #585858;
  margin: 0 0 8px 0;
  padding-bottom: 4px; }

.featured-item .title a {
  text-decoration: none;
  color: #000; }

/* CTW: added class to aid in resizing fonts */
.featured-item .title a:hover {
  color: #722A06;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif; }

.featured-item .featured-image {
  padding: 6px;
  text-align: center;
  width: 79%;
  height: auto;
  margin: 0px auto 10px auto;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px; }

.featured-item .featured-image a img {
  border: none;
  width: 100%;
  height: auto; }

.two-column {
  font-size: 1.5em;
  margin-top: 8px; }

.two-column .left {
  float: left;
  overflow: hidden; }

.two-column .right {
  float: right;
  /* CTW: added to aid in font resizing */
  width: 170px;
  overflow: hidden; }

/******************************************************************
*				CALENDAR SPAD FEATURED AREA HOME PAGE
*******************************************************************/
.featured-calendar-left {
  position: static;
  top: 0;
  left: 0;
  color: #0F5F89;
  font-size: 1.8em;
  border-left: solid 2px #e2e2e2;
  /*#585858;*/
  border-bottom: solid 2px #e2e2e2;
  /*#585858;*/
  height: 238px;
  width: 356px; }

.featured-calendar-left .title {
  padding: 18px 0 8px 0;
  text-align: center; }

.featured-calendar-left .spud {
  height: 180px;
  width: 318px;
  margin-left: 19px;
  padding: 28px 0 8px 0; }

.panelvideo {
  /*margin-top:-14px;*/ }

.spotlight-calendar-title {
  margin-bottom: 10px;
  padding-bottom: 8px;
  margin-top: 5px;
  border-bottom: 1px dotted #808080;
  font-size: 1.6em; }

/*PR - Is this still valid or was it a one off survey?*/
/****************************************************
*           FEEDBACK SECTION
****************************************************/
.feedback-survey-section {
  width: 190px;
  margin: 30px 0 0 10px; }

.feedback-survey-section .header .image {
  width: 56px;
  float: left; }

.feedback-survey-section .header .image img {
  border: none; }

.feedback-survey-section .header .title {
  margin: 6px 6px 0 0;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.125em;
  width: 128px;
  float: right;
  text-transform: uppercase; }

.feedback-survey-section .detail {
  margin: 0 0 0 10px; }

.feedback-survey-section .detail p {
  padding: 0;
  margin: 0 0 8px 0;
  text-align: center;
  width: 178px;
  font-size: 1.1em; }

.feedback-survey-section .detail a {
  display: block;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding-left: 25px;
  background: url(../images/orange-arrow.png) no-repeat;
  background-position: 0 center;
  line-height: 1.833em; }

.feedback-survey-section .detail a:hover {
  text-decoration: underline; }

/*IMAGE STUFF FROM MAINSTYLE2014*/
/******************************************
*          RANDOM IMAGE / IMAGE GALLERY
*******************************************/
.image-row {
  margin-top: 12px;
  text-align: center; }

.image-row a {
  padding: 5px; }

.image-row img {
  border: none; }

#photo-gallery-link {
  font-size: 1.2em;
  text-align: right;
  margin-top: 1.2em;
  margin-right: 1.8em; }

/*FROM MAINSTYLE*/
/* ------------------------------------------------------------------------------------------------------- */
/*                                       IMAGE CAROUSEL                                                    */
/* ------------------------------------------------------------------------------------------------------- */
.carousel {
  background: url("../images/carousel-background.png") no-repeat;
  background-position: center center;
  width: 577px;
  height: 395px;
  padding: 0 5px 0 0;
  margin: 0 auto 25px auto; }

.feedback-section {
  margin-bottom: 20px; }

.feedback {
  border-bottom: dotted 1px #000;
  margin-bottom: 10px; }

/* ------------------------------------------------------------------------
                            Image Title Collection
   ------------------------------------------------------------------------*/
.image-title-collection {
  width: 100%; }

.image-title-collection .image-title-item {
  float: left;
  width: 200px;
  margin: 0 0 28px 0; }

.image-title-collection .image-title-item .image {
  padding: 8px 9px 9px 9px;
  border: none;
  width: 118px;
  height: 104px;
  background: url(../images/collection_page_image_background_final.png) no-repeat; }

.image-title-collection .image-title-item .image img {
  border: none;
  float: left; }

.image-title-collection .image-title-item .title {
  position: relative;
  bottom: 0;
  padding: 0;
  margin: 0; }

.image-title-collection .image-title-item .title a {
  background: none;
  padding: 0; }

/*****************************************************************
*     BACKGROUND IMAGES (deprecated -- use "image-frame" now)
******************************************************************/
/* ------------ Full Page Width Horizontal -----------*/
.simple-content-text .img-frame631x320 {
  background: url("../images/horiz-background-xlarge.png") no-repeat;
  background-position: 0 center;
  width: 655px;
  height: 345px; }

/* ----------- Spotlight size - horizontal ----------- */
.simple-content-text .img-frame357x241 {
  background: url("../images/background-images/spotlight-background-horz.png") no-repeat;
  background-position: 0 center;
  width: 381px;
  height: 267px; }

/* ------------- Spotlight size - vertical -------------*/
.simple-content-text .img-frame241x357 {
  background: url("../images/background-images/spotlight-background-vert.png") no-repeat;
  background-position: 0 center;
  width: 267px;
  height: 381px; }

.simple-content-text .img-frame241x357 img {
  border: none;
  padding: 9px 0 0 10px; }

/* ------------------ Large Square --------------------- */
.simple-content-text .img-frame144x132 {
  height: 158px;
  width: 169px;
  background: url("../images/top-level-shadow-background-category.png") no-repeat; }

.simple-content-text .img-frame144x132 img {
  border: none;
  padding: 9px 0 0 10px; }

/* ------------------- Small Square ---------------------*/
.simple-content-text .img-frame50x50 {
  width: 69px;
  height: 70px;
  background: url("../images/currently-in-marin-background.png") no-repeat; }

.simple-content-text .img-frame50x50 img {
  border: none;
  padding: 7px 0 0 6px; }

/*-------------------- Small Image ---------------------*/
.simple-content-text .img-frame100x132 {
  background: url("../images/vertical-background-small.png") no-repeat;
  background-position: 0 center;
  width: 120px;
  height: 152px; }

/*-------------------------------------------------------*/
.simple-content-text .img-frame146x135 {
  background: url("../images/top-level-shadow-background-category.png") no-repeat;
  background-position: 0 center;
  width: 169px;
  height: 158px; }

.simple-content-text .img-frame100x85 {
  background: url("../images/square-background-small.png") no-repeat;
  background-position: 0 center;
  width: 120px;
  height: 106px; }

.simple-content-text .img-frame417x260 {
  background: url("../images/horiz-background-large.png") no-repeat;
  background-position: 0 center;
  width: 437px;
  height: 281px; }

.simple-content-text .img-frame100x622 {
  background: url("../images/vertical-imagestrip-background.png") no-repeat;
  background-position: 0 center;
  width: 120px;
  height: 642px; }

.simple-content-text .img-frame200x200 {
  background: url("/images/background-images/facebook-background.png") no-repeat;
  background-position: 0 center;
  width: 227px;
  height: 226px; }

.simple-content-text .img-frame200x200 img {
  border: none;
  padding: 9px 0 0 10px; }

.simple-content-text .img-frame100x132 img,
.simple-content-text .img-frame100x85 img,
.simple-content-text .img-frame417x260 img,
.simple-content-text .img-frame100x622 img {
  border: none;
  padding: 7px 0 0 7px; }

.simple-content-text .img-frame357x241 img {
  border: none;
  padding: 11px 0 0 9px; }

.simple-content-text .img-frame631x320 img {
  border: none;
  padding: 9px 0 0 9px; }

.simple-content-text .img-frame146x135 img {
  border: none;
  padding: 8px 0 0 9px; }

/*******************************************************
 *                   TOC and Pagination                *
 * *****************************************************/
/* This construct should be embedded in .simple-content-text */
/* Peggi:  I have embedded this content into the simple-content-text page but am keeping this file until I can discuss it with the programmers - 6/27/14*/
/*Peggi:  Chris has determined this is his - not in use but we need to keep in this file.  Removed it from simple_content_text 7/3/14*/
#paginator {
  margin-left: auto;
  margin-right: auto;
  height: 30px;
  width: 25.6em; }

#paginator ul {
  border: 0;
  padding: 0; }

#paginator li {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none; }

#paginator li, #paginator a {
  border-left: solid 1px #DEDEDE;
  margin-right: 2px; }

#paginator .previous-off, #paginator .next-off {
  color: #888888;
  display: block;
  float: left;
  font-weight: bold;
  padding: 3px 4px; }

#paginator .next a, #paginator .previous a {
  font-weight: bold;
  border: solid 1px #FFFFFF; }

#paginator .previous a, #paginator .previous-off a {
  border: none; }

#paginator .next a {
  border-left: 1px solid #DEDEDE; }

#paginator .active {
  color: #000000;
  font-weight: bold;
  display: block;
  float: left;
  padding: 3px 6px; }

#paginator a:link, #paginator a:visited {
  display: block;
  float: left;
  padding: 3px 6px; }

#toc-box {
  border: solid 1px black;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  float: right;
  padding: 5px;
  margin-left: 10px;
  max-width: 45%; }

#toc {
  padding: .5em 2em .5em 2em; }

#toc li ol {
  padding: 0 0 1em 1.5em;
  margin-bottom: -10px;
  list-style-type: lower-roman; }

#toc li ol li ol {
  list-style-type: upper-roman; }

/*****************************************************************
* Name: infospots.scss
* Applies to: InfoSpots
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
******************************************************************/
/* Vertical orientation */
.infospotvert,
.infospotvert-link {
  height: 30em; }

.infospotvert,
.infospotvert-link,
.infospotvertnoimg-link {
  max-width: 185px;
  float: left;
  margin: 0 10px 25px 15px;
  z-index: 10; }

.infospotvertnoimg-link {
  height: 17em; }

.infospotvert .infoimage,
.infospotvert-link .infoimage {
  max-width: 160px;
  height: auto;
  margin: auto auto;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px; }

.infospotvert .infoimage img,
.infospotvert-link .infoimage img {
  border: none; }

.infospotvert h2,
.infospotvert-link h2 {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.563em;
  padding: 0;
  border-bottom: 1px dotted #000;
  margin-bottom: 5px; }

.infospotvertnoimg-link h2 {
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.563em;
  padding: 0;
  border-bottom: 1px dotted #000;
  margin-bottom: 5px; }

.infospotvertnodescription-link {
  float: left;
  border-bottom: none;
  margin-right: 25px;
  height: 210px;
  width: 158px; }

.infospotvertmednodescription-link {
  float: left;
  border-bottom: none;
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 21px;
  height: 163px;
  width: 123px; }

.infospotvertnodescription-link .infoimage,
.infospotvertmednodescription-link .infoimage {
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px; }

.infospotvertnodescription-link h2,
.infospotvertmednodescription-link h2 {
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.563em;
  padding: 0; }

.infospotvertnoimg-link h2 a {
  color: #0F5F89; }

.infospotvert-link h2 a:hover,
.infospotvertnoimg-link h2 a:hover {
  text-decoration: none;
  font-size: 1.1em;
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.35em; }

.infospotvert-link .simple-content-text {
  max-width: 160px; }

/* Horizontal orientation */
.infospothorz,
.infospothorz-link {
  min-height: 20em;
  max-width: 275px;
  float: left;
  margin: 0 10px 0 15px;
  z-index: 10; }

.infospothorz .infoimage,
.infospothorz-link .infoimage {
  margin-right: 10px;
  float: left;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px;
  padding: 6px; }

.infospothorz .infoimage img,
.infospothorz-link .infoimage img {
  border: none; }

.infospothorz h2,
.infospothorz-link h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  max-width: 140px;
  float: right; }

.infospothorz .simple-content-text,
.infospothorz-link .simple-content-text {
  margin-top: 0;
  height: 10.5em;
  max-width: 140px;
  float: right; }

/* Full width version */
.infospotfullwidth,
.infospotfullwidth-link {
  float: left;
  width: 100%;
  margin: 0 10px 0 15px;
  z-index: 10; }

.infospotfullwidth .infoimage,
.infospotfullwidth-link .infoimage {
  margin-right: 15px;
  margin-bottom: 30px;
  float: left;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px; }

.infospotfullwidth .infoimage img,
.infospotfullwidth-link .infoimage img {
  border: none; }

.infospotfullwidth h2,
.infospotfullwidth-link h2 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0; }

.infospotfullwidth .simple-content-text,
.infospotfullwidth-link .simple-content-text {
  margin-top: 0;
  width: auto; }

.infospotfullwidth .simple-content-text p,
.infospotfullwidth-link .simple-content-text p {
  margin-left: 5px;
  margin-right: 5px; }

.infospotfullwidth .simple-content-text ul,
.infospotfullwidth-link .simple-content-text ul,
.infospotfullwidth .simple-content-text ol,
.infospotfullwidth-link .simple-content-text ol {
  list-style-position: inside; }

.infospotfullwidth .link-list a,
.infospotfullwidth-link .link-list a {
  margin: 0 0 0 100px; }

/* For embedding with other content on a page */
.infospotfullwidthmedium-link {
  height: 10em;
  max-width: 400px;
  margin: 0 10px 0 15px; }

.infospotfullwidthmedium-link .infoimage {
  margin-right: 15px;
  margin-bottom: 30px;
  float: left;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px; }

.infospotfullwidthmedium-link .infoimage img {
  border: none; }

.infospotfullwidthmedium-link h2 {
  font-size: 1.4em;
  font-weight: bold;
  paddininfospotfullnoimgnodesc-linkg: 0;
  margin: 0 0 5px 0; }

.infospotfullwidthmedium-link .simple-content-text {
  margin-top: 0;
  width: auto; }

.infospotfullwidthmedium-link .simple-content-text p {
  margin-left: 5px;
  margin-right: 5px; }

.infospotfullwidthmedium-link .simple-content-text ul,
.infospotfullwidthmedium-link .simple-content-text ol {
  list-style-position: inside; }

.infospotfullwidthmedium-link .link-list a {
  margin: 0 0 0 100px; }

/* For embedding along with other content on a page */
.infospotfullwidthsmall-link {
  height: 13em;
  max-width: 300px;
  margin: 0 10px 0 15px;
  z-index: 10; }

.infospotfullwidthsmall-link .infoimage {
  max-width: 65px;
  height: 8em;
  margin-right: 15px;
  margin-bottom: 30px;
  float: left;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 4px 4px 5px #cccccc;
  display: inline-block;
  /* Stupid IE < 9 hacks */
  position: relative;
  zoom: 1;
  font-size: 0px;
  padding: 6px; }

.infospotfullwidthsmall-link .infoimage img {
  border: none;
  padding: 7px 0 0 6px; }

.infospotfullwidthsmall-link h2 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0; }

.infospotfullwidthsmall-link .simple-content-text {
  margin-top: 0;
  width: auto; }

.infospotfullwidthsmall-link .simple-content-text p {
  margin-left: 5px;
  margin-right: 5px; }

.infospotfullwidthsmall-link .simple-content-text ul,
.infospotfullwidthsmall-link .simple-content-text ol {
  list-style-position: inside; }

.infospotfullwidthsmall-link .link-list a {
  margin: 0 0 0 100px; }

/* Imitates a collection page */
.infospotfullnoimg-link {
  min-height: 7em;
  max-width: 590px;
  margin: 15px 10px 5px 10px;
  z-index: 10; }

.infospotfullnoimg-link h2 {
  font-size: 1.6em;
  font-weight: normal;
  padding: 0 0 0 5px;
  margin: 0 0 5px 0; }

.infospotfullnoimg-link h2 a {
  padding: 0 0 0 0px;
  display: block; }

.infospotfullnoimg-link h2 a:before,
.infospotfullnoimgnodesc-link h2 a:before {
  content: "\f061";
  color: peachpuff;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px; }

.infospotfullnoimg-link .simple-content-text {
  margin: 0 0 0 25px;
  width: auto; }

.infospotfullnoimg-link .simple-content-text ul,
.infospotfullnoimg-link .simple-content-text ol {
  list-style-position: inside; }

/* Imitates a collection page but with no description text */
.infospotfullnoimgnodesc-link,
.infospotfullnoimgnodesc-link2 {
  max-width: 590px;
  margin: 10px 10px 5px 5px;
  z-index: 10; }

.infospotfullnoimgnodesc-link h2 {
  font-size: 1.2em;
  font-weight: normal;
  padding: 0 0 0 0px;
  margin: 0; }

.infospotfullnoimgnodesc-link2 h2 {
  font-size: 1.2em;
  font-weight: normal;
  padding: 0 0 0 5px;
  margin: 0; }

.infospotfullnoimgnodesc-link h2 a {
  padding: 0 0 0 20px;
  display: block; }

.infospotfullnoimgnodesc-link2 h2 a {
  padding: 0 0 0 7px;
  display: block; }

.infospotfullnoimgnodesc-link2 h2 a:before {
  content: "\f28d";
  color: black;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px; }

.infospotfullnoimgnodesc-link .simple-content-text,
.infospotfullnoimgnodesc-link2 .simple-content-text {
  margin-top: 0px; }

/* Snippet version */
.infospotvert-snippet {
  max-width: 185px;
  float: left;
  margin: 0px 15px 15px 15px;
  overflow: hidden;
  z-index: 10; }

.infospotvert-snippet h2 {
  background-color: #0f5f89;
  border: 1px solid #0f5f89;
  border-radius: 8px 8px 0px 0px;
  -moz-border-radius: 8px 8px 0px 0px;
  color: #ffffff;
  font-size: 1.4em;
  margin: 0;
  padding: 3px;
  text-align: center; }

.infospotvert-snippet-body {
  min-height: 130px;
  border: 1px solid gray; }

.infospotvert-snippet-body .simple-content-text {
  margin: 10px 5px 0 5px;
  width: auto; }

.infospotvert-snippet p {
  line-height: 1.5; }

/* -------------------------------------------------------------------------------- */
/*                                Interchangeable control                           */
/* ---------------------------------------------------------------------------------*/
.left-float {
  float: left;
  height: 360px;
  width: 190px;
  margin-right: 20px;
  font-size: 1.2em; }

.left-float h2 {
  text-align: center; }

.left-float img {
  margin-left: 40px; }

/*-------------------------------------------------------
                Interchangable Control
---------------------------------------------------------*/
.horz-interchange-control {
  /* margin-top: 10px; */
  width: 295px;
  height: 213px;
  background: white url("/images/background-images/featured-area-horz.png") no-repeat left center; }

.horz-interchange-control .horz-frame {
  width: 270px;
  height: 179px;
  padding: 5px 5px 15px 10px;
  overflow: hidden; }

.horz-interchange-control img {
  height: 169px;
  width: 250px;
  padding-left: 20px;
  margin-top: -17px;
  border: none; }

/*-------------------------------------------------------
                Glossary
---------------------------------------------------------*/
.glossary .alphabet-list {
  width: 100%;
  background-color: #e6f1f7;
  border: solid 1px #0f5f89;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  font-size: 1.34em;
  font-weight: bold; }

.glossary .alphabet-list a {
  padding: 0 8px 0 8px;
  display: inline-block; }

.glossary h2 {
  margin: 20px 0 10px 0;
  padding-left: 15px;
  background-color: #0f5f89;
  border: solid 1px #0f5f89;
  color: White;
  display: block; }

.glossary .item {
  padding-left: 15px; }

.glossary .return-to-top {
  padding-left: 15px; }

.glossary p {
  margin: 0 10px 0 10px; }

/****************************************************************
*                           Definitions
****************************************************************/
.term {
  border-bottom: 1px dotted #000000;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
  position: relative; }

.term span, .term span a {
  margin-left: -999em;
  position: absolute; }

.term:hover span, .term:hover span a {
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 250px; }

.definition {
  background: white;
  border: 1px solid #471a04;
  padding: 5px 5px 5px 8px;
  box-shadow: 0 0 5px #aaa; }

/* ------------------------------------------------------------------------
                            Generic Fancybox Styles
   ------------------------------------------------------------------------*/
.fb-content-wrapper {
  /* Placeholder */ }

.fb-content-text {
  margin-top: 15px; }

.fb-content-text h3 {
  padding: 0 0 0 10px; }

.fb-content-text h4 {
  padding: 0 0 0 15px; }

.fb-content-text p {
  padding: 3px 15px 3px 15px; }

.fancybox-title {
  font-size: 1.2em; }

/* ------------------------------------------------------------------------
                     Fancybox Image Gallery with no thumnails
   ------------------------------------------------------------------------*/
.hidden-gallery {
  margin-top: 25px;
  /* The remaning rules for this class will be applied by JQuery */ }

.hidden-gallery ul {
  list-style-type: circle; }

.hidden-gallery-link {
  text-align: right;
  margin-top: 7px;
  font-size: 12px !important; }

/*PR - Brought over from error summary.css*/
.fancybox-skin {
  color: #000000; }

#fancybox-buttons ul {
  border: 4px solid white; }

/* ------------------------------------------------------------------------
                                Collapsible Panel
   ------------------------------------------------------------------------*/
.panel-start {
  margin: 0px 0 -5px 0;
  width: 100%;
  position: relative; }

.panel-start .panel-head {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  width: 500px; }

.panel-start .panel-head h2, .panel-start .panel-head p {
  font-size: 1.6em; }

.panel-start .panel-link {
  position: absolute;
  text-align: right;
  bottom: 0px;
  right: 0px;
  width: 240px;
  float: right;
  padding: 0;
  margin: 0;
  vertical-align: top; }

#togglePanels {
  font-size: 1.2em; }

.hidden-head {
  font-size: 1.6em;
  font-weight: bold;
  margin: 10px 0 10px 0;
  padding: 0; }

a.cpanelTitle:focus {
  color: white;
  text-decoration: none; }

a.cpanelTitle:hover {
  color: #1d5987;
  text-decoration: none; }

/******************************************************************
*							GOVERNMENT PAGE
*******************************************************************/
.carousel-container {
  height: 295px;
  width: 542px;
  padding: 10px 12px 10px 8px;
  margin-top: 30px;
  background: url(../images/bos-animation-background.png) no-repeat;
  border: none; }

.carousel-container a img {
  border: none; }

/****************************************************
*           SURVEY SECTION
/****************************************************/
.survey-intro {
  border-bottom: dotted 1px #585858;
  margin: 0 0 18px 0;
  padding-bottom: 15px; }

.survey-intro img {
  float: left;
  margin-top: -5px;
  padding-right: 10px; }

.survey-intro p {
  margin-top: -5px; }

.survey-contact {
  border-bottom: dotted 1px #585858;
  padding-bottom: 19px;
  margin-bottom: 37px; }

.survey-contact img {
  float: left;
  margin-top: -3px;
  padding-right: 12px; }

.survey-contact a {
  text-decoration: none; }

.survey-contact a:hover {
  text-decoration: underline; }

/****************************************************************
*                              Fees
****************************************************************/
.department-fees {
  /*     margin-left: 20px; */
  margin-left: 4%;
  /*     max-width: 615px; */
  max-width: 96%; }

.fee-header {
  font-family: Verdana, sans-serif;
  background-color: #0f5f89;
  color: #ffffff;
  margin-bottom: 15px; }

.fee-header h2 {
  padding: 5px 0 5px 20px;
  font-size: 1.5em;
  font-weight: bold; }

.fee-header .fee-effective-date {
  font-size: .8em; }

.department-fees .fee-header .title {
  /*font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 1.1em;*/ }

.department-fees .fee-table {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 35px; }

.department-fees .fee-table tr.odd {
  background-color: #e6f1f7; }

.department-fees .fee-table td {
  border-left-style: hidden;
  border-right-style: hidden;
  border-top: dotted 1px lightgray;
  border-bottom: dotted 1px lightgray;
  padding: 10px 10px 10px 10px; }

.department-fees .fee-table th {
  border-right-style: hidden;
  border-left-style: hidden;
  border-top-style: hidden;
  border-bottom: solid 2px #8c8c8c;
  padding-left: 10px;
  padding-right: 10px; }

.department-fees .fee-table .fee-amount {
  text-align: right;
  width: 22%; }

.department-fees .fee-table .fee-name {
  text-align: left;
  width: 78%; }

/****************************************************************
*                          Page Section
****************************************************************/
.rec-upcoming-event {
  max-width: 200px; }

.rec-upcoming-event .title {
  font-size: 1.9em;
  margin: 0 0 7px 10px;
  padding-left: 15px; }

.rec-upcoming-event .title p {
  margin: 0;
  padding: 0; }

.rec-upcoming-event .image {
  float: left;
  margin-top: 3px; }

.image-title {
  border-bottom: dotted 1px black;
  margin-bottom: 8px; }

/*****************************************************************
* Name: contact_related.scss
* Applies to: Contact Us page and staff listsings
* Modified: 07/21/2017 (Christopher White: removed all image icons and replaced them with Font Awesome
*                      glyphs.)
******************************************************************/
/*
.email-us a
{
   margin: 0 0 6px 0;
   padding-left: 25px;
   font-size: 1.2em;
   background: url(../images/toolsnav/email.png) no-repeat;
   background-position: 0 center;
 
	color: #0F5F89;
   text-decoration: none;
}

.email-us a:hover
{
   text-decoration: underline;
}

*/
.contact-map {
  float: right; }

.contact-map .map {
  height: 210px;
  width: 290px;
  background: url(../images/background-images/map-background.png) no-repeat right top; }

.contact-directions-link {
  margin-left: 162px; }

.contact-directions-link a {
  padding-left: 18px;
  color: #0F5F89;
  text-decoration: none;
  text-align: left; }

.contact-directions-link a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f061";
  padding-right: 4px;
  font-size: inherit;
  color: sandybrown; }

.contact-directions-link a:hover {
  text-decoration: underline; }

.contact-text {
  line-height: 1.2;
  margin-top: 10px;
  max-width: 340px; }

.separator {
  height: 30px;
  position: relative;
  margin-top: 40px; }

.email-link a {
  color: #0F5F89;
  margin: 0 0 6px;
  text-decoration: none; }

.email-link a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.6em;
  content: "\f003";
  padding-right: 6px; }

.contact-filter-button {
  text-align: center;
  margin-bottom: 7px;
  margin-top: 0;
  float: right;
  width: 10%; }

.contact-filter-button input,
.filter-block select {
  font-size: 1.3em; }

.staff-link {
  margin-top: 20px; }

.staff-link a {
  text-decoration: none; }

.staff-link a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f061";
  padding-right: 4px;
  font-size: inherit;
  color: sandybrown; }

/******************************************************************
*			            Contacts                                  *
*******************************************************************/
/*
.contacts-page input,
.contacts-page select
{
   font-size: 1.1em;
}

.contacts-results .forms-table
{
    margin-left:0px;
    width:100%;
    font-size:1em;
}
*/
.cs-group label,
.cs-sel label {
  display: inline-block;
  width: 125px;
  padding-bottom: 5px; }

.cs-group input {
  width: 28%; }

.cs-sel select {
  width: 30%; }

.cs-btn {
  margin-top: 12px;
  padding-left: 129px; }

.cs-btn input {
  width: 85px; }

.contacts-search-lnk {
  background: url(../images/searchicon.png) no-repeat;
  background-position: 0 center;
  height: 50px;
  max-width: 110px;
  vertical-align: middle; }

.contacts-search-lnk-top {
  float: right;
  width: 10%; }

.contacts-search-lnk-btm {
  margin-left: auto;
  margin-right: auto; }

.contacts-search-lnk span {
  text-align: center;
  padding: 14px 0 0 30px;
  font-weight: bold;
  float: right;
  line-height: 1.1em;
  color: #000; }

.contacts-summary .msg {
  padding-top: 15px;
  float: left;
  height: 40px;
  width: 87%; }

.contacts-summary .msg div {
  width: 100%;
  background-color: #0f5f89;
  color: White;
  padding: 2px 5px 2px 5px; }

.contacts-summary .msg p {
  margin: 0;
  padding: 0; }

/* ------------------------------------------------------------------------*/
/*                            CONTACT US FORM                              */
/* ------------------------------------------------------------------------*/
.error-message {
  color: #0070A4;
  font-size: 1.2em;
  margin: 0 0 6px;
  padding-left: 25px;
  text-decoration: none; }

#email-form {
  font-size: 1.2em; }

.intro p {
  font-size: 1.1em;
  border-bottom: dotted 1px #585858;
  padding: 0 0 20px 0px; }

.intro p:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 1.8em;
  content: "\f003";
  padding-right: 6px; }

.inputbox {
  width: 80%; }

.textbox {
  width: 50%;
  border: none; }

.msgbox {
  width: 80%;
  height: 120px;
  resize: none; }

.formdivfirst {
  margin-top: 10px;
  margin-bottom: 10px; }

.colorred {
  color: #cc0000; }

.errortext {
  display: none;
  padding-left: 5px;
  color: red; }

.reqtext {
  font-size: .7em; }

.notesdiv {
  margin-top: 5px; }

.buttondiv {
  float: right; }

.lastbutton {
  margin-right: 10px; }

/* issues, comments */
.wb-entry-add-comment.wb-panel {
  overflow: hidden;
  width: 100%; }

.wb-entry-add-comment.wb-panel .wb-error {
  background: none repeat scroll 0 0 #FFE9E5;
  border: 1px solid #F6C9C6;
  color: Red;
  padding: 10px; }

.wb-entry-add-comment.wb-panel .wb-successtext {
  padding: 10px;
  border: 1px solid #000;
  background: none repeat scroll 0 0 #81e050;
  color: #FFF; }

.wb-entry-add-comment.wb-panel .row {
  padding: 5px 0; }

.wb-entry-add-comment.wb-panel textarea {
  resize: none; }

.wb-entry-add-comment.wb-panel label {
  display: inline-block;
  vertical-align: top;
  min-width: 70px;
  margin: 5px 0 0; }

.wb-entry-add-comment.wb-panel .wb-text-validate {
  display: inline-block;
  margin: 4px 0 0;
  vertical-align: top; }

.wb-entry-add-comment.wb-panel .wb-captcha {
  overflow: hidden;
  margin: 10px 0 0; }

.wb-entry-add-comment.wb-panel .blog-captcha-image {
  border: 1px solid;
  float: left;
  margin: 1px 10px 10px; }

.wb-entry-comments.wb-panel ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.wb-entry-comments.wb-panel li {
  padding: 10px; }

.wb-entry-comments.wb-panel .wb-comment-alternate {
  background: #eAeAeA; }

/* Following CSS added 5/23/12 to accomodate success message change from QA
   This may makes other code no longer used */
.email-response-header-spacer {
  height: 100px;
  width: 100%; }

.email-response-text {
  width: 100%;
  text-align: center; }

.email-response-image-bookend {
  width: 33%;
  display: inline-block; }

.email-response-image {
  border: none;
  display: inline-block; }

.email-response-button-bookend {
  width: 45%;
  display: inline-block; }

.email-response-button {
  display: inline-block;
  margin: 20px 0 0 0; }

/******************************************************************
*							SNIPPET MENU
*******************************************************************/
/* HOME page*/
.home-snippet {
  float: left;
  width: 180px;
  height: auto;
  min-height: 80px;
  padding: 0;
  margin: 20px 20px 0 0;
  border-bottom: black dashed 1px;
  z-index: 10; }

.home-snippet h2 {
  font-size: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: normal;
  letter-spacing: .05em; }

.home-snippet p {
  margin: 0 0 10px 0; }

/* OTHER pages*/
.snippet {
  background-color: #efefef;
  border: 1px dotted gray;
  float: left;
  width: 162px;
  min-height: 150px;
  padding: 0;
  margin: 15px 0 0 40px;
  z-index: 10; }

.snippet p {
  font-size: 1.1em;
  margin: 0 0 10px 0;
  line-height: 1.5;
  padding: 0 5px 0 5px; }

.snippet h2 {
  background-color: #0f5f89;
  color: #ffffff;
  font-size: 1.6em;
  margin: 0 0 8px 0;
  padding: 3px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em; }

.snippet-white {
  border: 1px dotted gray;
  float: left;
  width: 162px;
  min-height: 150px;
  padding: 0;
  margin: 15px 0 0 40px;
  z-index: 10; }

.snippet-white p {
  font-size: 1.1em;
  margin: 0 0 10px 0;
  line-height: 1.5;
  padding: 0 5px 0 5px; }

.snippet-white h2 {
  font-size: 1.6em;
  margin: 0 0 8px 0;
  padding: 3px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em; }

/******************************************************************
*							PAGE ITEM
*******************************************************************/
.page-item {
  float: left;
  width: 318px;
  margin: 0 0 20px 0; }

.page-item .image {
  float: left;
  padding: 8px 9px 9px 9px;
  border: none;
  width: 118px;
  height: 104px;
  background: url(../images/collection_page_image_background_final.png) no-repeat; }

.page-item .image a img {
  border: none; }

.page-item .detail {
  width: 182px;
  float: right; }

/* ------------------------------------------------------------------------*/
/*                       FILTER BUTTONS/CHECKBOX STYLES                    */
/* ------------------------------------------------------------------------*/
.panel-filter {
  padding-top: 30px;
  clear: both; }

.filter-header {
  margin: 20px 0 0 0;
  padding-left: 20px;
  background-color: #0f5f89;
  border: solid 1px #0f5f89;
  color: White;
  display: block;
  line-height: 1.65; }

.filter-refresh-button {
  text-align: center;
  margin-top: 14px;
  margin-bottom: 7px; }

.filter-refresh-button input {
  font-size: 1.3em; }

.filter-input {
  padding: 0 5px 5px 15px;
  border: 1px solid lightgray;
  background-color: #e6f1f7;
  margin-bottom: 25px; }

.filter-input .filter-block {
  max-width: 612px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px; }

.filter-input .filter-block .input-wrapper {
  width: 33%;
  display: inline-block;
  padding-bottom: 5px;
  /* The following junk is for IE 7 which is brain-dead */
  zoom: 1;
  *display: inline;
  _height: 30px; }

.filter-input p {
  font-size: 1.2em; }

.filter-input label {
  font-size: 1.2em; }

.filter-input .disabled {
  color: lightgray; }

/****************************************************************
*
* Name: forms.scss
* Applies to: forms
* Modified: 07/26/2017 (Christopher White: added support for wide table handling on mobile devices.)
*
*****************************************************************/
.global-forms-table {
  font-size: 1.2em;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 35px; }

.forms-category-header {
  background-color: #516788; }

.forms-category-header h3 {
  font-size: 1.404em;
  color: #ffffff;
  padding: 4px 0 4px 20px; }

div[id$=formtables] .widetablediv {
  margin-bottom: 0px;
  padding-bottom: 0px; }

div[id$=formtables] .widetabledivmsg {
  font-size: 1.2em;
  margin-left: 20px; }

.forms-table {
  width: 93%;
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
  line-height: 1.65;
  margin-top: 15px;
  margin-bottom: 35px;
  margin-left: 20px;
  padding: 0 5px 0 5px;
  border-collapse: collapse; }

.forms-table th {
  border-right-style: hidden;
  border-left-style: hidden;
  border-top-style: hidden;
  border-bottom: solid 2px #8c8c8c;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left; }

.forms-table tr.regular {
  margin-left: 20px;
  background-color: #ffffff; }

.forms-table tr.alternate, .global-forms-table tr.alt {
  margin-left: 20px;
  background-color: #e6f1f7; }

.forms-table td {
  border-left-style: hidden;
  border-right-style: hidden;
  border-top: dotted 1px lightgray;
  border-bottom: dotted 1px lightgray;
  padding: 10px 10px 10px 10px; }

.forms-table .tdimg {
  text-align: center; }

.forms-table .alignright {
  text-align: right; }

.forms-table .th1 {
  text-align: left;
  width: 58%; }

.forms-table .th1-ascending a {
  background: url("/images/sort-arrow-up.png") right center no-repeat;
  text-align: left;
  padding-right: 15px;
  width: 58%; }

.forms-table .th1-descending a {
  background: url("/images/sort-arrow-down.png") right 0 center no-repeat;
  text-align: left;
  padding-right: 15px;
  width: 58%; }

.sortasc a {
  background-image: url("/images/sort-arrow-up.png");
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-position: right center;
  text-align: left;
  padding-right: 5px; }

.sortdesc a {
  background-image: url("/images/sort-arrow-down.png");
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-position: right center;
  text-align: left;
  padding-right: 5px; }

th.sortdesc a, th.sortasc a {
  padding-right: 18px; }

.forms-table .th2 {
  text-align: center;
  width: 5%; }

.forms-table .th3 {
  text-align: left;
  width: 21%; }

.forms-table .th4 {
  text-align: right;
  width: 16%; }

.global-forms-table tr {
  border-bottom: dotted 1px #D3D3D3; }

.global-forms-table td {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px; }

.global-forms-table th {
  border-bottom: solid 2px #8C8C8C;
  padding-top: 5px; }

.global-forms-table .name-col,
.global-forms-table .id-col,
.global-forms-table .fee-col {
  line-height: 1.5em; }

.global-forms-table .name-col {
  width: 58%;
  padding-left: 10px; }

.global-forms-table .id-col {
  width: 20%; }

.global-forms-table .fee-col {
  width: 12%;
  text-align: right;
  padding-right: 10px; }

.global-forms-table .type-col {
  width: 10%;
  text-align: center;
  line-height: 1.5em; }

.global-forms-table caption {
  background-color: #0F5f89;
  text-align: left;
  color: #FFF;
  font-size: 1.2em;
  padding: 4px 0 4px 20px;
  font-weight: bold;
  margin-bottom: 20px; }

#NavigationArea .filter-block .filter-items label {
  display: inline-block;
  width: 177px;
  text-align: left;
  padding-bottom: 5px; }

#NavigationArea .filter-input {
  margin-bottom: 32px; }

/* ------------------------------------------------------------------------------------------------------- */
/*                                       CULTURAL SERVICES LANDING PAGE                                    */
/* ------------------------------------------------------------------------------------------------------- */
.cal-pic {
  width: 170px;
  min-height: 315px;
  float: left;
  margin-left: 14px;
  margin-bottom: 35px; }

.cal-pic img {
  margin-top: 30px;
  margin-bottom: 35px;
  border: none; }

/* ------------------------------------------------------------------------------------------------------- */
/*                                       JQUERY UI CHANGES
/* ------------------------------------------------------------------------------------------------------- */
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif; }

.ui-widget-content {
  border: 1px solid #aaaaaa; }

.ui-widget-content a {
  color: #0F5F89; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: white; }

/* ------------------------------------------------------------------------------------------------------- */
/*                                       JQUERY UI TABS WIDGET                                             */
/* ------------------------------------------------------------------------------------------------------- */
#tabs {
  margin-top: 25px; }

.ui-tabs .ui-tabs-nav li a {
  font-weight: bold; }

.ui-tabs .ui-tabs-panel {
  margin-top: 10px; }

.ui-tabs-hide {
  display: none; }

/* ------------------------------------------------------------------------------------------------------- */
/*                                   JQUERY UI COLLAPSIBLE PANEL WIDGET                                             */
/* ------------------------------------------------------------------------------------------------------- */
.collapsibleContainerContent h4 {
  font-size: 1.2em; }

/* ------------------------------------------------------------------------*/
/*                             ADA Classes                                 */
/* ------------------------------------------------------------------------*/
.hidden,
.offscreen {
  position: absolute;
  border: 0;
  clip: rect(0px, 0px, 0px, 0px);
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px; }

/* ------------------------------------------------------------------------*/
/*                             Department list                             */
/* ------------------------------------------------------------------------*/
.dept-two-column {
  line-height: 1.5em;
  margin-top: 0px;
  margin-bottom: 20px;
  overflow: hidden; }

.dept-two-column .detail {
  width: 45%;
  float: left;
  padding: 20px 0 0 25px; }

.department .alphabet-list {
  width: 100%;
  background-color: #e6f1f7;
  border: solid 1px #0f5f89;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
  font-size: 1.34em;
  font-weight: bold; }

.department .alphabet-list a {
  padding: 0 8px 0 8px;
  display: inline-block; }

.department h2 {
  margin: 20px 0 2px 0;
  padding-left: 25px;
  background-color: #0f5f89;
  border: solid 1px #0f5f89;
  color: White;
  display: block; }

.department .item {
  padding-left: 15px; }

.department .return-to-top {
  padding-left: 25px; }

.dept-two-column .detail .no-link {
  font-weight: bold;
  font-size: 1.2em; }

.dept-two-column .detail a {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2em; }

.dept-two-column .detail a:hover {
  text-decoration: underline; }

.dept-two-column .detail p {
  font-size: 1.2em;
  margin: 0;
  padding: 0; }

/* ------------------------------------------------------------------------*/
/*                             Video Gallery                               */
/* ------------------------------------------------------------------------*/
.video-player {
  text-align: center; }

.video-gallery h2 {
  /*     background-color: #0F5F89; */
  background-color: #282a2a;
  color: white;
  padding: 5px 0 5px 10px;
  margin: 0 0 15px 0; }

.video-gallery iframe {
  max-height: 315px;
  max-width: 560px;
  border: none;
  width: 100%;
  height: 315px; }

.video-gallery h4 {
  padding: 2px 2px 5px; }

.video-gallery .highlighted-description-area {
  margin: -13px 0 30px 0; }

.video-gallery .highlighted-description-area p {
  padding: 2px; }

.video-gallery .highlighted-video-area {
  margin-bottom: 15px; }

/*
.video-gallery .video-item-area
{
    width: 190px;
    float: left;
    margin: 5px 25px 6px 0px;
    min-height: 175px;
    line-height: 1.4em;
    height: 20em;
}
*/
.video-gallery .video-item-area p {
  padding: 0 0 0 5px;
  display: block; }

/*
.video-gallery .paging-control-area
{
    position:relative;
    width:100%;
    height:25px;
    margin: -12px 0 2px 0;
}
.video-gallery .paging-control
{
    position:absolute;
    overflow:auto;
    right:5px;
    margin: 0 0 0 0;
}

.video-gallery .image-frame
{
    
    margin: 0 auto 25px auto;
    display:block;
}


.video-gallery .paging-back,
.video-gallery .paging-numbers,
.video-gallery .paging-next
{
    float:left;
    margin:0 0 0 0;
      
}
*/
.video-gallery .thumbnails {
  margin: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.video-gallery .thumbnails .video-item-area {
  background-color: white;
  /*     width: 31%; */
  width: 183px;
  height: auto;
  margin-bottom: 20px;
  /*     min-width: 290px; */ }

.video-gallery .thumbnails .video-item-area .video-item img {
  display: block;
  margin: auto; }

/* ------------------------------------------------------------------------*/
/*                            Standalone Video                             */
/* ------------------------------------------------------------------------*/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 15px; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

/* ----------------------------------------------------------------------------*/
/*                       Unsupported Browser Warning                           */
/* ----------------------------------------------------------------------------*/
#warningClose {
  padding: 0 0 0 20px;
  background: url(../images/board/bosinteractive/popupclose.png) no-repeat;
  background-position: left center; }

/*PR-HOMEPAGE STUFF FROM MAINSTYLE*/
/* ----------------------------------------------------------------------------*/
/*                             Home Page Banner                                */
/* ----------------------------------------------------------------------------*/
/*PR - Merged class homepage-banner from mainstyle14*/
.home-image {
  margin-top: 8px;
  max-width: 956px; }

.home-image img {
  border-radius: 8px;
  border: solid 2px white;
  width: 100%; }

/* -----------------------------------------------
                HOME SINGLE DIV
--------------------------------------------------*/
#home-page .single-div {
  float: left;
  width: 22%;
  margin: 0 0 0 0.8%; }

/******************************************
*          FEATURED LINKS
*******************************************/
.featured-links-section {
  padding: 23px 0px 0px; }

.home-main-section-content .featured-links-section {
  float: left;
  margin: 0 0 0 1.1%;
  background-color: White;
  border-radius: 6px;
  padding: 12px;
  width: 24%;
  min-height: 350px; }

.home-main-section-content .featured-links-section h2 {
  background-color: #516788;
  border-radius: 3px;
  color: White;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-align: left;
  vertical-align: middle;
  width: 96%;
  font-size: 1.5em;
  margin: 0;
  padding: 3px 3px 3px 7px;
  border: none; }

.home-main-section-content .featured-links-section .arrow-link-list {
  margin: 0; }

/******************************************************************
*                      DECISIONS
*******************************************************************/
.decisions-collection {
  margin: 30px 0 30px 0; }

.decisions-collection .header {
  font-size: 1.17em;
  font-weight: bold;
  text-align: left;
  background-color: #eeeeee;
  margin: 5px 0 10px;
  padding: 2px 0 0 10px; }

.decisions-collection .decision {
  border-bottom: dotted 1px #888888; }

/******************************************************************
*			                Agenda Items                          *
*******************************************************************/
#agenda-item {
  width: 100%;
  font-family: helvetica,arial,san-serif;
  font-size: 1.1em; }

#agenda-item-header {
  width: 100%;
  height: 104px;
  position: relative; }

#agenda-item h1 {
  position: absolute;
  left: 200px;
  border-top: solid 3px black;
  width: 65%;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: solid 1px black;
  text-transform: uppercase;
  font-family: helvetica,arial,san-serif; }

#agenda-item-header-logo {
  position: absolute;
  text-align: center;
  width: 26%;
  left: 6px;
  top: 0;
  border-top: solid 3px black; }

#agenda-item-header-logo p .line1 {
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase; }

#agenda-item-header-logo .line2 {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase; }

#agenda-item-header-logo p .line3 {
  font-size: 1em;
  text-transform: uppercase; }

#agenda-item-header-logo p .line4 {
  font-size: 1.5em; }

#agenda-item-header-contact {
  position: absolute;
  top: 83px;
  left: 200px; }

#agenda-item-content {
  font-size: 1em;
  width: 70%;
  padding-left: 158px;
  font-size: 1.2em; }

.agenda-meeting-list li {
  font-weight: bold; }

.agenda-meeting-list li span {
  font-weight: normal; }

.agenda-meeting-title, .agenda-meeting-type, .agenda-meeting-location,
.agenda-meeting-time {
  margin-left: 41px; }

.agenda-meeting-title {
  font-weight: bold;
  font-size: 1.3em; }

.agenda-meeting-type {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em;
  display: inline-block; }

.agenda-meeting-time {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em; }

.agenda-meeting-location {
  line-height: 1.5em;
  display: block;
  width: 92%; }

.agenda-meeting-list-item {
  margin-bottom: 10px; }

span.agenda-meeting-list-item-title {
  font-weight: bold; }

/******************************************************************
*			               Press Releases                         *
*******************************************************************/
#press-release-list {
  width: 100%; }

.pr-list-date-header {
  width: 16%; }

.pr-list-date {
  text-align: left; }

.pr-list-agency-header {
  width: 30%; }

.pr-header-container {
  position: relative;
  height: 130px;
  margin-top: -36px; }

#print-layout-area .pr-header-container {
  margin-top: 0; }

#print-layout-area #no-sidebar-main-content {
  width: 653px;
  padding: 0; }

#pr-header-logo {
  position: absolute;
  left: 0;
  top: 0; }

#pr-header-title-border {
  border-bottom: dotted 1px black;
  width: 78%;
  bottom: 20px;
  right: 0;
  position: absolute; }

#pr-header-title-text p.header-title {
  position: absolute;
  bottom: -6px;
  right: 0px;
  width: 67%;
  font-size: 3em;
  margin: 0;
  font-weight: normal; }

.hhs-title-subtitle #pr-header-title-text p.header-title {
  position: absolute;
  bottom: -5px;
  right: 0px;
  width: 82%;
  font-size: 2.5em;
  margin: 0;
  font-weight: normal; }

#pr-header-title-text p.subtitle {
  position: absolute;
  bottom: 26px;
  right: 0px;
  width: 64%;
  font-size: 1.3em;
  margin: 0 0 0 1px;
  font-weight: normal; }

.hhs-title-subtitle #pr-header-title-text p.subtitle {
  position: absolute;
  bottom: 26px;
  right: 0px;
  width: 82%;
  font-size: 1.7em;
  margin: 0 0 0 1px;
  font-weight: normal; }

#pr-header-link {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 46%;
  font-size: 1.1em; }

.hhs-title-subtitle #pr-header-link {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 46%;
  font-size: 1.1em; }

#pr-header-motto {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 50%;
  font-size: 1.3em; }

.hhs-title-subtitle #pr-header-motto {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 64%;
  font-size: 1em; }

#pr-content-container {
  position: relative;
  margin-bottom: 20px;
  overflow: auto; }

#pr-date-container {
  float: right;
  width: 77%;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 15px;
  margin-top: 7px; }

#pr-date-container p {
  margin: 0; }

#pr-title-container {
  float: right;
  width: 77%; }

#pr-title-container h2 {
  font-size: 1.5em;
  margin: 0 0 0 0;
  text-align: center; }

p.pr-subtitle {
  font-style: italic;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  margin-top: 0; }

#pr-body-container {
  width: 77%;
  float: right;
  margin-top: 7px; }

#pr-contact-container {
  width: 22%;
  float: left;
  margin-top: -61px;
  font-size: 1.1em; }

#pr-contact-container h3 {
  margin-bottom: 0;
  margin-top: 10px; }

#pr-nav h2, #pr-nav p {
  text-align: center; }

.simple-content-text a.closed {
  background: url(../images/plus.gif) no-repeat 0px 8px;
  color: #000;
  padding: 0 0 0 15px;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.65em;
  display: inline-block; }

.simple-content-text a.open {
  background: url(../images/minus.gif) no-repeat 0px 8px;
  color: #000;
  padding: 0 0 0 15px;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.65em;
  display: inline-block; }

table.press-release-list {
  width: 100%; }

/******************************************************************
*	               JQuery Slidedown (toggle) classes               *
*******************************************************************/
.expand-text {
  /* This will be changed to "none" by JQuery */
  display: block; }

ul.expand-text {
  margin-top: 6px; }

/****************************************************************
*
* Name: css_button.scss
* Applies to: CSS Buttons
* Modified: 09/14/2017 (Christopher White: made the standalone button work with text resizing.)
*
*****************************************************************/
/* This works in a simple-content-text block */
a.link-button-s {
  display: inline-block;
  min-width: 80px;
  min-height: 22px;
  text-align: center;
  padding-top: 3px;
  background: #f0f0f1;
  color: black;
  border-radius: 4px;
  border: solid 1px #808080;
  cursor: pointer;
  transition-duration: 0.2s;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#b9b9b9));
  background: -moz-linear-gradient(top, white, #b9b9b9); }

a.link-button-s:hover, a.link-button-s:focus {
  background: #d8d8dc;
  color: black;
  border: solid 1px #3c7fb1;
  text-decoration: none;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff3fc), to(#a7d9f5));
  background: -moz-linear-gradient(top, #fff3fc, #a7d9f5); }

a.link-button-s:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #E0E0E3;
  border: solid 1px #203E5F;
  text-decoration: none; }

/* This works in a standalone environment */
a.link-button {
  display: inline-block;
  min-width: 80px;
  min-height: 23px;
  text-align: center;
  font-size: 1.4em;
  padding-top: 6px;
  background: #f0f0f1;
  color: black;
  border-radius: 4px 4px 4px 4px;
  border: solid 1px #808080;
  cursor: pointer;
  transition-duration: 0.2s;
  background: linear-gradient(to bottom, white, #b9b9b9); }

a.link-button:hover, a.link-button:focus {
  background: #d8d8dc;
  color: black;
  border: solid 1px #3c7fb1;
  text-decoration: none;
  background: linear-gradient(to bottom, #fff3fc, #a7d9f5); }

a.link-button:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #E0E0E3;
  border: solid 1px #203E5F;
  text-decoration: none; }

/*********************************************************************
*               ERROR SUMMARY
*********************************************************************/
#validation-summary .error-message {
  color: Red;
  font-size: 1em; }

/* AMP */
.selectedVideo {
  border: 3px solid #00b1ff;
  position: relative;
  top: -3px; }

.amp-container {
  border: 1px solid gray;
  background-color: #cccccc;
  width: 660px;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 12px; }

/******************************************************************
*			            Meeting List Detail                       *
*******************************************************************/
#meeting-list-detail .info-header, #meeting-list-detail .info-detail,
#meeting-list-detail .info-header-small-right-margin,
#meeting-list-detail .info-detail-small-left-margin {
  display: inline-block;
  vertical-align: top; }

#meeting-list-detail .info-header {
  font-weight: bold;
  width: 125px; }

#meeting-list-detail .info-header-small-right-margin {
  font-weight: bold;
  width: 125px; }

#meeting-name, #sponsor-name {
  text-align: center; }

#meeting-list-detail .info-detail-small-left-margin {
  width: 80%; }

#meeting-list-detail table {
  width: 100%; }

#meeting-list-detail table td {
  vertical-align: top; }

#meeting-list-detail #meeting-documents {
  margin-top: 20px; }

#meeting-list-detail table td.spacer {
  width: 10px; }

#index-header, #sponsor-contact {
  text-align: center; }

#meeting-index #index-header {
  margin-bottom: 25px; }

#meeting-index .block-spacer {
  display: inline-block;
  margin: 0 45px; }

#meeting-index .no-data {
  width: 100%;
  text-align: center;
  font-weight: bold; }

#meeting-index table {
  width: 100%; }

#meeting-index table th {
  border-bottom: 1px solid black;
  border-style: hidden hidden solid; }

#meeting-documents th.meeting-document-list {
  width: 40%; }

#meeting-index table th.date-col {
  width: 15%; }

#meeting-index table th.link-col {
  width: 30%; }

#meeting-index table th.doc-col {
  width: 54%;
  /*  20%/No style set prior to 8/24/15* mods per CC 2/26*/ }

#meeting-index #togglePanels.margin-control {
  margin-bottom: 10px;
  display: inline-block; }

/*PR-BOARD SECTION FROM MAINSTYLE*/
/* -----------------------------------------------
                 BOARD SECTION
--------------------------------------------------*/
/*PR - board-section are declarations from mainstyle2014 which replaced the rule by the same name in mainstyle*/
.board-section {
  margin: 0;
  background-color: White;
  border-radius: 6px;
  padding: 12px;
  /*5.2%;*/
  width: 90%;
  min-height: 246px; }

.board-section h2 {
  background-color: #516788;
  border-radius: 3px;
  color: White;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-align: left;
  vertical-align: middle;
  width: 95.3%;
  font-size: 1.5em;
  margin: 0;
  padding: 3px 3px 3px 7px;
  border: none;
  font-weight: normal;
  /*PR carried over from original mainstyle*/ }

.board-section .title {
  font-weight: bold;
  font-size: 1.8em;
  letter-spacing: 0.03em;
  margin: 0;
  z-index: 10;
  color: #000;
  padding: 0 0 3px 8px;
  border-bottom: solid 2px #585858; }

/*PR - board-links brought forward from mainstyle2014*/
#board-links {
  margin: 10px 0px 0px 14px; }

/*PR - Remaining pieces brought forward from mainstyle2014*/
.board-section .image {
  margin-top: 12px; }

.board-section .image img {
  height: auto;
  max-width: 100%;
  border: none; }

#board-links ul {
  font-size: 1.2em;
  margin: 0;
  padding: 0; }

#board-links li {
  line-height: 1em;
  margin: 8px 0 0 0; }

/******************************************
*          HOME PAGE SOCIAL MEDIA
*******************************************/
.home-social-media {
  margin-top: 8px;
  background-color: White;
  border-radius: 6px;
  padding: 12px;
  width: 90%;
  min-height: 72px; }

.home-social-media h2 {
  background-color: #516788;
  border-radius: 3px;
  color: White;
  font-family: Lato, Tahoma, Geneva, sans-serif;
  text-align: left;
  vertical-align: middle;
  width: 95.3%;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0;
  padding: 3px 3px 3px 7px; }

.home-social-media #social-media-icons {
  margin-top: 12px;
  text-align: center; }

.home-social-media #social-media-icons a {
  width: 18%;
  display: inline-block; }

.home-social-media #social-media-icons img {
  border: none;
  height: auto;
  width: 87%; }

.home-social-media #social-media-icons .last img {
  margin-right: 0; }

/******************************************
*          PROMO SECTION - previous AD SECTION
*******************************************/
.promo-content {
  min-height: 80px;
  margin-top: 8px;
  width: 102.5%; }

.promo-item {
  background-color: white;
  position: relative; }

#home-page .promo-item {
  width: 30.45%;
  float: left;
  background-color: White;
  border-radius: 6px;
  padding: 8px;
  margin-right: 0.8%;
  min-height: 75px; }

.promo-item .image {
  float: left; }

.promo-item img {
  border: none; }

.promo-item .detail {
  float: left;
  width: 70%;
  margin-left: 8px; }

.promo-item h3 {
  margin: -3px 0 0 0;
  line-height: 1.2em; }

.promo-item h3 a {
  background: none; }

.promo-item p {
  padding: 4px 0 0 0;
  line-height: 1.2em; }

.promo-item .more-link {
  text-align: center; }

.promo-item .detail .more-link a {
  margin-right: 2px; }

.promo-collection .promo-item {
  margin: auto;
  padding-right: 5px !important;
  display: inline-block;
  vertical-align: middle; }

.promo-collection .promo-item .detail {
  width: 64%; }

.promo-item p {
  display: inline-block;
  min-height: 3.3em; }

.promo-collection .promo-item .button-next {
  float: right;
  width: 5%;
  margin-top: 20px; }

.promo-collection input {
  border: none; }

.promo-collection input:hover {
  cursor: pointer; }

.promo-collection .promo-item .next {
  background: url(../images/more-arrow.png) no-repeat;
  height: 40px;
  padding-right: 10px; }

/******************************************
*      NAV BUTTONS ON DEPT LIST PAGES
*******************************************/
.dept-list-nav {
  height: 30px; }

.dept-list-button {
  width: 33.3%;
  float: left; }

.dept-list-button a {
  text-align: center;
  margin: auto;
  display: block;
  width: 90%;
  background: #767676;
  color: white;
  font-size: 1.4em;
  line-height: 1.65;
  font-weight: bold;
  border-radius: 10px;
  padding: 0px 6px 2px; }

.simple-content-text .dept-list-nav .dept-list-button a {
  font-size: 1.2em; }

.simple-content-text .dept-list-nav .dept-list-button a:hover {
  color: white; }

/****************************************************************
*
* Name: portal.scss
* Applies to: payment portal and mobile app gallery.
* Modified: 08/09/2017 (Christopher White: made "flex-wrapp" both an ID and a class (for the 
*                      mobile gallery; added styling for an <h3>.)
*           09/14/2017 (Christopher White: removed some extraneous rules not in any class, cleaned up
*                      the formatting.)
*
*****************************************************************/
/* All fonts Lato */
.portal {
  font-family: 'Lato';
  margin-top: 65px;
  line-height: 1.2; }

.portal .flex-wrapper,
.portal #flex-wrapper {
  width: 100%;
  margin: auto;
  background: transparent;
  padding-top: 35px; }

.portal .intropara {
  font-size: 1.5em;
  margin-bottom: 40px;
  padding: 10px; }

.portal .button-tier-button {
  text-align: center;
  color: white;
  background-color: #516788;
  vertical-align: center; }

.portal .img {
  text-align: center;
  padding-top: 20px;
  height: 119px;
  padding-bottom: 12px; }

.portal .button-background a {
  color: white;
  font-family: 'Lato';
  font-size: 1.30em;
  font-weight: 600; }

.portal .verticalline {
  display: inline;
  font-size: 1.2em;
  /*15px;*/
  padding-left: 5px;
  padding-right: 5px; }

.simple-content-text .portal .middle-box-container .button-background a:hover,
.simple-content-text .portal .middle-box-container-last .button-background a:hover {
  color: #fff; }

.portal .middle-tier {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: white;
  -webkit-justify-content: flex-center;
  justify-content: flex-center;
  position: relative; }

/*blue background div for each item  z-index :2;*/
.portal .middle-box-container {
  width: 27%;
  z-index: 2;
  background-color: #516788;
  height: auto;
  margin-top: -2px;
  padding-bottom: 75px;
  margin-left: 18px;
  margin-right: 18px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-top: 10px;
  margin-bottom: 90px;
  position: relative; }

.portal .middle-box-container-last {
  width: 27%;
  z-index: 2;
  background-color: #516788;
  height: auto;
  margin-top: -2px;
  padding-bottom: 75px;
  margin-left: 18px;
  margin-right: 18px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-top: 10px;
  margin-bottom: 20px;
  position: relative; }

.portal .middle-box {
  z-index: 0;
  background-color: white;
  top: 60px;
  margin-left: 1px;
  height: auto;
  margin-top: -45px;
  margin-bottom: 20px;
  border-bottom: 0; }

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 1px 2px rgba(0, 0, 0, 0.24); }

.portal .middle-box p {
  padding: 1px 15px 12px !important;
  min-height: 88px !important;
  font-size: 1.3em;
  overflow: hidden !important;
  line-height: 1.2em; }

.portal .middle-box h2,
.portal .middle-box h3 {
  font-family: 'Lato';
  font-size: 1.5em;
  font-weight: 600;
  vertical-align: center;
  text-align: center;
  background-color: transparent;
  color: black;
  padding: 0px 5px; }

/* print layout area fix */
#print-layout-area .portal .middle-box-container,
#print-layout-area .portal .middle-box-container-last {
  width: 40%; }

#print-layout-area .portal img {
  width: 119px; }

/* Media queries for responsiveness */
@media only screen and (max-width: 1005) {
  .portal .middle-box h2 {
    font-size: 1.4em; } }
@media only screen and (max-width: 928px) {
  .portal .middle-tier {
    -webkit-justify-content: center;
    justify-content: center; }

  .portal .middle-box-container,
  .portal .middle-box-container-last {
    width: 36%;
    min-height: 300px;
    height: auto; }

  .portal .middle-box-container-last {
    margin: -2px 18px 70px; }

  .portal .middle-box {
    min-height: 300px;
    height: auto; } }
@media only screen and (max-width: 643px) {
  .portal .middle-tier {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center; }

  .portal .middle-box {
    min-height: auto; }

  .portal .middle-box-container,
  .portal .middle-box-container-last {
    width: 50%;
    min-height: auto; }

  .portal .middle-box-container-last {
    margin-bottom: 80px; }

  .portal .middle-box-container .middle-box {
    width: 100%;
    display: inline-block; }

  .portal .middle-box-container-last .middle-box {
    display: inline-block;
    width: 100%; }

  .portal .middle-box h2 {
    font-size: 1.3em;
    font-weight: 600; }

  .portal .middle-box p {
    font-size: 1.1em; } }
@media only screen and (max-width: 570px) {
  .portal .middle-box-container,
  .portal .middle-box-container-last {
    width: 50%;
    min-height: auto; }

  .portal .middle-box {
    min-height: auto; } }
@media only screen and (max-width: 450px) {
  .portal .middle-box-container,
  .portal .middle-box-container-last {
    width: 70%; } }
@media only screen and (max-width: 320px) {
  .portal .middle-box-container,
  .portal .middle-box-container-last {
    width: 90%;
    min-height: auto; }

  .portal .middle-box {
    min-height: auto; } }
.diversity {
  margin-top: 20px;
  line-height: 1.2; }

.diversity #flex-wrapper {
  width: 100%;
  margin: auto;
  background: transparent;
  padding-top: 15px; }

.diversity .intropara {
  font-size: 1.5em;
  margin-bottom: 40px;
  padding: 10px; }

.diversity .button-tier-button {
  text-align: center;
  color: white;
  vertical-align: center;
  background-color: #444444;
  padding: 8px 14px;
  margin-left: 20px;
  margin-right: 20px; }

.diversity .img img {
  text-align: center;
  width: 100%;
  padding-bottom: 10px;
  height: auto;
  margin: 0; }

.diversity .button-background a {
  color: white;
  font-size: 1.30em;
  font-weight: 600; }

/*.diversity .verticalline {
  
  display:inline;
  font-size: 1.2em; 15px;
  padding-left:5px;
  padding-right:5px;
}*/
.simple-content-text .diversity .middle-box-container .button-background a:hover,
.simple-content-text .diversity .middle-box-container-last .button-background a:hover {
  color: #fff; }

.diversity .middle-tier {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: white;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

/*blue background div for each item  z-index :2;*/
.diversity .middle-box-container {
  display: flex;
  flex-direction: column;
  width: 46.3%;
  z-index: 2;
  height: auto;
  margin-top: 2px;
  padding-bottom: 75px;
  margin-left: 1px;
  margin-right: 1px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  /*position:relative; */ }

.diversity .middle-box {
  z-index: 0;
  background-color: white;
  top: 60px;
  margin-left: 1px;
  height: auto;
  margin-top: -45px;
  margin-bottom: 20px;
  border-bottom: 0; }

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.diversity .middle-box p {
  padding: 1px 10px 10px !important;
  min-height: 88px !important;
  display: inline-block;
  /*font-size:1.2em; */
  overflow: hidden !important;
  line-height: 1.2em;
  flex-grow: 1; }

.diversity .middle-box-container h2 {
  font-size: 1.3em;
  font-weight: 600;
  vertical-align: center;
  text-align: center;
  background-color: transparent;
  color: black;
  padding: 4px 5px; }

.diversity .middle-box-container p {
  padding: 0 7px 0 15px !important;
  min-height: 110px !important;
  /*font-size:1.2em; */
  overflow: hidden !important;
  line-height: 1.2em;
  display: inline-block;
  flex-grow: 1; }

.diversity-links {
  margin-bottom: 35px;
  margin-top: 10px;
  padding: 2px; }

/*new for small icons at top and bottom */
.diversity-top-bottom-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #333;
  border-radius: 10px;
  margin: 30px 60px 25px; }

.diversity-top-bottom-flex .button-box {
  height: auto;
  width: 14%;
  border-right: 2px solid #bbb;
  font-weight: bold; }

.button-box-last.div-current {
  background-color: #bbb; }

.button-box.div-current {
  background-color: #bbb; }

.button-box.div-current > a {
  color: #000 !important; }

.button-box-last.div-current > a {
  color: #000 !important;
  padding: 3px; }

.diversity-top-bottom-flex.button-box.div-current > a {
  color: #000;
  padding: 3px; }

.diversity-top-bottom-flex .button-box-last {
  height: auto;
  width: 14%;
  padding-right: 20px;
  font-weight: bold; }

.diversity-top-bottom-flex .button-box a {
  text-align: center;
  display: block;
  color: #fff;
  padding: 3px;
  font-size: 1em; }

.diversity-top-bottom-flex .button-box-last a {
  text-align: center;
  display: block;
  color: #fff;
  padding: 3px;
  font-size: 1em;
  padding-left: 14px; }

 /* .diversity-top-bottom-flex .verticalline {
    display: inline;
   	color:#bbb;
}*/
.diversity-container {
  height: 140px;
  margin-top: 25px; }

.diversity-container .button-left {
  float: left;
  margin-left: 100px; }

.diversity-container .button-right {
  float: right;
  margin-right: 130px; }

.diversity-container .button-center {
  margin-left: 60px; }

.diversity-container .button-left img {
  width: 100px;
  height: 100px; }

.diversity-container .button-right img {
  width: 100px;
  height: 100px; }

.diversity h2 {
  background-color: #516788;
  border-radius: 5px;
  color: #fff;
  font-size: 1.3em;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-top: 10px; }

/* print layout area fix */
#print-layout-area .diversity {
  margin-top: 8px; }

#print-layout-area .diversity .middle-box-container,
#print-layout-area .diversity .middle-box-container-last {
  width: auto;
  margin: 2px 6px 3px;
  padding-bottom: 5px;
  width: 46.3%;
  z-index: 2; }

#print-layout-area .diversity .middle-box-container p {
  display: inline-block;
  line-height: 1.1em;
  min-height: 78px !important;
  overflow: hidden !important;
  padding: 0 7px 0 15px !important; }

#print-layout-area .diversity .middle-tier {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: white;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

#print-layout-area .diversity .button-tier-button {
  background-color: #444444;
  color: white;
  margin-left: 20px;
  margin-right: 20px;
  padding: 4px 14px;
  text-align: center; }

#print-layout-area .diversity #flex-wrapper {
  padding-top: 4px;
  width: 80%;
  margin-left: 0px; }

#print-layout-area .diversity .img img {
  height: auto;
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
  width: 100%; }

#print-layout-area .diversity img {
  width: auto;
  height: auto; }

.diversity .video {
  border-image: none;
  height: 315px;
  text-align: left; }

/*****************************************************************
*
* Name: cda.scss
* Applies to: new CDA layout, now used by other departments
* Modified: 09/12/2017 (Christopher White: added :hover pseudo-classes to .cdnew, .explore, and .fsize.)
*
******************************************************************/
/*Begin default styles*/
.mobileBox {
  flex-direction: column;
  justify-content: space-around;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: auto;
  margin: 0px 15% 30px 15%;
  display: none; }

#headlineRow {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }

.headline-rowOne {
  padding: 0px 18px 30px 10px;
  margin: 0px 0px 30px 0px; }

.headline-rowOne p {
  padding: 10px 15px 0px 10px;
  font-size: 1.25em; }

.headline-rowOne-sidebar {
  float: right;
  background-color: #444444;
  padding: 11px 0px 11px 0px;
  text-align: center;
  color: white;
  font-weight: bold;
  width: 25%;
  line-height: 1.4; }

.headline-rowOne-sidebar:hover {
  background-color: #000000; }

.headline-rowOne-sidebar:hover a,
.headline-rowOne-sidebar a:focus,
.mobileBox:hover a,
.mobileBoxs a:focus {
  color: white;
  text-decoration: underline;
  outline: none; }

.headline-rowOne-sidebar a,
.mobileBox a {
  color: white !important; }

.fsize {
  font-size: 1.4em;
  color: white;
  font-weight: bold; }

.mobileBox-banner {
  background-color: #444444;
  padding: 11px 0px 11px 0px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 1.4;
  width: 100%;
  margin-bottom: 19px; }

.explore {
  font-weight: normal;
  font-size: 1.1em !important; }

.explore a {
  color: white;
  font-weight: normal; }

.explore a:hover,
.explore a:focus {
  background-color: #000000;
  color: white;
  text-decoration: underline !important; }

.box {
  width: 30%;
  height: auto; }

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.boxOne {
  margin-bottom: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column; }

.boxOne p {
  min-height: 104px !important; }

.boxTwo {
  margin-bottom: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column; }

.boxThree {
  margin-bottom: 25px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column; }

.boxFour {
  padding-bottom: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column; }

.boxFour p {
  min-height: 50px; }

.box img {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px !important; }

.box p, .mobileBox p {
  /*Added mobileBox*/
  padding: 0px 7px 0px 14px;
  min-height: 77px;
  display: inline-block;
  margin-bottom: 1.2em; }

.box h2 {
  font-size: 1.2em;
  margin-top: 7px;
  padding-left: 13px; }

.box h2 {
  font-size: 1.34em; }

.cdnew-buttons {
  margin: auto auto 10px;
  text-align: center;
  color: white; }

.cdnew-buttons a {
  color: white;
  padding: 7px 15px 7px 15px;
  background-color: #444444; }

.cdnew-buttons a:hover,
.cdnew-buttons a:focus {
  text-decoration: underline;
  color: white;
  background-color: #000000; }