body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:.95em;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

p, h1, form, button{ border:0; margin:0; padding:0; }
.spacer{clear:both; height:1px;}
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
body { background-color: #FAFAFA; font-size:14px; background:url(images/pageBackgroundGrid.gif); background-repeat:repeat; }
p { display:inline; }
#newsLess { display:inline; }

.clear { clear:both; }

a:link, a:active, a:visited { color: #000099; text-decoration: none; font-weight: bold; }
a:hover { color: #CC0000; text-decoration: none; font-weight: bold; }

a:link .white, a:visited .white, a:active .white { color: #FFF; text-decoration: none; }
a:hover .white { color: #FFF; text-decoration: none; }
a:link .orange, a:visited .orange, a:active .orange { color: #FF6600; text-decoration: none; }
a:hover .orange { color: #FF6600; text-decoration: none; }


h1 { font-size: 2em; font-weight: bold; color: #0000FF; }
h2 { display: inline; font-size: 1.75em; font-weight: bold; color: #0000FF; }
h3 { display: inline; font-size: 1.5em; font-weight: bold; color: #0000FF; }
h4 { display: inline; font-size: 1.25em; font-weight: bold; color: #000; }
h5 { display: inline; font-size: 1em; font-weight: bold; color: #000; }
h6 { display: inline; font-size: .75em; font-weight: bold; color: #666; }

.bgeven { background-color:#FFFFFF; }
.bgodd { background-color:#DDDDDD; }
.center { text-align:center; }
.blue { color: #000099; }
.timestamp { color: #666; font-size:.75em; }

.white { color: #FFF; text-weight: bold; }
.orange { color: #FF6600; text-weight: bold; }

.bgOrange { background-color: #FFE1D2; }
.bgBlue { background-color: #D9ECFF; }
.bgWhite { background-color: #FFF; }

#table3 { padding:3px; }

.authBG { background-color:#000; padding:10px; font-size: 1.75em; color: #FFF; font-weight: bold;}
.more { display: none; }
.moreShow { display: block; }

.buttons110 { width: 105px; text-align:center; font-size: 1em; margin: 2px; padding:2px; color: #000; font-weight: bold; float:left; border:solid 2px #b7ddf2; background:#ebf4fb; }

#pagewidth { width:1000px; text-align:left; margin:0 auto; clear:both; }

#pageHeader{ width:1000px; text-align:left; margin:0 auto; height:200px; } 
#pageHeader a:link, #pageHeader a:visited, #pageHeader a:active { color: #FF6600; text-decoration: none; font-style: bold; }
#pageHeader a:hover { color: #FFF; text-decoration: underline; font-style: bold; }
#pageHeaderTopLeft{ width:400px; padding-top:10px; text-align:left; float:left; color:#fff; } 
#pageHeaderTopRight{ width:400px; padding-top:8px; text-align:right; float:right; color:#fff; } 
#pageHeaderMenu{ width:1000px; text-align:left; margin:0 auto; height:35px; } 

#pageHeaderTop					{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMain.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopEducation 		{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainEducation.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopHealth 			{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainHealth.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopSafety 			{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainSafety.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopTransportation 	{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainTransportation.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopUtilities 		{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainUtilities.gif) center no-repeat; font-weight: bold;} 
#pageHeaderTopPublicStructure 	{ width:1000px; height:150px; text-align:center; clear:both; background:url(images/layout/headerMainPublicStructure.gif) center no-repeat; font-weight: bold;} 
#background 				{ width:100%; background:url(images/layout/mainBG.gif); background-repeat:repeat-x; text-align:center; }
#backgroundEducation 		{ width:100%; background:url(images/layout/mainBGEducation.gif); background-repeat:repeat-x; text-align:center; }
#backgroundHealth 			{ width:100%; background:url(images/layout/mainBGHealth.gif); background-repeat:repeat-x; text-align:center; }
#backgroundSafety 			{ width:100%; background:url(images/layout/mainBGSafety.gif); background-repeat:repeat-x; text-align:center; }
#backgroundTransportation 	{ width:100%; background:url(images/layout/mainBGTransportation.gif); background-repeat:repeat-x; text-align:center; }
#backgroundUtilities 		{ width:100%; background:url(images/layout/mainBGUtilities.gif); background-repeat:repeat-x; text-align:center; }
#backgroundPublicStructure 	{ width:100%; background:url(images/layout/mainBGPublicStructure.gif); background-repeat:repeat-x; text-align:center; }

#newsSocial { width:100%; margin-bottom: 10px; margin-top: 10px; padding-top:4px; padding-bottom:0px; border-bottom: thin solid #ddd; border-top: thin solid #ddd; text-align:right; vertical-align:middle; }
a:hover { color: #CC0000; text-decoration: none; font-weight: bold; }

#newsComments { width:inherit; margin-top: 10px; padding-top:10px; }

#editSection { height: 10px; width:100%; float:right; padding:0; text-align:right; }
#editSection a { color: #FF0000; text-decoration: none; font-size: .75em; }

#galleryInd { float:left; padding:10px; text-align:center; }

#maincolFull { background-color: #FFF; width:980px; float: left; position: relative; padding: 10px; border: thin solid #DDD; margin-bottom:10px; }
#maincolFull .mainSection { background-color: #FFF; width:980px; float:left; clear:both; padding: 5px 0 5px 0; border-bottom: thin solid #DDD; }
#maincolFull .mainSection .mainSectionLeft { width:300px; float:left; padding: 5px; }
#maincolFull .mainSection .mainSectionCenter { width:300px; float:left; padding: 5px; }
#maincolFull .mainSection .mainSectionRight { width:300px; float:right; padding: 5px; }
#maincolFull .mainLeft { width:475px; float:left; padding: 5px 15px 5px 0; border-right: thin solid #DDD;}
#maincolFull .mainRight { width:475px; float:right; padding: 5px 0 5px 0; }

#maincol { background-color: #FFF; width:610px; float: left; position: relative; padding: 10px; border: thin solid #DDD; }
#maincol .mainSection { background-color: #FFF; width:610px; float:left; clear:both; padding: 5px 0 5px 0; border-bottom: thin solid #DDD; }
#maincol .mainSection .videosPreview { background-color: #FFF; text-align:center; width:200px; float:left; padding: 5px 0 5px 0; }
#maincol .mainSection .videosPreview p { padding-top: 15px; }
#maincol .mainSection .mainSectionLeft { width:290px; float:left; padding: 5px; }
#maincol .mainSection .mainSectionRight { width:290px; float:right; padding: 5px; }
#maincol .mainSection .timeline { padding: 15px; background-color: #eee; border: thin solid #ccc; }
#maincol .mainSection table { font-size:1em; margin:5px; }
#maincol .mainSection td { padding-top: 5px; }
#maincol .mainSection p { padding-top: 5px; }
.trHead { color: #0000FF; font-size:1.25em; border-bottom: thin solid #DDD; }
#maincol .mainSection .timestamp { color: #666; font-size:.75em; }
#maincol .mainLeft { width:190px; float:left; padding: 5px 15px 5px 0; border-right: thin solid #DDD;}
#maincol .mainLeft .timestamp { color: #666; font-size:.75em; }
#maincol .mainRight { width:390px; float:right; padding: 5px 0 5px 0; }
#maincol .articleHeading { padding-bottom: 8px; margin-bottom: 8px; border-bottom:solid thin #ccc; }
#maincol .articleHeading .timestamp { color: #666; font-size:.75em; }
#maincol .articleHeading .left{ width:520px; float: left;}
#maincol .articleHeading .right{ width:40px; float: left; padding-top:5px; }
#maincol .mainArticle { width:590px; min-height:200px; padding:10px; position: relative; }
#maincol .imgLeft { padding: 0px 10px 10px 0px; clear:none; }
#maincol . { padding: 0px 10px 10px 0px; clear:none; }

#mainNews { width:180px; float:left; padding: 10px; }
#mainNews a:link, #mainNews a:active, #mainNews a:visited { font-size:.9em; color: #000099; text-decoration: none; font-weight: bold; }
#mainNews a:hover { font-size:.9em; color: #CC0000; text-decoration: none; font-weight: bold; }

#faqQuestion { padding: 2px 0px 2px 0px; }
#faqAnswers { padding: 5px; background-color: #ddd; border: thin solid #aaa; font-style:italic; }

#maincol ul { list-style-type: none; padding: 0px; margin: 0px; }
#maincol li { background-image:url(images/_listBlueGrad.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding:0px 0px 5px 14px; }
#maincol .listDocs { background-image:none; list-style-type: none; padding-left: 10px; margin: 0px; }
#maincol .ind1 { background-image:none; list-style-type: none; padding-left: 30px; margin: 0px; }

#divUpdated { width: 97%; margin-bottom:10px; padding:8px; background-color:#FFCC99; border: thin solid #FF6600; color:#000; font-weight: bold; }
#div30 { width: 30px; float:left; }
#div40 { width: 40px; float:left; }
#div50 { width: 50px; float:left; }
#div75 { width: 75px; float:left; }
#div100 { width: 100px; float:left; }
#div150 { width: 150px; float:left; }
#div200 { width: 200px; float:left; }
#div300 { width: 300px; float:left; }
#div500 { width: 500px; float:left; }

#calendar { width: 100%; text-align:center; }
#calendar .header { width: 327px; height: 25px; float:left; text-align:center; border:thin solid #DDD; border-bottom:none; font-size: 1.75em; font-weight: bold; background:#ffe1bd;}
#calendar .calendarDayHolder { width: 327px; float:left; text-align:center; border:thin solid #DDD; border-top:none; font-size: 1.1em; font-weight: bold; background:#ffc074;}
#calendar .calendarICalHolder { width: 327px; height: 15px; float:left; text-align:center; border-left:thin solid #DDD; border-right:thin solid #DDD; font-size: .9em; font-weight: bold; background:#ffe1bd;}
#calendar .calendarDay { width: 46px; height: 16px; float:left; text-align:center; font-weight: bold; }
#calendar .calendarDaysSm { width: 45px; height: 45px; float:left; text-align:center; border:thin solid #DDD; font-weight: bold; }
#calendar .calendarCurrentDay { width: 45px; height: 45px; float:left; text-align:center; border:thin solid #DDD; font-weight: bold; background:#DDE0FF; }

#joincol { background-color: #FFF; width:330px; float: right; position: relative; padding: 10px; border: thin solid #DDD; }
#joincol .imgLeft { padding: 0px 10px 10px 0px; clear:none; }
#joincol .rightSection { background-color: #FFF; width:330px; padding: 5px 0 5px 0; border-bottom: thin solid #DDD; }

#rightcol { background-color: #FFF; width:330px; float: right; position: relative; padding: 10px; border: thin solid #DDD; }
#rightcol .rightSection { background-color: #FFF; width:330px; padding: 5px 0 5px 0; border-bottom: thin solid #DDD; }
#rightcol ul { list-style-type: none; padding: 0px; margin: 0px; }
#rightcol li { background-image:url(images/_listBlueGrad.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding:0px 0px 5px 14px; }

#formFeedback { color: #FF0000; padding: 10px; border: thin solid #DDD; font-weight: bold; margin-bottom: 10px; background:#ebf4fb; }
#alert { color: #FF0000; padding: 10px; border: thin solid #DDD; font-weight: bold; margin-bottom: 10px; background:#000000; }

#memberNotes { background-color: #FFF; width:318px; float: left; position: relative; padding: 5px; margin-top:5px; border: thin solid #DDD; }
#memberNotes .memberNotesHead { border-bottom: thin solid #DDD; font-weight: bold; margin-bottom:5px; }
#memberNotes p { font-style:italic; color:#999999; }

.calendar_container { padding: 0px; width: auto; height: 60px; vertical-align:middle; }
.calendar_block { padding: 4px 0px 0px 15px; float:left; height: 52px; }
.calendar_day { padding: 0px; float:left; height: 52px; width: 55px; min-width:55px; background-image: url("images/calendar.png"); background-repeat: no-repeat;}
.calendar_event { padding: 0px; float:left; width:185px; min-width:185px;}
.text_date { font-size:2.5em; position:relative; left:12px; top:4px; text-align:center; }
.text_month { font-size:.75em; position:relative; left:10px; top:2px; font-weight: bold; color:#FFFFFF; }
.text_time { font-size:1em; font-weight: bold; }

#pageFooter{ width:980px; height:290px; text-align:center; color:#fff; padding:10px; padding-top:20px; margin-bottom:20px; background-color:#090a42; }
#pageFooter .column1{ width:280px; text-align:left; float:left; font-weight: bold; padding-left:20px; padding-right:20px; border-right:thin dotted #444; height:260px; }
#pageFooter .column2{ width:280px; text-align:left; float:left; padding:20px; border-right:thin dotted #444; height:220px;}
#pageFooter .column3{ width:200px; text-align:left; float:left; padding:20px; border-right:thin solid #444; height:200px;}
#pageFooter .column4{ width:280px; text-align:left; float:left; padding:20px; height:170px;}

/* FORMS */
.myform{
/*http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html*/
margin:0 auto;
width:570px;
padding:14px;
}

.myformSearchMember{
/*http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html*/
margin:0 auto;
width:450px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{ border:solid 2px #b7ddf2; background:#ebf4fb; }
#stylized h1 { font-size:14px; font-weight:bold; margin-bottom:8px; }
#stylized p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; }
#stylized label { display:block; font-weight:bold; text-align:right; width:140px; float:left; }
#stylized labelReq { color: #ff0000; display:block; font-weight:bold; text-align:right; width:140px; float:left; }
#stylized .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; }
#stylized input, #stylized select, #stylized textarea { float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:400px; margin:2px 0 20px 10px; }
#formDatetime select{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:127px; margin:2px 0 20px 10px; }
.fail { float:left; background:#CC0000; color:#fff; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:400px; margin:2px 0 20px 10px; }
#stylized img{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 100px 20px 100px; }
#stylized button{ clear:both; margin-left:200px; width:175px; height:31px; background:#666666 url(img/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; }

/* ----------- stylizedSearch ----------- */
#stylizedSearch{ border:solid 2px #b7ddf2; background:#ebf4fb; }
#stylizedSearch h1 { font-size:14px; font-weight:bold; margin-bottom:8px; }
#stylizedSearch p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; }
#stylizedSearch label{ display:block; font-weight:bold; text-align:right; width:150px; float:left; }
#stylizedSearch .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; }
#stylizedSearch input, #stylizedSearch select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:275px; margin:2px 0 20px 10px; }
#stylizedSearch button{ clear:both; margin-left:200px; width:175px; height:31px; background:#666666 url(img/button.png) no-repeat; text-align:center; line-height:31px; color:#FFFFFF; font-size:11px; font-weight:bold; }

