@charset "utf-8";
/* CSS Document */

/********************************************/
/*  Viewport classification (in widths)     */
/*  keep in mind when using media queries   */
/********************************************/
/*  Phone:		767px and below				*/
/*  Tablets:	979px to 768px				*/
/*  Desktop:	Default to 769px			*/
/********************************************/


/*************************************/
/*    Navigation                     */
/*************************************/
ul.navList, ul.leftList{
	margin:0px;
	padding:0px	
}
ul.navList{
	margin:5px 0px 0px 0px;
}
ul.navList li{
	display:inline-block;
	list-style:none;
	margin:0px 1%;
	font-size:1em;
}
/* Michgan.gov Home link always on the left with a large margin to next link*/
header ul.navList li:first-child{
	margin-right:60px;
}
/* Left navigation */
ul.leftList li{
	list-style:none;
	padding:5px;
}
ul.leftList li:last-child{
	border-bottom:1px dotted #0F0926;
}
ul.leftList li a{
	color:#003A66;
	width:100%;
	height:100%;
	display:block;
}
ul.leftList li:hover{
	 background:#0F0926 !important;
}
ul.leftList li:hover a{
	color:#fff;	
}
ul.navList li a, ul.leftList li a{
	text-decoration:none;	
}
/* Boootstrap override so drop down menu button isn't highlighted */
.nav > li > a:hover, .nav > li > a:focus{
	background:none !important;	
}
/* menu icon used for navigation */
.nav{
	display:inline-block;
	margin:5px 5px 5px 10px;
}
.nav li {
    list-style:none;   
}

/**************************************/
/*   Headers                          */
/**************************************/

.container-fluid>header{
	padding-bottom:5px;
}


#mainHeader, #mainHeader .span12{
    padding:0px !important;
    margin:0px !important;
}
#mainHeader a {
    display:inline-block;
    padding:0px;
    margin:0px;
    font-size:0.8em;
}

#bannerImgs {
    background:#000;
}
img{
   border:none !important; 
}

@media screen and (max-width:975px) {
    /*960 + 15px scroll bar any less and the image breaks to the next line*/
    #bannerImgs img#michiganSitelogo{
        display:none;
    }
}

/* Break point between desktop and mobile versions*/
@media screen and (max-width:600px){
	#header{
		background:#003399;
		color:#fff;
		box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		-ms-box-shadow: 0 0 5px #000;
        position:fixed;
		top:0px;		
		z-index:1001;
		width:100%;
	}	
	.container-fluid>header a{
		color:#fff;	
	}
    .dropdown-menu li {
        padding:6px 0px;
        border-bottom:1px solid #cecece;
    }
    .dropdown-menu li:last-child {
        border-bottom:none;
    }

	.dropdown-menu a{
		color:#000 !important;;	
	}
	#demo{
		margin-top:55px;	
	}
    footer a {
        display: inline-block;
        padding:10px;
        margin:10px 10px 0px 0px;
        color:#000;
        background:#FCFCFC;
        border:1px solid #A5B0BC;
        border-radius:5px;
        text-decoration:none !important;
    }
    #mobileMenu li a{
	    text-decoration:none !important;
        margin-left:10px;	
    }
   .spriteMenu {
        background:url(../Images/menuSprites.png);
        height:39px;
        width:40px;
        background-position: 0px 0px;
    }
    li.dropdown.open img {
        background-position: 45px 0px;
    }
     #mobileMenu {
        top:35px;
        left:0px;
    }
}

/*make nav scrollable in landscape*/
@media screen and (max-height: 320px) {
    
    #mobileMenu {
        width:460px;
    }   
     
    #mobileMenu li {
        display:inline-block !important;
        width:31% !important;
        margin-left:5px;
    }

    .dropdown-menu li:last-child {
        border-bottom:1px solid #cecece;
    }

}

#mobileHeader {
    font-size:2em;
    vertical-align:top;
    display:inline-block;
    padding-top:10px;
}

.copy{
	text-align:center;
}