<style>
/* -------------------------------------------------------------------------------
Webworld Style Sheet for Webworld Content Manager tm: City of Ontario
Last Update: 6/26/02 

STYLE FOR PUBLIC SITE
 ------------------------------------------------------------------------------- */

/* changed for Ontario Site */

BODY {   /* Text inside a TD do not seem to use these attributes.. */
	background-color : #ffffff;
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	FONT-WEIGHT:demi-light;
	BACKGROUND-COLOR: #ffffff;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}

P {
	FONT-SIZE: 10pt;
	COLOR: #000000; 
	FONT-FAMILY: verdana;
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
}


p.padding {padding-top:0cm}


TD  {		
	FONT-SIZE: 10pt;
	COLOR: #000000; 
	FONT-FAMILY: Verdana;
	FONT-WEIGHT:demi-light;
	margin: 0%, 0%, 0%, 0%;   /* Top, Left, Right, Bottom */
	
}

#bullet li {position:relative; text-align:left; margin-bottom:20px;}


.navleft {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #646c94; FONT-FAMILY: Verdana; 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: 10pt; COLOR: #0b4bae; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 10pt; COLOR: #0b4bae; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 10pt; COLOR: #0b4bae; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 10pt; COLOR: #08a300; FONT-FAMILY: verdana; TEXT-DECORATION: none
}



A.header:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.header:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.header:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #1be42e; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.header:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}


A.terms:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.terms:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.terms:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #1be42e; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.terms:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none
}


A.leftnav:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.leftnav:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: arial; TEXT-DECORATION: none
}
A.leftnav:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #009900; FONT-FAMILY: arial; TEXT-DECORATION: underline
}
A.leftnav:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #003399; FONT-FAMILY: arial; TEXT-DECORATION: none
}


A.box:link {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.box:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
A.box:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
A.box:active {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana; TEXT-DECORATION: none
}



/*TH, TD  {		
	font-family : Verdana;
	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: Georgia; 
	BACKGROUND-COLOR: #ffffff;
	
}

H2 {
	FONT-SIZE: 12pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #ffffff;
}
/* subtitle */
H3 {
	FONT-SIZE: 12pt; 
	COLOR: #000000;
	FONT-FAMILY: Verdana; 
	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: Verdana; 
	font-weight: normal;
	BACKGROUND-COLOR: #ffffff;
	margin: -15, 0, 0, 0;   /* Top, Right, Bottom, Left  */
}
/* subheading */
H5 {
FONT-SIZE: 10pt; 
	COLOR: #000000;
	FONT-FAMILY: Verdana; 
	font-weight: bold;
	margin: -0%, 0%, 0%, 0%;   /* Top, Right, Bottom, Left  */
	
}

H6 {
	
}


.dropdown {width:936px; height:34px; position:relative; z-index:100; border-right:0px solid #ffffff; font-family:verdana;}

* html .dropdown {width:937px; w\idth:936px;}

.dropdown ul {padding:0;margin:0;list-style-type:none;}
.dropdown ul ul {width:104px;}

.dropdown li {float:left;width:104px;position:relative;}

.dropdown a, .dropdown a:visited {display:block; font-size:9px; text-decoration:none; color:#ffffff; width:103px; height:32px; border:0px solid #ffffff; border-width:0px 1px 1px 1px; background:#1f5b8d; padding-left:0px; padding-top:10px; text-align:center; vertical-align:middle; line-height:12px; font-weight:bold;}

* html .dropdown a, * html .dropdown a:visited {width:104px; w\idth:104px;}
 

.dropdown a.colorback, .dropdown ul a.colorback:visited {background:#448ac4; color:#ffffff;}

.dropdown a.colorback:hover{background:#background:#448ac4;}
.dropdown :hover > a.colorback {background:#background:#448ac4;}
 

.dropdown ul ul a.drop, .dropdown ul ul a.drop:visited {background:#d4d8bd no-repeat 170px center;}

.dropdown ul ul a.drop:hover{background:#c9ba65 no-repeat 170px center;}
.dropdown ul ul :hover > a.drop {background:#c9ba65 no-repeat 170px center;}

.dropdown ul ul ul a, .dropdown ul ul ul a:visited {background:#e2dfa8;}

.dropdown ul ul ul a:hover {background:#b2ab9b;}
 
 

.dropdown ul ul {visibility:hidden;position:absolute;height:0;top:42px;left:0; width:104px;border-top:1px solid #ffffff;}

* html .dropdown ul ul {top:34px;t\op:33px;}
 

.dropdown ul ul ul{left:104px; top:-1px; width:104px;}
 

.dropdown ul ul ul.left {left:-104px;}
 

.dropdown table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 

.dropdown ul ul a, .dropdown ul ul a:visited {background:#dfe2cf; color:#000000; text-align:left; height:auto; line-height:2em; padding:5px 10px; width:180px;border-width:0 1px 1px 1px;}

* html .dropdown ul ul a, * html .dropdown ul ul a:visited {width:200px;w\idth:180px;}
 

.dropdown a:hover, .dropdown ul ul a:hover{color:#ffffff; background:#9ba181;}
.dropdown :hover > a, .dropdown ul ul :hover > a {color:#ffffff; background:#9ba181;}
 

.dropdown ul li:hover ul,
.dropdown ul a:hover ul{visibility:visible; }

.dropdown ul :hover ul ul{visibility:hidden;}

.dropdown ul :hover ul :hover ul{ visibility:visible;}




  
 #tt {
 position:absolute;
 display:block;
 background:url top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url top right no-repeat;
overflow:hidden;
}





*/
/* Formatting for error messages */

.errorText {
	/*font-family : Verdana;*/
	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;
}




/* 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>
