﻿/* 2010-Responsive-Design-Toolkit-User-Guide.docx Customizing Your New Site Step*/
body {
    background-image:url(../img/technology_background.jpg);
	background-attachment: fixed;
	background-position: left top;
}
body.noBackground { 
	background-image:none; 
	background-color:#cccccc;
}

.container {
	
	background-color: transparent;
	background-image:none;
	}


.headerBgImg {
background-image: url(../img/DoITbanner.png); /****CHANGE HEADER BACKGROUND IMAGE HERE*****/
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
background-color: transparent;
}

#mdgov_enterpriseNavigation {
z-index: 10;
width: 100%;
clear: both;
background-color: #000000; /****NAV LIST BACKGROUND COLOR*****/
opacity: 0.7;
}
#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%;
opacity: 0.7;
}
#footer_block {
background-color: #000;
border-top: 4px #2b639e solid; /******FOOTER COLOR CHANGE HERE******/
width: 100%;
color: #fff;
opacity: 0.7;
}
#primary_content_Block {
    float: left;
	opacity: 0.9;
}
#primary_left_col {
    float: left;
    padding: 0 2px 2px 2px;
    margin-top: 2px;
	opacity: 0.7;
}
#secondary_content_Block {
    float: left;
	opacity: 0.9;
}
#secondary_right_col {
    float: left;
    padding: 0 20px 20px 20px;
    margin-top: 20px;
	opacity: 0.7;
}
#mdgov_mobileNavButton a {
position: absolute;
left: 0;
height: 21px;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 2px #000;
text-decoration: none;
background-color: #000000;
text-align: left;
font-size: 165% !important;
width: 100%;
text-indent: 1.5%;
padding: 6px 0;
border-bottom: 4px solid #000;
}
/*Color of dropdown menu items in mobile*/

@media all and (max-width:979px){
#mdgov_enterpriseNavigation nav ul li#current a.level0, #mdgov_enterpriseNavigation nav ul li:hover a.level0, #mdgov_enterpriseNavigation nav ul li a.level0:focus, #mdgov_enterpriseNavigation nav ul li a.level0:active, #mdgov_enterpriseNavigation nav ul li a.active.level0 {
    background-color: #2b639e;
    color: #fff;
}}

@media all and (max-width:767px){
#primary_right_col{
	margin-bottom:20px;
}
}

/********SDLC subsite************************/
/*Back to top link style*/
.ms-rteCustom-BackToTop {
	display: block;
	background: url(../../images/arrowUp.gif) right 2px no-repeat;
	padding: 0px 12px 1px 0px;
	border-bottom: dashed #CCCCCC 1px;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	margin: 0px 10px 0px 10px;
}
/***********Gallery of Progress***********/
#gallerywrapper .boxBlank{
	height:2200px;
}

.galleryrow {
	position:relative;
	padding-left:10px;
	padding-bottom:30px;
	clear:both;
	float:left;
	width:100%;			
}

.gallerybox{
	position:relative;
	margin-right:20px;
	float:left;
	overflow:hidden;
	padding-bottom:25px;
	width:200px;
}

.gallerybox p{
	text-align:center;
}

.dColR
{
	display: inline-block;
	float: left;
	/*background-color: darkslategray;*/
	height: 210px;
	width: 30%;
	margin-left: 3%;
	margin-bottom: 20px;
}
@media(max-width:560px)
{
	.dColR
	{
		width: 45%;
		margin-left:5%;
	}
}
@media(max-width:340px)
{
	.dColR
	{
		width: 90%;
		
	}
}

/***********End Gallery of Progress***********/
/****Indent for links in Left Navigation  using Reusable COntent****/

#ReusableNavSection ul{
	padding-left:0.5em;
}

/*
.Nav_leftIndent ul{
	padding-left:0.5em;
}
*/
body.noBackground { 
	background-image:none; 
	background-color:#cccccc;
}

#doit_ExperienceSlider { margin: 0 !important; padding: 0; position:absolute; top: 0; left: 0; z-index: -1000;}

#mdgov_siteBackgrounds li { opacity: 1;}

#mdgov_siteBackgrounds img { position:fixed; top:0; }

#doit_ExperienceSlider li {	display:none; }

.topMargin20 { margin-top:20px; }

ul.rslides_tabs { margin-top:0px; }

.editModePanel { background-color: white; }

