﻿/***********************************/
/*  Mission Viejo    
	All Right Reserved             */
/***********************************/
body {
		margin:0;
		padding:0;
		color:#0d0d0d;
		background:url(/Images/Bg.gif) top left repeat-x;
		font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;}


/* Links */
a:link { color: #0d0d0d; text-decoration:underline; font-size:11px; }
a:visited {text-decoration:underline; color:#0d0d0d; font-size:11px;}
a:active {text-decoration:underline; color: #0d0d0d; font-size:11px;}
a:hover {text-decoration:none;color:#0d0d0d; font-size:11px;}

.linkMore a {
		background:url(/Images/icons/linkMore.gif) left top no-repeat;
		display:block;
		margin:20px 0;
		font-size:13px; 
		font-weight:bold;
		padding:0 10px 5px 21px;
		float:right;
		color:#3472ac;
		text-decoration:none;			}	

.linkMore a:hover {color:#3472ac;  text-decoration:underline; font-size:13px; }

.linkMoreLeft a {
		background:url(/Images/icons/linkMore.gif) left top no-repeat;
		display:block;
		margin:20px 0;
		font-size:13px; 
		font-weight:bold;
		padding:0 10px 5px 21px;
		float:left;
		color:#3472ac;
		text-decoration:none;			}	

.linkMoreLeft a:hover {color:#3472ac;  text-decoration:underline; font-size:13px; }

/*---------
  Heading
---------*/ 
/*  Logo */
h1 {
		font: normal 30px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		margin:0; 
		padding:0;}

h1 span{ visibility:hidden;}	
h1 a:visited,a:link{ text-decoration:none;}

h2 {	font: normal 18px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		padding:10px 0 0 0 ;
		margin:20px 0;} 
 
h3 	{	
		margin-bottom:0;
		font: normal 13px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;}
 	
h4 	{	font: bold 12px Times New Roman;
		padding:5px 0;
		color:#3472ac;
		margin:0;}	 
    
h5 {	font: bold 10px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
    	margin:0;
    	padding:0;}   
		 
table {	border-collapse:collapse;
		border-spacing:0;}

/*---TestStyle---*/ 
table_nl {border-collapse:collapse;
		border-spacing:0;}
  
img {border:none;border-spacing:0;}
 
/*------------
  Layout
------------*/  

#Frame{	width:779px;
		margin: 0 auto 0 auto;
		padding:0;
		background:#fff url(/Images/shadow.gif) top left repeat-y;
		position:relative;}
		
#MainContent	{
		float:left;
		background-color:White;
		margin: 0 0 0 0;
		padding:0;}	
			
/*------------
  Breadcrumb
------------*/		
.ekbreadcrumb{
		background: url(/Images/icons/arrowGreen.gif) right center no-repeat;
		float:left;font-weight:bold;
		font-size: 11px;}

.ekbreadcrumb a {
		font-size: 11px;
		text-decoration:underline;
		color:#3472ac;
		font-weight:bold;}
		
.ekbreadcrumb a:hover {
		font-size: 11px;color:#3472ac;
		text-decoration:none;
		font-weight:bold;}		
		
.ekbreadcrumb a:visited, .ekbreadcrumb a:active {
		font-size: 11px;color:#3472ac;}		
			
		
/******************************/
/*  Header                    */
/******************************/	
.Header {
		float:left;
		width:775px;
		height:150px;
		display:inline;
		margin:0 0 0 2px;
		padding:0;
		background:#fff url(/Images/headerBg_original.jpg) left top no-repeat;}
	
/*---------
  Logo
--------- */
#Logo	{
		margin:0;
		height:100px;
		width:400px;
		display:block;
		padding:0;
		float:left;}

/*---------
  Search
---------*/ 

#Search {
		float:right;
		margin:0;
		padding:1px 3px 1px 1px;
		border:1px solid #4a4a4a;
		color:#fff;
		background-color:White;
		margin:10px 10px 0 0;
		display:inline;}   
		
.searchTexBox {
		height:18px;
        font-size:10px;
        color:#535353;
		border:0;}	
	
.searchButton{
		height:23px;
		cursor:pointer;
		background:url(/Images/searchBg.gif) left top repeat-x;}	
		
/******************************/
/* Right Panel                */
/******************************/

#RtPanel{
		padding:15px 0 10px 0;
		width:200px;
		margin:-1px 0 0 0;
		background-color:White;
		float:left;}		

/*---------------------
  Resident Action Center
------------------------*/
.SideMenu{
		margin:0;
		padding: 0;
		float:left;
		width:195px;
       	background-color:White;
		display:inline;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		float:left;}
		
/* Find Departments*/ 
.DepDropdown{
		margin:10px 0 10px 10px; 
		width:165px;
		background:#fff3db url(/Images/icons/dropdown.gif) no-repeat top right;
		display: block; 
		padding:0 0 0 5px;
		border: 1px solid #3572a9;
		font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;}		

.ContextMenuPanel {
	border: 1px solid #3572a9;
	z-index: 10;	
	margin:0 0 0 -2px;
	width:164px;
	background-color:#fff3db;
	cursor: default;
	padding: 5px 3px;
	font-size: 11px;}

.ContextMenuBreak{
	margin:0;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	}

a.ContextMenuItem{
	margin: 0;
	display: block;
	color:#0d0d0d;
	border-bottom:1px dotted #ccc;
	text-decoration: none;
	cursor: pointer;	
	font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;
	padding: 4px 19px 4px 6px;
	}

a.ContextMenuItem:hover{
	background-color: #f5fafe;
	color:#0d0d0d;
	font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;
	padding: 4px 19px 4px 6px;}
	
a.ContextMenuItem:visited{
	text-decoration:none;
	color:#0d0d0d;
	font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;
	padding: 4px 19px 4px 6px;}	

a.ContextMenuItem-Selected{
	font-weight: bold; }


			
/* Action Center*/ 		
.ResidentAction ul, .CityHighlight, #Legend{
		margin:0;
		padding:0;
		width:100%;
		float:left;}	
		
.ResidentAction {
		margin:10px 0 0 0;
		padding:0;}		
		
.ResidentAction img{vertical-align: middle;}		
	
.ResidentAction li{
		float:left;
		width:185px;
		margin:0 0 0 5px;
		display:inline;
		list-style:none;
		border-bottom:1px dotted #ccc;
		padding:3px 0 8px 0 ;}
		
.ResidentAction a:link{text-decoration:none; color:#0d0d0d;font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;}		
.ResidentAction a:visited {text-decoration:none; color:#0d0d0d; font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;}					

/*--------------
  Calendar
--------------*/
.RtCalendar  {
		float:left;
		padding:15px 5px;}
		
/* Calendar View All Links */		
.calviewAll {
		margin:10px 0 0 0;
        float:left;
        width:150px;}	
	
.calviewAll	a,.calviewAll a:visited {
		color:#3472ac;
		font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		text-decoration:underline;}	     
		
.calviewAll	a:hover {
		color:#3472ac;
		font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		text-decoration:none;}	 		   
		
/* Legends */	
#Legend li{
		float:left;
		display:inline;
		font: normal 9px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		list-style:none;
		padding:5px 10px 0 0 ;}
		
#Legend img{
		vertical-align: middle;
		margin:0 3px 0 0;}			
			

/******************************/
/* City Hightlight          */
/******************************/	
#HightLight{
		margin:0;
		padding:0;
		display:block;}	

.cityTitle{
		background:url(/Images/cityTitleBg.gif) left top repeat-x; 
        margin:10px 0 5px 2px;
        padding:0 0 0 10px;
        width:765px;}

.CityHighlight li{
		float:left;
		padding:0 0 20px 5px;
		list-style:none;
		line-height:18px;
		width:250px;}
		
.CityHighlight a{color:#3472ac; text-decoration:none; 		
                 font: bold 12px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;}

.CityHighlight a:hover{color:#3472ac; text-decoration:underline;               
               font:  bold  12px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;}

/******************************/
/*  Top Level Navi            */
/******************************/  

#TopLevelNavi {
		margin:0 0 0 2px;
		padding:0;
		width:775px;}	
		
