/*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: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.sidelink:link { color: #000066; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:visited { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidelink:hover { color: #000066; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:active { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/*Apply this class to the indexlink text.  Do not remove the hover underline.*/
.sidelink { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
.indexlink { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none ; font-weight: bold}
a.indexlink:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.indexlink:hover { color: #FFFFFF; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlink:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlink:active { color: #FFFFFF; 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: #336600; 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: #990000}
h2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000}
h3 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000}
h4 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000}

/*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 can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  font-family: "Trebuchet MS", Arial; font-size: 12px; color: #990000; text-align: center}


/*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}
.smalltextwhite {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff}
.smalltextbold {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold}

.sidetext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}


.sidetextbold {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold}
.smallboxtext {  font-size: 10px; color: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

/*Apply this class to the indexlink text that is bright yellow.  Do not remove the hover underline.*/
.indexlinkyellow { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none ; font-weight: bold}
a.indexlinkyellow:visited { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.indexlinkyellow:hover { color: #FFCC00; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkyellow:link { color: #FFCC00; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkyellow:active { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }

/*Apply this class to the outagelink text that is light blue.  Do not remove the hover underline.*/
.indexlinklightblue { color: #C0F0FE; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none ; font-weight: bold}
a.indexlinklightblue:link { color: #C0F0FE; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinklightblue:visited { color: #C0F0FE; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: underline }
a.indexlinklightblue:hover { color: #C0F0FE; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinklightblue:active { color: #C0F0FE; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: underline }


/*Apply this class to the outagelink text that is bright yellow.  Do not remove the hover underline.*/
.outagelinkyellow { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none ; font-weight: bold}
a.outagelinkyellow:visited { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: underline }
a.outagelinkyellow:hover { color: #FFCC00; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.outagelinkyellow:link { color: #FFCC00; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.outagelinkyellow:active { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: underline }

/*Apply this class to the indexlink text that is red.  Do not remove the hover underline.*/
.indexlinkred { color: #FF0000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none ; font-weight: bold}
a.indexlinkred:visited { color: #FF0000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.indexlinkred:hover { color: #FF0000; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkred:link { color: #FF0000; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkred:active { color: #FF0000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }


/*Apply this class to the indexlink text that is red.  Do not remove the hover underline.*/
.indexlinkGoldLrg { color: #FFCC00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none ; font-weight: bold; letter-spacing:.1em; text-transform:uppercase;}
a.indexlinkGoldLrg:visited { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.indexlinkGoldLrg:hover { color: #FFCC00; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkGoldLrg:link { color: #FFCC00; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.indexlinkGoldLrg:active { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }



/*Apply this class to the spotlight box links.  Do not remove the hover underline.*/
.spotlightlink { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 13px; text-decoration: none }
a.spotlightlink:visited { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }
a.spotlightlink:hover { color: #FFCC00; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.spotlightlink:link { color: #FFCC00; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.spotlightlink:active { color: #FFCC00; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none }






.tabletext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.form {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.medtext {
	font-size: 11px;
}
.highlight {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFCC;
	font-weight: bold;

}
.whitetext {
	color: #FFFFFF;
}

.photoBorder {  border: 1px ridge; border-color: #666666 }

.redtext {
	color: #990000;
}
.navytext {
	color: #003366;
}
.smalltextyellow {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFCC00;
	font-weight:normal;
	line-height:1.4em;
}

.borderThin {
	border: 1px solid #666699;
	padding: 6px;
}



/* used on city home page to style search box and drop-down list (upper right corner) */
.searchForm {
	height:21px; 
	margin-top:5px; 
	width:120px; }
.searchButton {
	margin-left:1px; 
	margin-top:6px; }
.shortcutsDropdown {
	font-size:13px;
	width:170px; }


/* footer - address, email, phone, hours, etc. - on home page only */
#homepageFooter {
	color:#fff;
	font-size:.85em;
	margin-left:10px;
	}
.bold {
	font-weight:bold;
	}
#homepageFooter a {color:#fff;}
