@charset "utf-8";
/* CSS Document for DMOC */
body {
  font-family: Arial;
  padding: 0;
  background: #f1f1f1;
}

* {
  box-sizing: border-box !important;
}

/* DMOC_header/Blog Title */
.DMOC_header {
  padding: 30px !important;
  text-align: center !important;
  background: white !important;
}

.DMOC_header h1 {
  font-size: 50px !important;
}

/* Style the top navigation bar */
.DMOC_topnav {
  overflow: hidden !important;
  background-color: #3380c5 !important;
  font-size:14px !important;
  width:1168px !important;
}

/* Style the DMOC_topnav links */
.DMOC_topnav a {
  float: left !important;
  display: block !important;
  color: #f2f2f2 !important;
  text-align: center !important;
  padding: 13px 16px !important;
  text-decoration: none !important;
}

/* Change color on hover */
.DMOC_topnav a:hover {
  background-color: #ddd !important;
  color: black !important;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.DMOC_leftcolumn {   
  float: left !important;
  width: 816px !important;
  background-color: #f1f1f1 !important;
}

/* Right column */
.DMOC_rightcolumn {
  float: left !important;
  width: 351px !important;
  background-color: #f1f1f1 !important;
  padding-left: 17px !important;
}

/* Fake image */
.DMOC_fakeimg {
  background-color: #aaa !important;
  width: 100% !important;
  padding: 20px !important;
}
.DMOC_dirimg {
  background-color: #aaa !important;
  width: 216px !important;
  padding: 0px !important;
  margin-right:20px !important;
  float:left !important;
}
.DMOC_logoimg {
  width: 100px !important;
  height: 100px !important;
  padding: 0px !important;
}

/* Add a DMOC_card effect for articles */
.DMOC_card_main, .DMOC_card_quick, .DMOC_card_law, .DMOC_card_calen {
  background-color: white !important;
  padding: 20px !important; 
  margin-top:20px !important;
  overflow: auto !important;
}
.DMOC_card_main{width:816px !important; height:340px !important; margin-right:20px !important; margin-bottom: 20px !important}
.DMOC_card_calen{width:335px !important; height:340px !important; margin-bottom:20px !important;}
.DMOC_card_quick{width:816px !important; height:245px !important; margin-right:20px !important; margin-bottom:20px !important}
.DMOC_card_law{width:335px !important; height:245px  !important; margin-bottom:20px !important;}


/* Clear floats after the columns */
.DMOC_row:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .DMOC_leftcolumn, .DMOC_rightcolumn {   
    width: 100% !important;
    padding: 0 !important;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .DMOC_topnav a {
    float: none !important;
    width: 100% !important;
  }
}

.DMOC_ql_Button {
	box-shadow:inset 0px 1px 0px 0px #54a3f7 !important;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) !important;
	background-color:#007dc1 !important;
	border-radius:3px !important;
	border:1px solid #124d77 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:Arial !important;
	font-size:16px !important;
	padding:11px 20px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #154682 !important;
	margin:0px 20px !important;
	min-width: 156px !important;
	text-align:center !important;
}
.DMOC_ql_Button:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%) !important;
	background-color:#0061a7 !important;
}
.DMOC_ql_Button:active {
	position:relative !important;
	top:1px !important;
}


time.icon
{
  font-size: 1em !important; /* change icon size */
  display: block !important;
  position: relative !important;
  width: 4em !important;
  height: 4em !important;
  background-color: #fff !important;
  margin: 0px 20px 1.3em 10px !important;
  border-radius: 0.6em !important;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd !important;
  overflow: hidden !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: rotate(0deg) skewY(0deg) !important;
  -webkit-transform-origin: 50% 10% !important;
  transform-origin: 50% 10% !important;
  float:left !important;
}

time.icon *
{
  display: block !important;
  width: 100% !important;
  font-size: 1em !important;
  font-weight: bold !important;
  font-style: normal !important;
  text-align: center !important;
}

time.icon strong
{
  position: absolute !important;
  top: 0 !important;
  padding: 0.2em 0 !important;
  color: #fff !important;
  background-color: #980000 !important;
  border-bottom: 1px dashed #757575 !important;
  box-shadow: 0 2px 0 #757575 !important;
}