#TopLevelNavi ul{
		margin:0;
		padding: 0;}		
	
#TopLevelNavi li{
		float:left;
		list-style:none;}

/*--------------
 2nd Level Navi  
--------------	*/    
#SubLevelNavi {
		margin:0;
		padding:0;
		z-index:300;
		position:relative;
		float:left;}	

#SubLevelNavi li{float:left;}
	
.SubLevel{
		margin:0;
		padding:0 0 20px 0;
		float:left;
		width:173px;
		display:inline;
		background:#fff url(/Images/subMenuBg.gif) left bottom repeat-x;
		border-bottom:1px solid  #525239;
		border-left:1px solid  #525239;
		border-right:1px solid  #525239;
		position:absolute;}	
	
.SubLevel li{
		padding:9px 5px 10px 12px;
		color:black;
		margin:0;
		width:155px;
		list-style-type:none;
		background:url(/Images/icons/arrowBlue.gif) left center no-repeat;
		border-bottom:1px dotted  #525239;}	
	
.SubLevel li a{
		color:black;
		font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		text-decoration:none;}
	
.SubLevel li:hover{
		color:black;
		font: normal 11px Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, helvetica;
		text-decoration:underline;}	
		
.Residents {
		margin:-3px 0 0 152px; 
		float:left;
		display:inline;}
    
*:first-child+html body .Businesses {
		margin:-3px 0 0 195px;
		float:left;
		display:inline;}	
	
.Businesses {
		margin:-3px 0 0 195px;
		float:left;
		display:inline;}	
		
.CityServices {
		margin:-3px 0 0 542px;
		float:left;
		display:inline;}
    
/* Firefox*/  		
 #SubLevelNavi , x:-moz-any-link  {
		margin:0;
		padding:0;
		float:left;}	
		    
 /* Firefox    */	  		
