/***** TOP NAVIGATION ********************************************/

#top-navigation {
  width: 100%;
  background-color:#336699;
  padding:0px;
  margin:0px;
  }

#top-navigation .container {
  width: 952px;
  height: 80px;
  padding-bottom:4px;
  padding-top:8px;
  margin: 0 auto;
  text-align: right;
  font-size:11px;
  color:#ffffff;
 }  

#top-navigation .container a{
  text-decoration:none;
  color:#ffffff;
  }

/********Font Size Selector Styles ******************/
.resizer a {color:#ffffff !important; }
.small {font-size:100% !important;}
.medium {font-size:110% !important;}
.large {font-size:120% !important;}
.someName { font-weight:bold; padding:0px 1px;}
#accesssmall {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
#accessmedium {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
#accesslarge {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
/**Close font size selector ***/   

/******** Stay Connected at the top left of top nav ******************/
.stayconnected {
	position: relative; 
	width: 100%; /* for IE 6 */
	float:left;
	width:152px;
	height:19px;
	padding:0px 2px 0px 0px;
	top: 5px;
}

.sc { 
	position: absolute; 
	float: left;
	left:43px;
	width:100px;
	font-weight:bold;
	top: 8px;
	font-size: 90%;
}

.sc a{ 
	color:#ffffff !important;
}
/**Close Stay Connected ***/   

#francais {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

#weather {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

/*********END TOP NAVIGATION STYLES *************************************/ 


  
/***** START HEADER *****************************************************************************/


/***** Residents, business, city hall, visitors, departments, sitemap menu ******************************/

#top-menu {
	background-image: url(/shared/includes/top-nav-dept/menubkgd.png);
	border-bottom: 5px solid #336699;
	border-top: 5px solid #336699;
	height: 37px !important;
	float:right;
	margin-top:2px;
		}	
	
#top-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 28px;
	font-size: 110%;
	}
	
#top-menu ul li {
	display:inline;
	}			

#top-menu ul li a {
	list-style:none;
	color:#ffffff;
	padding:11px 24px 0px 24px;
 	text-decoration: none;
	border-right: 1px solid #336699;
	height: 28px;
	float:left;
	font-weight:bold;
	}
	
#top-menu ul li a:hover {
	text-decoration: underline;
	color:#62A1CA; 
	background-color:white;
	display:inline-block;
	}
	


#top-menu ul li.threeoneone a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#0173af;
	} 

		
#top-menu ul li.residents a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#cc0000;
	} 
		
#top-menu ul li.business a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#E7AB0E;
	} 		

#top-menu ul li.visitors a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#DD6D22;
	} 
	
#top-menu ul li.cityhall a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#5A7D1F;
	} 

#top-menu ul li.departments a:hover {
	text-decoration: underline;
	color:#ffffff; 
	background-color:#323266;
	}