time.icon em
{
  position: absolute !important;
  bottom: 0.3em !important;
  color: #fd9f1b !important;
}

time.icon span
{
  width: 100% !important;
  font-size: 2.1em !important;
  letter-spacing: -0.05em !important;
  padding-top: 0.8em !important;
  color: #2f2f2f !important;
}
time.icon:hover, time.icon:focus{}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 300px !important;
    margin: 0 !important;
}
#DMOC_slideshow {
  text-align: center;
  overflow: hidden;
  height: 272px;
  width: 537px;
  margin: 0 auto;
}

.DMOC_slide-wrapper {
  width: 2148px;
  -webkit-animation: DMOC_slide 14s ease infinite;
}

.DMOC_slide {
  float: left;
  height: 272px;
  width: 537px;
}
.DMOC_slide img{ width:537px; height:272px;}

.DMOC_slide:nth-child(1) {
  background: #D93B65;
}

.DMOC_slide:nth-child(2) {
  background: #037E8C;
}

.DMOC_slide:nth-child(3) {
  background: #36BF66;
}

.DMOC_slide:nth-child(4) {
  background: #D9D055;
}

.DMOC_slide-number {
  color: #000;
  text-align: center;
  font-size: 6em;
}

@-webkit-keyframes DMOC_slide {
  20% {margin-left: 0px;}
  30% {margin-left: -537px;}
  50% {margin-left: -537px;}
  60% {margin-left: -1074px;}
  70% {margin-left: -1074px;}
  80% {margin-left: -1611px;}
  90% {margin-left: -1611px;}
}

/* Begin DACOWITS Code ----------------------------------------------------------*/

.dtws_bannerBG{background: linear-gradient(to right, #d8dde4 53%, #ffffff 115%) !important;}

/* dtws_navbar container */
.dtws_navbar {
  overflow: hidden !important;
  background-color: #2d7581 !important;
  font-family: Arial !important;
}

/* Links inside the dtws_navbar */
.dtws_navbar a {
  float: left !important;
  font-size: 16px !important;
  color: white !important;
  text-align: center !important;
  padding: 14px 16px !important;
  text-decoration: none !important;
}

/* The dwts_dropdown container */
.dwts_dropdown {
  float: left !important;
  overflow: hidden !important;
}

/* dwts_dropdown button */
.dwts_dropdown .dtws_dropbtn {
  font-size: 16px !important;
  border: none !important;
  outline: none !important;
  color: white !important;
  padding: 14px 16px !important;
  background-color: inherit !important;
  font-family: inherit !important; /* Important for vertical align on mobile phones */
  margin: 0 !important; /* Important for vertical align on mobile phones */
}

/* Add a red background color to dtws_navbar links on hover */
.dtws_navbar a:hover, .dwts_dropdown:hover .dtws_dropbtn {
  background-color: #edeeef !important;
  color: #143c6a !important;
}

/* dwts_dropdown content (hidden by default) */
.dwts_dropdown-content {
  display: none !important;
  position: absolute !important;
  background-color: #f9f9f9 !important;
  min-width: 160px !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
  z-index: 1 !important;
}

/* Links inside the dwts_dropdown */
.dwts_dropdown-content a {
  float: none !important;
  color: black !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  display: block !important;
  text-align: left !important;
}

/* Add a grey background color to dwts_dropdown links on hover */
.dwts_dropdown-content a:hover {
  background-color: #ddd !important;
}

/* Show the dwts_dropdown menu on hover */
.dwts_dropdown:hover .dwts_dropdown-content {
  display: block !important;
}

/* Slideshow */

#DMOC_dwts_slideshow {
  text-align: center !important;
  overflow: hidden !important;
  height: 410px !important;
  width: 1168px !important;
  margin: 0 auto !important;
}

.DMOC_dwts_slide-wrapper {
  width: 4672px ;
  -webkit-animation: DMOC_dwts_slide 18s ease infinite ;
  position:relative ;
}

.DMOC_dwts_slide {
  float: left ;
  height: 410px ;
  width: 1168px ;
}
.DMOC_dwts_slide img{ width:1168px ; height:410px ;}

.DMOC_dwts_slide_text {
        color: #f2f2f2 ;
        font-size: 15px ;
        padding: 8px 10px ;
        position: absolute ;
        bottom: -400px ;
        width: 1168px ;
        text-align: center ;
        background: rgba(0, 0, 0, 0.40) ;
}

.DMOC_dwts_slide:nth-child(1) {
  background: #D93B65 ;
}

.DMOC_dwts_slide:nth-child(2) {
  background: #037E8C ;
}

.DMOC_dwts_slide:nth-child(3) {
  background: #36BF66 ;
}

.DMOC_dwts_slide:nth-child(4) {
  background: #D9D055 ;
}

.DMOC_dwts_slide-number {
  color: #000 ;
  text-align: center ;
  font-size: 6em ;
}

@-webkit-keyframes DMOC_dwts_slide {
  20% {margin-left: 0px ;}
  30% {margin-left: -1168px ;}
  50% {margin-left: -1168px ;}
  60% {margin-left: -2336px ;}
  70% {margin-left: -2336px ;}
  80% {margin-left: -3504px ;}
  90% {margin-left: -3504px ;}
}

.dtws_largeTitle{
    font-size: 28px !important;
    color: #16242e !important;
	margin: 50px 20px 30px 20px !important;
    letter-spacing: 1.5px !important;
}
.dtws_largeTitle_ql{
    font-size: 32px !important;
    color: #16242e !important;
	margin: 10px 60px 30px 30px !important;
    letter-spacing: 1.5px !important;
}
.dtws_lowerContentSplashTop{
	margin: 20px 20px 30px 20px !important;
	line-height: 1.5 !important;
	}

.DMOC_dwts_ql_Button {
	box-shadow:inset 0px 1px 0px 0px #54a3f7 !important;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) !important;
	background-color:#007dc1 !important;
	border-radius:3px !important;
	border:1px solid #124d77 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:Arial !important;
	font-size:16px !important;
	padding:11px 20px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #154682 !important;
	margin:0px 20px !important;
	min-width: 156px !important;
	text-align:center !important;
}
.DMOC_dwts_ql_Button:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%) !important;
	background-color:#0061a7 !important;
}
.DMOC_dwts_ql_Button:active {
	position:relative !important;
	top:1px !important;
}

