/**NEW, SMART LEFT MENU - As of March 17, 2014*******************************************************************/
/* Everything related to the left menu or left nav will be deleted after all departments have implemented the new, smart left nav */
   
/*left-nav styles */

/*removes the drop-shadow below the top-nav to give room for breadcrumbs*/
div#headers {
	background:none !important;
	padding-bottom:0px;
}

/*breadcrumb styles */
div.crumbs p {
	font-size:70% !important;
	padding:5px 0px 0px 15px;
	margin: 0px;
	line-height:1.5em !important;	
}

/*to keep the link color from changing for visited pages*/
div.crumbs p a:visited {
	color:#336699 !important
}
	
/*changing left-bar text color to black*/	
#left-bar, #left-bar a {color:#000000;}

/*to keep the color of first link 'menu' with red BG to white*/
.agency a {
	color:#ffffff!important;
	text-decoration:none!important;
	display:block !important;
}

#leftNav {
	background-color:#eeeeee !important;
	padding-bottom:1px !important;
}

#leftNav ul {
	list-style-type:none;
	margin:0;
	padding:0;	
	cursor:pointer;	
	border-top:1px solid #ffffff;		
}

#leftNav ul li {
	padding: 0px !important;
	border-bottom:1px dotted #ffffff;		
}

#leftNav ul li:last-child {
	border-bottom:none !important;
}

#leftNav ul li a {
	background-color:transparent !important;
	padding: 5px !important;
	border-left:none !important;
	text-decoration:none;
	display:block;
}

/*background-url in the below styles has to be updated to the new location of the 'arrow' icon*/
#leftNav li.parentNav {
	padding:0px 10px !important;
	background: url("/shared/redesign/images/listB.gif") no-repeat 4px 10px;
}

	#leftNav .parentNav:hover {
		background: url("/shared/redesign/images/list.gif") no-repeat 4px 10px;
	}

#leftNav .activeParent {
	background: url("/shared/redesign/images/listD.gif") no-repeat 3px 10px #777777 !important;
	color:#ffffff !important;
	font-weight:bold;
}

#leftNav .lnkHgLight {
	background-color:#CC0000 !important;
	color:#ffffff !important;
	font-weight:bold;
 }

#leftNav .lnSubMenu {
	padding-left:10px !important;
	border-bottom:2px solid #999999;
}

/*specific BG color and width for each sub-nav to fix the jQuery slide-jerking issue*/
#leftNav .lnMenu ul {
	width:153px;
	background-color:#d4d4d4;
}
#leftNav .lnMenu ul ul {
	width:143px;
	background-color:#eeeeee;
}
#leftNav .lnMenu ul ul ul{
	width:133px;
	background-color:#d4d4d4;
}

/*-----POSITION 5 added Sept 11 2014 -----------*/
#leftNav .lnMenu ul ul ul ul {
	width:123px;
	background-color:#eeeeee;
}

#leftNav .lnSubMenu li {
	border:none !important;
}


.activeParent a, .lnkHgLight a, .lnMenu li:hover a {color:#ffffff !important;}	

/*styles that are applied for different 'type' of links. Icons are already linking to the shared directory*/
#leftNav li.overview{
	font-weight:bold;
}
#leftNav li.nav-pdf {
	padding-left:20px !important;
	vertical-align:middle !important;
	background: url("/shared/Redesign/images/ico/pdf.gif") no-repeat 5px !important;
}

#leftNav li.nav-excel {
	padding-left:20px !important;
	vertical-align:middle !important;
	background: url("/shared/Redesign/images/ico/excel.gif") no-repeat 5px !important;
}

#leftNav li.nav-word {
	padding-left:20px !important;
	vertical-align:middle !important;
	background: url("/shared/Redesign/images/ico/word.gif") no-repeat 5px !important;
}

#leftNav li.nav-external {
	background: url("/shared/Redesign/images/ico/http.png") no-repeat 5px !important;
	padding-left:20px !important;
	vertical-align:middle !important;	
}

