/* -- uncomment to show custom banner --
the banner should be named "custom-banner.jpg" and be inside the images folder  */

/*
#banner {
	background-image:url(/budget/images/budget-banner.jpg)!important;
}
*/

#banner {
	background-image:url(https://www.miamidade.gov/managementandbudget/images/custom-banner.jpg)!important;
}

#navigation{
	background-image: none;
	background-color: #165086;
}

#navigation ul li{
	border-right: 1px solid #0B60B1;
}

.managementandbudget_active_section, .managementandbudget_global_sections ul li a:hover{
	background-color: #165086;
}

/*----------------------------START of Home highlight----------------------------*/

#home-highlight{
	overflow:auto;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;

}


#home-highlight h3{
	color:#f69c2c;
	font-size:18px;
	font-style:italic;


}

#home-highlight a{
	float:left;
	margin-left:15px;

}


.highlight-high-school{
	display: block;
	width: 220px;
	height: 220px;
	background: url('images/budget-highlights.jpg') bottom left;
	text-indent: -99999px;

}

.highlight-high-school:hover{
	background-position: 0 1px;
}

.highlight-undergraduate{
	display: block;
	width: 220px;
	height: 220px;
	background: url('images/budget-highlights.jpg') bottom;
	text-indent: -99999px;

}

.highlight-undergraduate:hover{
	background-position: -254px 1px;
}

.highlight-graduate{
	display: block;
	width: 220px;
	height: 220px;
	background: url('images/budget-highlights.jpg') bottom right;
	text-indent: -99999px;

}

.highlight-graduate:hover{
	background-position: 220px 1px;
}



/*----------------------------END of Home highlight----------------------------*/



/*----------------------------START of Budget Volumes----------------------------*/

#budget-volumes{
	overflow:auto;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;

}


#budget-volumes h3{
	color:#f69c2c;
	font-size:18px;
	font-style:italic;


}

#budget-volumes a{
	float:left;
	margin-left:1px;

}

#adopted-budget-volumes{
	overflow:auto;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;

}


#adopted-budget-volumes h3{
	color:#f69c2c;
	font-size:18px;
	font-style:italic;


}

#adopted-budget-volumes a{
	float:left;
	margin-left:1px;

}


.volume-1{
	display: block;
	width: 159px;
	height: 159px;
	background: url('images/budget-volumes-back.jpg') bottom left;
	text-indent: -99999px;

}

.volume-1:hover{
	background-position: 0 0px;
}

.volume-2{
	display: block;
	width: 159px;
	height: 159px;
	background: url('images/budget-volumes-back.jpg') bottom;
	text-indent: -99999px;

}

.volume-2:hover{
	background-position: -161px 0px;
}

.volume-3{
	display: block;
	width: 159px;
	height: 159px;
	background: url('images/budget-volumes-back.jpg') bottom right;
	text-indent: -99999px;

}

.volume-3:hover{
	background-position: 159px 0px;
}



/*----------------------------END of Home highlight----------------------------*/


/*-----------------------------------------------
Strategic Areas Lef Nav
-----------------------------------------------*/

#areaNav {
float:left;
width:230px;
margin-bottom:10px;

/* to hide on all pages so hector can bring them back on specific pages only*/
display: none;
}

#areaNav .drawers
{
	margin: 0;
	padding: 0;
}

#areaNav ul li
{
	list-style: none;
	list-style-position: outside;
	margin-left: 10px;
}

.drawer a {
display:block;
width:230px;
height:41px;
margin-top:10px;
text-indent: -10000px;
}

#areaNav .drawer a:hover {
background-position:230px;
}

.drawer ul li a
{
	text-indent: 0;

}

#economic-development{
	background-image: url(/budget/images/areNav_policy.gif);
}
#n1 {
background-image:url(/budget/images/areaNav_01.gif);
}
#n2 {
background-image:url(/budget/images/areaNav_02.gif);
}
#n3 {
background-image:url(/budget/images/areaNav_03.gif);
}
#n4 {
background-image:url(/budget/images/areaNav_04.gif);
}
#n5 {
background-image:url(/budget/images/areaNav_05.gif);
}
#n6 {
background-image:url(/budget/images/areaNav_06.gif);
}
#n7 {
background-image:url(/budget/images/areaNav_07.gif);
}

.sn_active, #areaNav .leftActive{
background-position: 230px 50%;
}

h1 img{
	vertical-align: bottom;
	margin-bottom: -11px;
}

.newsItem img{
	margin-top: 0;
	vertical-align: bottom;
}

.rightNavigation h4{
	background-image: none;
	background-color: #666;
}

/* new section styles */ 


#depContainer {
	width:705px;
	margin-top:30px;
	margin-bottom:10px;
}

#depArea {
	width:229px;
	float:left;
	padding-right:5px;
}

#clearFix {
	clear:both;
}

#depArea li  {
	list-style-type: none;
	padding:4px 2px 4px 0;
}

#depArea h4 {
	margin-bottom:10px;	
}