/* ------------ 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; font-weight: bold; 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 }
.smalltextbold { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333 }
.smalltextred { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #CC3300 }
.smalltextredbold { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CC3300 }


/* --------------------- 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; font-weight: bold; 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 }



/* ------------------ 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 }
*/

.medtext {  font-size: 11px}
.medtextbold {  font-size: 11px; font-weight: bold; }
.whitetext {  color: #FFFFFF}
.redtext {  color: #CC3300}
.redtextbold {  color: #CC3300; font-weight: bold; }
.redtextitalic {  color: #CC3300; font-style: italic; }
.redtextbolditalic {  color: #CC3300; font-weight: bold; font-style: italic; }
.medtextred { font-size: 11px; color: #CC3300}
.medtextredbold { font-size: 11px; font-weight: bold; color: #CC3300}
.callout {  color: #CC9900; background-color: #FFFFCC; font-size: 18px}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.bolditalic {font-weight: bold; font-style: italic;}

.artsA { color: #059808; font-weight: bold; }
.artsR { color: #63A1FF; font-weight: bold; }
.artsT { color: #E10000; font-weight: bold; }
.artsS { color: #FFBA00; font-weight: bold; }