.dtws_lowerContentWrapper {
    padding: 40px !important;
    background-color: #f5eee2 !important;
	overflow:auto !important;
}

.dtws_lowerContentLt {
    width: 51% !important;
    float: left !important;
    padding-right: 10px !important;
}
.dtws_lowerContentRt {
    width: 45% !important;
    float: right !important;
    padding-left: 10px !important;
}

.dtws_lowContImgBlock1 {float:left !important; width:230px !important; height:180px !important; margin-right:10px }
.dtws_lowContImgBlock2 {float:left !important; width:230px !important; height:180px !important; margin-right:10px }
.dtws_lowContImgBlock3 {float:left !important; width:230px !important; height:180px !important; margin-right:10px }

.dtws_Normal,
.dtws_NormalDisabled,
.dtws_NormalDeleted {
    color: #444 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    word-wrap: break-word !important;
}

/* disabled text styles */
.dtws_NormalDisabled,
.dtws_NormalDeleted {
    color: #999 !important;
}

.dtws_mainFooter {background-color: #15232d !important; height:260px !important; }
.dtws_footerTitles {letter-spacing: 4px !important; font-size:20px !important; float:left !important; margin-bottom:20px !important;}
.dtws_footerMid {height:330px !important; padding:10px 30px !important; background-color:#215a64 !important;}
.dtws_footerBottom {background-color:#15232d !important; padding:10px 30px !important; font-size:15px !important; color:#efefef !important; text-align:right }
.dtws_footerMidRt1 {float:right !important; /*margin-top:100px !important;*/ margin:30px 0 30px auto !important;}
.dtws_footerMidRt2 {float:right !important; margin-top:100px !important; margin-right:0px !important; border-radius: 3px !important; background-color:#fff !important; padding:10px 40px 20px 40px !important; box-shadow: 2px 2px 10px #000d1a !important;}
.dtws_footerMidLt {float:left !important; color:#fff !important; margin-top:20px !important; font-family: Arial, Helvetica, sans-serif !important;}
.dtws_footerMidLt a, .dtws_footerMidLt a:visited{text-decoration:none !important; color:#fff !important;}
.dtws_footerMidLt a:hover, .dtws_footerMidLt a:active{text-decoration:underline !important; color:#fff !important;}
.dtws_footerTextSpacing {margin-bottom:10px !important; letter-spacing: 2px !important; font-size:14px !important;}
.dtws_footerTextSpacing a:link {text-decoration: none !important;}
.dtws_footerTextSpacing a:visited {text-decoration: none !important;}
.dtws_footerTextSpacing a:hover {text-decoration: underline !important;}
.dtws_footerTextSpacing a:active {text-decoration: underline !important;}



.dtws_footerLeftTextWrapper {margin-top:10px !important; margin-left:10px !important; float:left !important; clear:left}
.dtws_footerLeftTextWrapper2 {margin-top:10px !important; margin-left:30px !important; float:left !important; }
.dtws_footerTextSpacing a {color:#fff !important;}
.dtws_footerTextSpacing a:hover {color:#fff !important; text-decoration:underline !important}
.serviceCompText { letter-spacing: 4px !important; font-size:16px !important; padding-bottom:10px !important; text-align:center !important; color:#16242e}

.dtws_socialIcons {}
.dtws_iconSpacing {
padding: 0 10px !important;
}


.dtws_skin-title {
    float: left !important;
    /* padding-top: 30px !important; */
    padding-left: 20px !important;
    font-variant: small-caps !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    line-height: 1.1 !important;
}

.dtws_skin-logo
{
    float: left !important;
    padding: 6px 0 6px 0 !important;
    flex-shrink: 0 !important;
}

@media (max-width: 767px)
{
    .dtws_skin-logo { height: 49px !important; padding: 12px 0 0 0 !important; }
    .dtws_skin-logo img{ height:39px}
    .dtws_skin-header { height: 60px !important; }
    .dtws_skin-top-row { padding: 0px 15px 10px 15px !important; }
}
/* title */

.dtws_skin-header-left { width: 75% !important; float: left !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; min-height: 110px !important; margin-left: 20px !important; }
.dtws_skin-header-right { float: left !important; width: 22% !important; }
.dtws_skin-header { min-height: 110px !important; }
@media all and (-ms-high-contrast:none) { *::-ms-backdrop, .dtws_skin-header-left { height:1px !important; } /* IE11 */}
.dtws_skin-header:after{content:'' !important;display:table !important;clear:both !important;}
.dtws_skin-title a, .dtws_skin-title a:hover
{
    text-decoration: none !important;
}
.dtws_skin-title .dwts_title-text
{
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 28px !important;
    color: #1a454d !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
}

.dtws_skin-title .withsub
{
    line-height:32px !important;
}
    .dtws_skin-title .dwts_title-text .dwts_title-text-small
    {
        font-size: 22px !important;
    }

    .dtws_skin-title .dtws_subtitle-text
    {
        font-family: 'Times New Roman', Times, serif !important;
        font-size:20px !important;
        color: #3399cc !important;
        line-height:20px !important;
        display:flex !important;
        flex-wrap: nowrap !important;
    }
.dtws_wrapper {
    background: #fff !important;
    /*margin: 0 auto !important; /* For centering test page */
    max-width: 1168px !important;
}
/* DoD footer that can't be changed so is hidden*/
.skin-footer-background {
    background-image: none !important;
    background-color: #343434 !important;
    display:none !important;
}
/* Sub pages */
.ol-paren {
    counter-reset: list;
}

.ol-paren>li {
    list-style: none;
}

.ol-paren>li:before {
    content: counter(list) ") ";
    counter-increment: list;
}

.dtws_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 5px;
    margin-top: 20px;
}
.dtws_grid > div{
    text-align: center;
    font-size: 30px;
    padding: .5em;
    color: #333;
	width:150px;

}
.dtws_grid img {
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    height: 131px;
    width: 101px;
}

.dtws_grid a:link {text-decoration: none !important; color:#084476 !important; font-size:24px !important;}
.dtws_grid a:visited {text-decoration: none !important;color:#084476 !important; font-size:24px !important;}
.dtws_grid a:hover {text-decoration: underline !important;color:#084476 !important; font-size:24px !important;}
.dtws_grid a:active {text-decoration: underline !important;color:#084476 !important; font-size:24px !important;}

.dtws_smallReportTxt {
    font-size: 12px;
    text-decoration: underline;
}

.boldFont {
    font-weight: bold;
}

/*Collapsible News and Articles Menu*/

input[type='checkbox'] { display: none; } 
.wrap-collabsible { margin: 1.2rem 0; } 
.lbl-toggle { 
display: block; 
font-weight: bold; 
font-family: monospace; 
font-size: 1.2rem; 
text-transform: uppercase; 
text-align: left; 
padding: 1rem; 
color: #000; 
background: #c9c9c9; 
cursor: pointer; 
border-radius: 3px; 
transition: all 0.25s ease-out; 
} 
.lbl-toggle:hover { 
color: #FFF; 
background: #143c6a;
} .lbl-toggle::before { 
content: ' '; 
display: inline-block; 
border-top: 5px solid transparent; 
border-bottom: 5px solid transparent; 
border-left: 5px solid currentColor; 
vertical-align: middle; 
margin-right: .7rem; 
transform: translateY(-2px); 
transition: transform .2s ease-out; 
} 
.toggle:checked+.lbl-toggle::before { 
transform: rotate(90deg) translateX(-3px); 
} 
.collapsible-content { 
max-height: 0px; 
overflow: hidden; 
transition: max-height .25s ease-in-out; 
} 
.toggle:checked + .lbl-toggle + .collapsible-content { 
max-height: 2300px; 
} 
.toggle:checked+.lbl-toggle { 
border-bottom-right-radius: 0; 
border-bottom-left-radius: 0; 
} 
.collapsible-content .content-inner { 
background: #f1f1f1; 
border-bottom: 1px solid #c9c9c9;
padding: .5rem 1rem; 
}
.collapsible-content .content-inner a, .collapsible-content .content-inner a:visited{ 
color: #143c6a;
text-decoration:none;
}
.collapsible-content .content-inner a:hover, .collapsible-content .content-inner a:active{ 
color: #143c6a;
text-decoration:underline;
}  
.collapsible-content p { 
margin-bottom: 0; 
}

/*Committee*/
.bioHeader {
font-weight:bold !important;
text-align:center !important;
}
.bioName {
font-weight:bold !important;
text-align:center !important;
width:240px !important;
margin: 0 auto !important;
padding-top:15px !important;
}
.bioName a, .bioName a:visited {
font-weight:bold !important;
text-align:center !important;
color:#036 !important;	
font-size:18px !important;
text-decoration:none !important;
}
.bioName a:hover, .bioName a:active {
text-decoration:underline!important;
}

.BioCommittee td{
padding-bottom:90px !important;	
}
td.tableTealbg{
	background-color:#2d7581 !important; color:#fff !important; vertical-align:top !important; border:1px solid #000 !important;
}
td.tableBioComm{
	background-color:#fff !important; vertical-align:top !important; border:1px solid #000 !important;
}

/* Additional DAC-PSM styles */
  
.DAC-PSM-col-text {
    width: 53% !important; /* Adjust as needed */
    float: left !important;
	padding-right:5px !important;
}
.DAC-PSM-col-images {
    width: 42% !important; /* Adjust as needed */
    float: right !important;
	padding-right:5px !important;
}
  
 .DAC-PSM-image-place-holder{
	 background-color:#CCC !important;
	 margin-left: auto !important;
     margin-right: auto !important;
 }
 
.DAC-PSM-Sched-Image{ width:455px ; height:317px ;}

    .DACPSM-s-borderO {
        width: 450px !important;
        height: 312px !important;
        border: 5px solid #2d7581 !important;
		border-radius: 4px !important;
        box-sizing: border-box !important;
    }
    .DACPSM-s-borderM {
        width: 100% !important;
        height: 100% !important;
        border: 1px !important;
        box-sizing: border-box !important;
        padding: 1px !important;
    }
    .DACPSM-s-borderI {
        width: 100% !important;
        height: 100% !important;
        border: 2px solid #2d7581 !important;
        box-sizing: border-box !important;
		padding: 20px 10px 10px 10px !important;
		background-color:#f1f3f5 !important;
		color: #000 !important;
        font-size: 24px !important;
		text-align: center !important;
    }