/* MAIN MENU - Residents, Vistors, Business, Government */
/*?
.HeadItem { padding:0px; margin:0px;}

.HeadItemOver { padding:0px; margin:0px; }

.SplashHeadItemOver { border: 1px solid black; }

.MenuItemToolTip { }
.MenuItemClicked { }
*/

/****Below styles are used for the rad menu drop down boxs. menuGroup denotes when open*****/
/*left nav root items in default state*/

.MenuGroup {cursor: pointer; background: #336666; }
/* affect chevron area in large dd's first time it is open, then changes state*/
.ddMenuGroup {border: 1px solid #336666; background: white; cursor: pointer;}

/*Initial state of closed dd*/
.ddGroup
  {
	background: white;
	border: 1px solid black; 
	padding: 0px;  
	text-align: left;
	color: black;
	font-weight:normal;
	
	}
/*hover state* of closed dd*/
.ddGroupOver 
  {
	background: white;
	border: 1px solid black;
	padding: 0px;  
	text-align: left;
	color: black;
	font-weight:normal;
	}
/*overrides explicit td styles in base sheet*/	
.ddGroup td  { font-family: arial, helvetica, sans-serif; font-size:10px; }

.ddGroupOver td  {font-family: arial, helvetica, sans-serif; font-size:10px; }

/*This is the whole list, should be named ItemS
nbird increase padding and added border */
.ddMenuItem  {
	background: white;
	border: 1px solid #336666; /*remove if annoying*/
	/*font-family: arial, helvetica, sans-serif; *//*add if breaks*/
	padding: 1px 0px 1px 0px;  
	text-align: left;
	color: black;
	font-weight:normal;
	}


.ddMenuItem td  {font-family: arial, helvetica, sans-serif; font-size:10px; line-height:10px; padding-bottom:2px; padding-top:2px;}

.ddMenuItemOver {
	color: black;
	background: #99cccc;
	border: 1px solid #336666;
	padding: 0px;
	text-align: left;
	font-weight:normal ;
	}
	
.ddMenuItemOver td { font-family: arial, helvetica, sans-serif; font-size:10px;line-height:10px; padding-bottom:2px; padding-top:2px; }

/* scroll bar of dd boxes */
.MenuScroll  
{
  background-color: #99cccc;
  border: 1px solid #336666; 
  cursor: pointer;  
}

.MenuScrollOver 
{/*hover over scroll icon*/
  border: 1px solid #336666;
  background-color: white;  
  cursor: pointer;
}
/****above styles are used for the rad menu drop down boxs.*/

/*first & second level popout*/
.MenuItem  {
	background: #99cccc;
	border: 1px solid black; 
	font-family: arial, verdana, sans-serif; 
	padding: 2px;  
	font-size:11px; 
	text-align: left;
	color: black;
	font-weight:bold;
	}

/* dcw- Added the following td tag to override the font-size and font-family 
without this entry, it uses these properties from the td tag of default.css  */

.MenuItem td {font-family: arial, helvetica, sans-serif; font-size:11px; color:black; }

.MenuItemOver {
	color: black;
	background: #ffcc00;
	border: 1px solid black; 
	/* font-family: arial, helvetica, sans-serif; */
	padding: 2px;
	/* font-size:11px; */
	text-align: left;
	font-weight:bold;
	}
	
/* dcw- Added the following td tag to override the font-size and font-family -
without this entry, it uses these two properties from the td tag of default.css */	
.MenuItemOver td {font-family: arial, helvetica, sans-serif; font-size:11px; }

/* LEFT ROOT NAVIGATION - Used for the HOME root only */
#leftrootnav 
{
	/*inc from 135*/
	margin-left: 5px;
	width: 140px; 
	cursor: pointer;
}

.LeftRootChannel tr td, .LeftRootChannelOver tr td {
	font: bold 11px/10px arial, verdana, sans-serif;
}

.LeftRootChannel tr td 
{
	color: white;
	padding-bottom: 5px;
	padding-top: 3px;
}

.LeftRootChannelOver tr td 
{	/*changed from #99cccc*/
	color: Black;
	background-color: #99cccc;
	padding-bottom: 5px;
	padding-top: 3px;
}

.LeftRootChannel {
	border: 1px solid #336666;
}

.LeftRootChannelOver {
	border: 1px solid black;
}

/* LEFT NAVIGATION MENU - All channels/postings other than the home root */
#leftnav {
	margin-left: 5px;
	width: 135px;
	cursor: pointer;
}

.LeftChannel tr td, .LeftChannelOver tr td, .LeftChannelClicked tr td {
	font: bold 11px/10px arial, helvetica, sans-serif;
}

.LeftChannel tr td {
	color: white;
	padding-bottom: 5px;
	padding-top: 3px;
}

.LeftChannelOver tr td 
{
	/*changed color from #99cccc and added bg */
	color: black;
	background-color: #99cccc;
	padding-bottom: 5px;
	padding-top: 3px;
}

.LeftChannel {
	border: 1px solid #336666;
}

.LeftChannelOver {
	border: 1px solid black;
}

.LeftChannelClicked tr td {
	color: #99cccc;
	padding-bottom: 5px;
	padding-top: 3px;
}

.LeftChannelClicked {
	border: 1px solid black;
}