<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 : #19568d;
	FONT-SIZE: 13px; 
	COLOR: #ffffff; 
	FONT-FAMILY: helvetica; 
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}
P {
	FONT-SIZE: 13px; 
	COLOR: #ffffff; 
	FONT-FAMILY: helvetica; 
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}
SPAN {
	FONT-SIZE: 13px; 
	COLOR: #ffffff; 
	FONT-FAMILY: helvetica; 
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}
div {
	FONT-SIZE: 13px; 
	COLOR: #ffffff; 
	FONT-FAMILY: helvetica; 
	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: 13px; COLOR: #ffcc66; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 13px; COLOR: #ffcc66; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 13px; COLOR: #ffcc66; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: helvetica; 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.acteva:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #96d1fb; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
A.acteva:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #96d1fb; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
A.acteva:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; COLOR: #72c843; FONT-FAMILY: helvetica; 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
}

/*TH, TD  {		
	font-family : Verdana,Geneva, Arial, Helvetica, sans-serif;
	color : #ffffff;
	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: #ffffff; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #ffffff;
	
}

H2 {
	FONT-SIZE: 12pt; 
	COLOR: #ffffff; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #ffffff;
}
/* subtitle */
H3 {
	FONT-SIZE: 12pt; 
	COLOR: #ffffff;
	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: #ffffff;
	FONT-FAMILY: Arial; 
	font-weight: normal;
	BACKGROUND-COLOR: #ffffff;
	margin: -15, 0, 0, 0;   /* Top, Right, Bottom, Left  */
}
/* subheading */
H5 {
FONT-SIZE: 10pt; 
	COLOR: #ffffff;
	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: 12px;
	color: #666666;
}



/* 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>
