<style>
/* -------------------------------------------------------------------------------
Webworld Style Sheet for Webworld Content Manager tm: City of Ontario
Last Update: 6/26/02 

STYLE FOR PUBLIC SITE
 ------------------------------------------------------------------------------- */

/* 00000000000000000000000000000000000000000000000 
HTML TAGS SECTION
000000000000000000000000000000000000000000000000 */
/* changed for Ontario Site */

BODY {   /* Text inside a TD do not seem to use these attributes.. */
	background-color : #ffffff;
	FONT-SIZE: 10pt; 
	COLOR: #505050; 
	FONT-FAMILY: Arial; 
	FONT-WEIGHT:demi-light;
	BACKGROUND-COLOR: #ffffff 
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}
P {
	FONT-SIZE: 10pt;
	COLOR: #505050; 
	FONT-FAMILY: Arial;
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}


.navleft {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #646c94; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
/* Added different <A> values
	A {
	text-decoration : none; 
	color : #3333ff; 
	font-size : 90%;    
	}
A:LINK, A:VISITED { color : #3333ff; }
A:HOVER { color : #333333; 	text-decoration : underline; }
*/
A:link {
	FONT-SIZE: 8pt; COLOR: #1752a4; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 8pt; COLOR: #1752a4; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 8pt; COLOR: #1752a4; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 8pt; COLOR: #b86d14; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.topnav:link {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.topnav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.topnav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}

A.sidenav:link {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

A.sidenavCurr:link {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #00ff00; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenavCurr:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #00ff00; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenavCurr:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #00ff00; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

A.sidenavlib:link {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #646c94; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenavlib:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #646c94; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.sidenavlib:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

A.redevlnk:link {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.redevlnk:visited {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.redevlnk:active {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.redevlnk:hover {
	FONT-SIZE: 8pt; COLOR: #7a7a7b; FONT-FAMILY: verdana; TEXT-DECORATION: none
}



A.banner:link {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.banner:visited {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.banner:active {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.banner:hover {
	FONT-SIZE: 8pt; COLOR: #7a7a7b; FONT-FAMILY: verdana; TEXT-DECORATION: none
}



/*TH, TD  {		
	font-family : Verdana,Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 80%; 
	font-weight: normal;
}

TH {
	font-weight: bolder;
	text-align : left;
}

STRONG {
	font-weight : bolder;	
}

EM {
	font-style : italic;
}
*/

/*  NOTES ON USING <H> TAGS
H1 and H2 are intended to be used for TITLE level elements. 
H3 and H4 are intended to be used for SUBTITLE level elements.
H5 and H6 are inteneded to be used for SUBHEADing level elements embedded in the CIs.
*/
H1 {
	
	FONT-SIZE: 14pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #ffffff;
	
}

H2 {
	FONT-SIZE: 12pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #ffffff;
}
/* subtitle */
H3 {
	FONT-SIZE: 12pt; 
	COLOR: #000000;
	FONT-FAMILY: Arial; 
	font-weight: normal;
	BACKGROUND-COLOR: #ffffff;
	margin: 0, 0, 0, 0;   /* Top, Right, Bottom, Left  */
}
/* teaser body */
H4 {
	FONT-SIZE: 10pt; 
	COLOR: #000000;
	FONT-FAMILY: Arial; 
	font-weight: normal;
	BACKGROUND-COLOR: #ffffff;
	margin: -15, 0, 0, 0;   /* Top, Right, Bottom, Left  */
}
/* subheading */
H5 {
FONT-SIZE: 10pt; 
	COLOR: #000000;
	FONT-FAMILY: Arial; 
	font-weight: bold;
	margin: -0%, 0%, 0%, 0%;   /* Top, Right, Bottom, Left  */
	
}

H6 {
	
}



#nav a {
	font-weight: bold;
	color: #ffffff;
	padding-right: -10px;
	padding-left: 0px;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	font: verdana;
	color: #ffffff;
	font-size: 12px;
	padding: 0.2em 10px;
	text-align: left;

}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #0e3a5d;
	border-width: 0 5px;
	background: #0e3a5d;
	text-align: left;
	font-color: #0000ff;

}

li {
	float: left;
	position: relative;
	width: 8em;
	text-align: center;
	cursor: default;
	background-color: #19568d;
	border: 1px solid #ffffff;
	border-width: 0 0;
	z-index: 1000;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

li ul {
	display: none;
	position: absolute;
	top: 105%;
	left: 0;
	font-weight: normal;
	background: #2f77c9 bottom left no-repeat;
	padding: 0.2em 0 0.2em 0;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-top: solid 1px #000000;
	
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	width: 180px;
}

li:hover ul, li.over ul {
	display: block;
}

hr {
	display: none;
}


div.tabArea {
  font-size: 80%;
  font-weight: bold;
  }

a.tab {
  background-color: #f9f9fb;
  border: 1px solid #999999;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #075ca7;
  color: #ffffff;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c0c0c0;
  color: #000000;
}

a.tab {
  background-color: #f9f9fb;
  border: 1px solid #999999;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}

a.tab.activeTab {
  z-index: 102;
}

div.tabMain {
background-color: #f9f9fb;
border: 1px solid #999999;
padding: 0em;
position: relative;
z-index: 101;
width:673px;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #f9f9fb;
  border: 0px solid #000000;
  width: 100%;
}


.style1 {
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
}

A.yellow:link {
	color: #ffcc66; font-size: 8pt; font-family: Arial; text-decoration: none
}

A.yellow:visited {
	color: #ffcc66; font-size: 8pt; font-family: Arial; text-decoration: none
}

A.yellow:hover {
	color: #000000; font-size: 8pt; font-family: Arial; text-decoration: none
}

A.yellow:active {
	Fcolor: #ffcc66; font-size: 8pt; font-family: Arial; text-decoration: none
}

/* 00000000000000000000000000000000000000000000000 
CUSTOM CLASS SECTION
00000000000000000000000000000000000000000000000 */
/*
.whiteTitle {
	font-family : MS Sans Serif, Geneva, sans-serif;
	font-size : 80%;
	color: white;
	font-weight: bold;
	text-align: center;
}

.whitelnk {
	font-family : MS Sans Serif, Geneva, sans-serif;
	font-size : 80%;
	color: white;
	font-weight: bolder;
	text-decoration: none;
}

.whitelnk a:active {   }
.whitelnk a:link {   }
.whitelnk a:visited { color: white; }
.whitelnk a:hover { text-decoration: underline;  }

*/
/* Left-hand  nav style */
/*
.navleft {
	font-family: MS Sans Serif, Geneva, sans-serif;
	font-size : 90%;
	color: 990000;
	font-weight: bold;
	text-decoration: none;
}

.navleft a:active  { color: navy ; font-size : 80%; font-weight: normal; } 
.navleft a:link    { color: navy; font-size : 80%; font-weight: normal; }
.navleft a:visited { color:333333; font-size : 80%; font-weight: normal; }
.navleft a:hover   { color: navy; font-size : 80%; font-weight: normal; text-decoration: underline; } 

*/
/* Formatting for error messages */

.errorText {
	/*font-family : Verdana, Arial, Helvetica, sans-serif;*/
	color: red;
	font-weight: bold;
}	
	
/* Breadcrumb nav style */
.breadcrumb a:active  { color: #999999; font-size: 8pt; font-family: verdana; font-weight: normal; } 
.breadcrumb a:link    { color: #999999; font-size: 8pt; font-family: verdana; font-weight: normal; }
.breadcrumb a:visited { color: #999999; font-size: 8pt; font-family: verdana; font-weight: normal; text-decoration: none; }
.breadcrumb a:hover   { color: #ff0000; font-size: 8pt; font-family: verdana; font-weight: normal; text-decoration: underline; } 

.whitetext {
	color: white;
}

.smalltext {
	font-size : small;
}

A.StaffReportTeaser:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}
A.StaffReportTeaser:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}
A.StaffReportTeaser:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: underline;
	BACKGROUND-COLOR: #ffffff;
}
A.StaffReportTeaser:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}

A.TeaserLink:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}
A.TeaserLink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}
A.TeaserLink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: underline;
	BACKGROUND-COLOR: #ffffff;
}
A.TeaserLink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
}



/* 00000000000000000000000000000000000000000000000 
CONTENT TYPE-SPECIFIC CLASS SECTION
Note: We are here declaring classed for each content type in
the WCM.  
00000000000000000000000000000000000000000000000 */

/* -------------------------------------------------------------------------------------
Copyright (C) Webworld Studios, Inc. ALL RIGHTS RESERVED.
 --------------------------------------------------------------------------------------- */
 </style>