#leftNav li.nav-external:hover {
	background: url("/shared/Redesign/images/ico/http_w.png") no-repeat 5px !important;
	padding-left:20px !important;
	vertical-align:middle !important;	
	background-color:#CC0000 !important;
	color:#ffffff !important;
}

#leftNav li.nav-image {
	padding-left:20px !important;
	vertical-align:middle !important;
	background: url("/shared/Redesign/images/ico/picture.gif") no-repeat 5px !important;
}

#leftNav li.nav-popup {
	padding-left:20px !important;
	vertical-align:middle !important;
	background: url("/shared/Redesign/images/ico/enlarge.gif") no-repeat 5px !important;
}

	#leftNav li:hover {
	background-color:#CC0000 !important;
	color:#ffffff !important;
}

#sitemaplist {
	font-size: 80%;
	list-style-type: square;
	}
	
	#sitemaplist ul{
	list-style-type: square;
	}

/** CLOSE NEW SMART LEFT NAV **/


.submenu {
  background: url(/shared/Redesign/images/menufiles/red_menu_bkgrd.jpg); 
}


/***** LEFT MENU *******************************************************************/
/* This left menu has a single red column down the left side, overwriting the
   default style of a column for each row. */
   
#left-menu {
  background-color: #CC0000;
  padding-left: 13px;
  width: 164px;
  border-top: 1px solid white;
}

#left-menu .section {
  padding: 0;
}

#left-bar .weather {
  background-color: 006699;
  height: 104px;
  
}

#left-bar .weather a {
  padding: 0;
}

#left-menu .section a {
  background-color: #939393;
}

#left-menu .site_map {
  border-bottom: none;
}

#left-menu .first {
  border-top: none;
}

#left-menu .first a {
  background-color: #CC0000;
  font-weight: bold;
  padding-top: 7px; 
  padding-bottom: 6px; 
  /* The padding-top and padding-bottom will be removed once the 311 logo is 
  placed in the header. This is just ensuring the department name, when on 
  one line, is the same height as the menu beside it. */
}

#left-menu .subsection a {
  background-color: #AAAAAA;
  padding-left: 18px;
  font-size: 85%;
}

/*#left-menu .subsection {
  background-color: #AAAAAA;
  font-size: 85%;
  padding: 9px 9px 9px 18px;
  border-left: 1px solid white;
}*/

#left-menu .events a {
  background-image: url(/shared/Redesign/images/icons/calendar_grnongry.gif);
  padding-right: 40px;
}

#left-menu .gallery a {
  background-image: url(/shared/Redesign/images/icons/photogallery_grnongry.gif);
  padding-right: 40px;
}

#left-menu .contact a {
  background-image: url(/shared/Redesign/images/icons/email_grnongry.gif);
  padding-right: 40px;
}

#left-menu .site_map a {
  background-image: url(/shared/Redesign/images/icons/sitemap_grnongry.gif);
  padding-right: 40px;
}

#left-menu .documents a {
  background-image: url(/shared/Redesign/images/icons/documents_grnongry.gif);
  padding-right: 40px;
}

#left-menu .arrow a {
  background-image: url(/shared/Redesign/images/icons/arrow_redongry.gif);
  padding-right: 40px;
}

#left-menu .documents2 a {
  background-image: url(/shared/Redesign/images/icons/documents_grnongry.gif);
  padding-right: 40px;
  background-color:#CC0000;
}


#left-bar .e-subscribe2 a {
  background-image: url(/shared/Redesign/images/icons/esubscribe_ongry.gif);
  background-color:#CC0000;
}


#left-bar .image {
  background-color: #CC0000;
}

#left-bar .image a {
  padding: 0;
}

/***** CONTENT ***********************************************************************/

#content li {
  padding: 2px 0;
}

.two_cols ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


/***** GENERIC **********************************************************************/
/*a {
  color: #333333;
}
*/