.Businesses, x:-moz-any-link {
		margin:0 0 0 345px;
		float:left;
		display:inline;} 
	
.SubLevel, x:-moz-any-link{
		margin:-9px 0 0 0;
		padding:0 10px 20px 10px;
		width:173px;
		background:#fff url(/Images/subMenuBg.gif) left bottom repeat-x;
		border-bottom:1px solid  #525239;
		border-left:1px solid  #525239;
		border-right:1px solid  #525239;}
		
.SubLevel a{color:#3472ac; text-decoration:none;}		
.SubLevel a:hover{color:#3472ac;text-decoration:underline; }	
					
/******************************/
/*  Footer                    */
/******************************/
#FooterMenu{
		margin:0 0 0 150px;
		padding:0;
		display:inline;
		float:left;}
	
#FooterMenu li {
		padding:0 20px;
		margin:0;
		float:left;
		border-right:1px solid #b3b3b3;
		list-style-type:none;}	

#FooterMenu a {color:#333333; text-decoration:none; font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;}
#FooterMenu a:hover{ text-decoration:underline; font: normal 11px  Lucida Sans Unicode, Lucida Sans, Lucida Grande, verdana, arial, verdana, arial, helvetica;}	

#Footer {
		margin:0 0 0 2px;
		width:775px;
		display:block;	
		font-size:10px;
		height:95px;
		padding:20px 0 0 0;
		background: url(/Images/footerBg.gif) left top repeat-x;}	
		

#Footer , x:-moz-any-link{
		margin:0 0 0 2px;
		width:775px;
		float:left;	
		font-size:10px;
		padding:20px 0 0 0;
		background: url(/Images/footerBg.gif) left top repeat-x;}			
		
.copyright {
		padding:20px 0 0 0;
		color:#333333;
		display:inline;
		margin:0 0 0 160px;
		background:#fff url(/Images/seal.gif) left center no-repeat;
		float:left;}		
			
*:first-child+html body .copyright {
		padding:15px 0 8px 0;
		color:#333333;
		margin:0 0 0 160px;
		background:#fff url(/Images/seal.gif) left center no-repeat;
		float:left;}
		
.copyright , x:-moz-any-link{
		padding:0;
		color:#333333;
		margin:0 0 0 160px;
		background:#fff url(/Images/seal.gif) left center no-repeat;
		float:left;}		
		
.copyright p{
		padding:0 0 0 70px;
		margin:0;
		color:#333333;
		font-size:10px;}		
   
/*------------
  Print
------------*/
#Print {
		display:inline;
		float:right;
		margin:10px 30px 0 0 ;}	
	
.fontSize {
	  margin:0  0 0 20px;
	  padding:0  0 0 20px;
	  border-left:1px solid #333335;}	
	  
	  
	 #head_navi1 ul{
 	margin:0px;
 	padding:0;
    list-style-type: none;	
	}
	
#head_navi1 li{
    float:left;
    padding:0;
	margin:0 0 0 3px;
} 
/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	color:gray;
}	

.NewsCurrentPage{
		color:#135fa5;
		text-decoration:none;
		font-weight:bold;
		font-size:12px;}