/* ------------ City Standard StyleSheet. ----------------- */

/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}

/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none}
a.blackbar:hover { color: #FFCC66; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}

/*Apply this class to the sidelink text - color can be modified to match your colour scheme. Do not remove the hover underline.*/
.sidelink { color: #003366; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none; text-align: right}
a.sidelink:link { color: #003366; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.sidelink:visited { color: #003366; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidelink:hover { color: #003366; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: underline }
a.sidelink:active { color: #003366; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/*This is the default link style for any links that you do not apply a class to. These are the City standard and should not be changed.*/
a:link { color: #000066; text-decoration: underline}
a:visited { color: #003300; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; text-decoration: underline}

/*These are the heading styles. Colors can be changed to match your colour scheme*/

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #CC3300 }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #CC3300 }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #330066 }
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #330066 }

/*  SPECIAL NOTE: Commenting these two City styles out and replacing with CSG specific header attributes section below . . . 
This is the main and secondary styles in the header bar. Colours can be changed to match your colour scheme. Fonts and sizes should stay as is.
.maintitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #FFCC00; font-weight: normal}
.secondarytitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #CCCCCC}
*/

/*This is the sidebartitle style. Colour has been changed to match our colour scheme. Fonts and sizes should stay as they are.*/
.sidebartitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #CC3300; text-decoration: none }
/* These next four lines are CSG specific.*/
a.sidebartitle:link { color: #CC3300; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:visited { color: #CC3300; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidebartitle:hover { color: #CC3300; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:active { color: #CC3300; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/* This is the styles for body, and tables. Do not alter. */
td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333 }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333 }

/*This is the smalltext style.*/
.smalltext { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #333333 }


/* --------------------- CSG Specific Styles ------------------------ */

p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333 }

/* header attributes - used mostly in templates only */
.CommunityServices { font-size: 22px; color: #3399CC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  }
.department { font-size: 20px; color: #FFCC00; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  }

/* Apply this to bulleted lists to make square bullets.  */
.bullets { 	font-size: 13px; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; list-style-type: square }

.heading1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #CC3300 }
.heading2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #CC3300 }
.heading3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #330066 }
.heading4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #330066 }

.smallgreytext { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #999999}
.medgreytext { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #999999 }
.medtext { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333333 }
.callout { color: #FF8040; font-weight: bold; background-color: #FFFFCC }



/* ------------------ NOTE: These are probably obsolete definitions - April 24, Lisa Hildebrandt
.contact { FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif }
.texttitles { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #330066; FONT-STYLE: normal; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.navigation { FONT-SIZE: 10px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.quicklinks { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
*/

.qHeading { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000000; }

#spotlight {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 255px;
	border: 1px solid #fc0;
	background-color: #FFFFE0;
/*	background-color: #DAF8FF; */
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#spotlight h1 {
	background-color: #fc0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3300;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px; 
}
	
#spotlight p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:5px;
	margin-right:5px;
}

#spotlight ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

#spotlight li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: -10px;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: square;
/*	list-style-image: url(images/globe.gif)*/
	
}

#spotlight hr {
	border-style: dashed;
	border-color: #fc0;
	width: 97%;
	height: 1px;
}