/*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}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

/*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}
a:hover.sidebartitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC3300; text-align: right; text-decoration: underline; font-style: normal}

.sidebarheading { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#333333; 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: #00538E }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #00538E }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #00538E }
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00538E }
h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #00538E }

.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: #00538E }
.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 }

#spotlight {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 220px;
	border-top: 3px solid #39c;
	border-bottom: 3px solid #39c;
	background-color: #EAF1F4;
/*	background-color: #DAF8FF; */
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#spotlight h1 {
	background-color: #39c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	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: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

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

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

#spotlight hr {
	border-style: dashed;
	border-color: #39c;
	width: 100%;
	height: 1px;
}

#spotlightleft {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 220px;
	border-top: 3px solid #39c;
	border-bottom: 3px solid #39c;
	background-color: #EAF1F4;
/*	background-color: #DAF8FF; 
	margin-left: 10px; */
	margin-bottom: 10px;
	
	padding-bottom: 5px;
}

#spotlightleft h1 {
	background-color: #39c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px; 
}
	
#spotlightleft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#spotlightleft ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

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

#spotlightleft hr {
	border-style: dashed;
	border-color: #39c;
	width: 100%;
	height: 1px;
}

#highlight {
	width: 580px;
	border: 1px dashed #39c;
	background-color: #EAF1F4;
	padding: 0px 5px 5px 5px;
}