﻿/* CSS file of the Master Page for the Department of Disabilities site */

.sitecontainer {
	background:none;
	max-width:1000px !important;
	margin: auto;
}

/* this line affects the spacing between the main content block and the footer and changes the color of the background on either side of the site*/
#s4-bodyContainer {
	padding-bottom:0px;
	background-color:#686868;
}

/* change background color to maroon for smaller screens for menu purposes */
@media screen and (max-width:800px) {
	#s4-bodyContainer {
		padding-bottom:0px;
		background-color: maroon;
	}

}

.headerBgImg {
	background-image:url('/SiteCollectionImages/agency_banner.png');
	padding-top:00px;
}

#mdgov_TopSliverBar {
	border-bottom-color: maroon;
}

/* Special header for Image for Tech Assist Program subsite */
.MDTAP_headerBgImg {
	background-image:url('/SiteCollectionImages/TAP_agency_banner.png');
	padding-top:00px;
	background-repeat:no-repeat;
}

/* Special header for Image for Tech Assist Program subsite */
.TAM_headerBgImg {
	background-image:url('/SiteCollectionImages/TAM_agency_banner.png');
	padding-top:00px;
	background-repeat:no-repeat;
}


#mdgov_homeLink  {
	padding-left:30px;
	padding-top: 20px;
	margin-right:-25px;
}

#mdgov_agencyTitle {
    	padding-left: 20px;
}

.titlelvlone {
	font-size:1.5em;
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Adobe Garamond Pro;

	color:white;
	vertical-align:top;
	text-align:left;
}

.titlelvltwo {
	font-size:3em;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family: Adobe Garamond Pro;
	color:white;
	line-height:normal;
	text-transform:uppercase !important;
}

/* Mostly used for subsites */
.titlelvlthree {
	font-size:1em;
	font-family: "Times New Roman", Times, serif;
	color:white;
}

.tamtitlelvlthree {
	font-size:2em;
	font-family: "Times New Roman", Times, serif;
	color:white;
}

#header, #headerBackground, .headerBgImg {
    min-height: 200px;
}


#mdgov_enterpriseSearchContainer {
	margin: 0 auto;
	padding-left:30px;
	z-index: 1051;
	width: 95%;
	max-width: 960px;
	float:left;
}

#mdgov_enterpriseNavigation ul {
	display:inline-block;
	max-width:1000px;
	width: 1000px !important;
}
#agency_branding, #agency_branding_subpage {
    padding: 0px;
    background-image: none;
}

/* top navigation menu start */

.topnav {
	background-color:maroon;
	max-width:1000px !important;
	margin: auto;
}

.topnav li {
	/*list-style:disc inside;*/
	min-width:175px;
}

#mdgov_enterpriseNavigation a.level2 {
	display:list-item !important;
}

.topnav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:white;
	padding:10px 0px 10px 0px;
	max-width: 100%;
	display: block; 
}


.topnav a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:white;
	background-color:  black;
	padding:10px 0px 10px 0px;
	min-width: 100px; 
	display: block; 
}

#zz1_TopNavigationMenu a {
	white-space:nowrap !important;
}

#zz1_TopNavigationMenu a.static {
	display:block;
	padding-right:0.21em !important;
	
}

#mdgov_enterpriseNavigation {
	background-color:maroon;
}

#mdgov_enterpriseNavigation a:focus {
	background-color:black;
}

@media (max-width:979px) {

	#mdgov_mobileNavButton a {
		background-color: black;
	}

	#zz1_TopNavigationMenu a.static {
	display:block;
	padding-right:0.21em !important;
	padding-left: 1em !important;
	
}

#mdgov_enterpriseNavigation {
	width: 100%;
}

}


/* top navigation menu end  */


.DefaultContentBlock {
	margin:0px;
	padding:0px;
	max-width: 1000px;
}

/* footer start */

.footer_block{
	background:black;
	color:white;
}
.footer_block_left {
    text-align: left;
}


/* WE have to use smaller social icons on the MDTAP layout because standard icons do not include the blogger icon */

.cl_socialNav-mdtap {
    float: right;
}
.cl_socialNav-mdtap li {
    margin-left: 5px;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
.cl_socialNav-mdtap li:first-child {
    margin-left: 0;
}
.cl_socialNav-mdtap li a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Style Library/egov/img/social-icons-sm.png');
    background-repeat: no-repeat;
    background-position: left 0;
    text-indent: -99999px;
}


.cl_socialNav-mdtap li a.sm-facebook-mdtap {
    background-position: left 0px;
}

.cl_socialNav-mdtap li a.sm-facebook-mdtap:hover,
.cl_socialNav-mdtap li a.sm-facebook-mdtap:focus,
.cl_socialNav-mdtap li a.sm-facebook-mdtap:active {
    background-position: right 0px;
}


.cl_socialNav-mdtap li a.sm-twitter-mdtap {
    background-position: left -31px;
}

.cl_socialNav-mdtap li a.sm-twitter-mdtap:hover,
.cl_socialNav-mdtap li a.sm-twitter-mdtap:focus,
.cl_socialNav-mdtap li a.sm-twitter-mdtap:active {
    background-position: right -31px;
}

.cl_socialNav-mdtap li a.sm-youtube-mdtap {
    background-position: left -211px;
}

.cl_socialNav-mdtap li a.sm-youtube-mdtap:hover,
.cl_socialNav-mdtap li a.sm-youtube-mdtap:focus,
.cl_socialNav-mdtap li a.sm-youtube-mdtap:active {
    background-position: right -211px;
}

.cl_socialNav-mdtap li a.sm-blogger-mdtap {
    background-position: left -421px;
}

.cl_socialNav-mdtap li a.sm-blogger-mdtap:hover,
.cl_socialNav-mdtap li a.sm-blogger-mdtap:focus,
.cl_socialNav-mdtap li a.sm-blogger-mdtap:active {
    background-position: right -421px;
}

.cl_socialNav-mdtap li a.sm-all-mdtap {
    background-position: left -271px;
}

.cl_socialNav-mdtap li a.sm-all-mdtap:hover,
.cl_socialNav-mdtap li a.sm-all-mdtap:focus,
.cl_socialNav-mdtap li a.sm-all-mdtap:active {
    background-position: right -271px;
}

/* footer end */
