/*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: #FFF}
.department {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; color: #FFF}

/*navigation*/
.navigation {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; 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; font-weight: normal; 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 }

.new { color: #FF0000; background-color: #FFFFCC; }

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

#spotlight h1 {
/*	background-color: #fc0; 
	background-color: #A59F27;*/
	background-color: #003366;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 900;
	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 hr {
	border-bottom-style: dashed;
	border-color: #A59F27;
	width: 95%;
	height: 2px;
}

fieldset { padding: 10px; 
           border: 1px solid #A59F27;
		   width: 457px; }

legend { color: #A59F27; font-weight: bold;
         font-size: larger; }

#steps {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #A59F27;
	padding: 0px;
	height: 300px;
	
}

#steps a {
	color: #000000;
	padding: 5px;
    text-decoration: none; 
    display: block;
	height: 300px;

}

#steps a:hover{
	color: #fff;
    background-color:#A59F27;

}

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

#highlight {
	width: 520px;
/*	text-align: center;
	margin-left: auto;
	margin-right: auto;*/
	text-align: left;
	background-color: #FFFFE0;
	padding: 5px;
	border: 1px dashed #A59F27;
}

#highlight p {margin: 5px;}