﻿/* 2010-Responsive-Design-Toolkit-User-Guide.docx Customizing Your New Site Step*/
body {
	background: #D7E5E6; /* #8B568F;*/
}

#mdgov_enterpriseNavigation {
	z-index: 10;
	width: 100%;
	clear: both;
	background-color: #2B639E; /****NAV LIST BACKGROUND COLOR*****/
}

#mdgov_TopSliverBar {
	width: 100%;
	z-index: 1000;
	min-height: 33px;
	background-color: #000;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color:#2B639E; /*******TOP BANNER SLICE COLOR CHANGE HERE*****/
	font-size: 80%;
}

/* 201702 changed padding to 12px from 12px 20px */

#mdgov_enterpriseNavigation ul li a.level0 {
	display: block;
	clear: both;
	padding: 12px;
	color: #D7E5E6;
	text-transform: uppercase;
	background-color: transparent;
	z-index: 1020;
    -webkit-transition: background-color .1s ease, color .1s ease;
    -moz-transition: background-color .1s ease, color .1s ease;
    -o-transition: background-color .1s ease, color .1s ease;
    transition: background-color .1s ease, color .1s ease;
    transition-delay: .2s;
}

.headerBgImg {
    background-image: url(../img/agencyHeaderBg-generic.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

#footer_block {
    background-color: #000;
    border-top: 4px #2B639E solid;
    width: 100%;
    color: #fff;
}

.sec_item_img {
    float: left;
    margin: 0 15px 10px 0;
    max-width: 100%}
    
.ms-alternatingstrong {
	background-color: #f2f9fc;
}

/* Add strokes between each row */
.table-stroke thead th {
	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table-stroke tbody th,
.table-stroke tbody td {
	border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
	background-color: #eeeeee; /* non-RGBA fallback  */
	background-color: rgba(0,0,0,0.04);
}

/* Add stroke to the header and last item */
.table-stripe thead th,
.table-stripe tbody tr:last-child {
	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

th {
	text-align:left;
}	

/* Styles for careers page only */
div.contain {
    text-align: center; 
    width: 101%; 
    height: 80px; 
    margin: auto; 
    padding: 0px;
}

div.border {
    clear:both;
    float:left;
    text-align:center;
    width:97%;
    margin:10px;
    padding:0px;
    border:2px solid #cccccc;
    border-radius:25px;
}

div.yellow
{
    clear:both;
    float:left;
    text-align:center; 
    width:97%; 
    margin:10px; 
    padding:0px;
    background:rgb(255, 230, 173);
    border-radius:25px;
}

img.bottomZero {
    margin-top:10px; 
    margin-right:10px; 
    margin-bottom:0px; 
    margin-left:10px;
    float:right; 
    width:367px; 
    height:300px;
}
div.img1:hover, div.img2:hover, div.img3:hover, div.img4:hover, div.img5:hover, div.img6:hover, div.img7:hover, div.img8:hover {
  -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

div.img1 {
    float: left; 
    line-height: 40px; 
    width: 24%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC2485-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border:1px solid white;
}
div.img2 {
    float: left; 
    line-height: 80px; 
    width: 24%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC1668-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border-top:1px solid white; 
    border-right:1px solid white; 
    border-bottom:1px solid white;
}
div.img3 {
    float: left; 
    line-height: 80px; 
    width: 23%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC1631-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border-top:1px solid white; 
    border-bottom:1px solid white;
}
div.img4 {
    float: left; 
    line-height: 40px; 
    width: 23%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC1696-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border:1px solid white;
}
div.img5 {
    float: left; 
    line-height: 80px; 
    width: 24%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC2436-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border:1px solid white;
}
div.img6 {
    float: left; 
    line-height: 80px; 
    width: 24%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/_DSC1714-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border-top:1px solid white; 
    border-right:1px solid white; 
    border-bottom:1px solid white;
}
div.img7 {
    float: left; 
    line-height: 80px; 
    width: 23%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/IMG_6559-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border-top:1px solid white; 
    border-bottom:1px solid white;
}
div.img8 {
    float: left; 
    line-height: 25px; 
    width: 23%; 
    height: 80px; 
    margin: 0px; 
    padding-left: 10px; 
    background-color: black; 
    color: white; 
    font-weight:800; 
    text-align: left; 
    background: url("/PublishingImages/veterans-long-160.jpg") no-repeat top center; 
    background-size: cover; 
    border:1px solid white;
}

div a.eighty, div a.forty, div a.twenty005 {
    color: white;
}

div.textContain {
    float: left; 
    text-align: left; 
    width: 55%; 
    padding-left: 15px;
}

img.float {
    float: left; 
    text-align: left; 
    margin: 15px;
}

div.yellow p strong.blueText {
    color: rgb(43, 56, 144);
}

img.mainImg {
    float: left; 
    text-align: left; 
    margin: 15px; 
    border-radius: 25px;
}

div.textLeft {
    float: left; 
    text-align: left; 
    width: 72%;
}

div.colTwo {
    float: left; 
    text-align: left; 
    width: auto;
}
