/*standard elements*/
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333 ; text-decoration: none}
p {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333 ; text-decoration: none}
.bullets {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333; list-style-type: square}
.contact {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal}

/*table attributes*/
td {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333 ; text-decoration: none}
.texttitles {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #330066; font-style: normal; text-decoration: none}
.CommunityServices {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: normal; color: #3399CC}
.department {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; color: #FFCC00}

/*navigation*/
.navigation {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #FFFFFF; text-decoration: none; }
.quicklinks {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; 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}

/*sidebar/menubar links*/
.sidelink {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; text-decoration: none; text-align:right }
a:sidelink, a:visited.sidelink, a:link.sidelink, a:active.sidelink { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; text-decoration: none; }
a:hover.sidelink { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; text-decoration: underline; }

.sidebartitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC3300; text-align: right; text-decoration: none; font-style: normal}h1 {  font-size: 20px; color: #CC3300; text-decoration: none}

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 }

.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 }

.highlight { font-size: 11px; font-weight: bold; color: #CC3300; background-color: #FFFFCC}

#spotlight {
/*	float: left; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 452px;
	border: 1px solid #336633;
	background-color: #FFFFE0;
/*	background-color: #DAF8FF; 
	margin-left: 10px;*/
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#spotlight h1 {
	background-color: #336633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	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;
	
}

#spotlight hr {
	border-bottom-style: dashed;
	border-color: #fc0;
	width: 95%;
	height: 2px;
}

#backgrounddoc {
	width: 100%;
	border-bottom: 1px dashed #9c0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

fieldset { padding: 10px; 
           border: 1px solid #336633;
		   width: 502px; }

legend { color: #336633;}