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;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,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;
}

/* Globals */
body {
	font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
	background: #F0D8BB url(../images/bgpattern.png) repeat 0 0;	
}

a {
	color: #00334F;
}

.flash { 
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
	line-height: normal;
	font-size: 12px;
 }
 .flash a {
 	font-weight: bold;
 }

.flash.success { border: 1px solid #4F8A10; color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png'); }
.flash.success a { color: #4F8A10; }
.flash.error { border: 1px solid #D8000C; color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png'); }
.flash.error a { color: #D8000C; }


#container {
	width: 994px;
	padding-top: 20px;
	background: transparent url(../images/containerTop.png) no-repeat 50% 0;
	margin: 0 auto;
	overflow: hidden;
}
.inside {
	padding: 0 7px;
	overflow: hidden;
}
#header {
	height: 134px;
	background: transparent url(../images/headerBg.png) repeat-y 50% 0;
}
#header .inside {
	padding: 0 21px;
}

#logo {
	display: block;
	width: 450px;
	height: 42px;
	background: transparent url(../images/logo.jpg) no-repeat 0 0;
	text-indent: -9999em;
	margin-top: 14px;
	float: left;
}
#searchForm {
	width: 344px;
	height: 56px;
	background: transparent url(../images/searchBg.jpg) no-repeat 0 0;
	float: right;
	position: relative;
	margin: 8px 0 24px 0;
}
#searchForm legend, #searchForm label {
	display:none;
}
#searchForm input {
	width: 252px;
	height: 18px;
	background: transparent;
	border: 0;
	padding: 0 5px;	
	padding-top: 3px;
	font-family: Tahoma;
	color: #CCCCCC;
	font-size: 12px;
	position: absolute;
	left: 20px;
	top: 18px;
}
#searchForm button {
	width: 36px;
	height: 21px;
	position: absolute;
	top: 18px;
	right: 18px;
	background: transparent url(../images/searchButton.jpg) no-repeat 0 0;
	border: 0;
	cursor: pointer;
	text-indent: -9999em;
}




/* The main menu */
.menu {
	margin: 0 auto;
	width: 980px;
}
.menu div {
	display: none;
}
.menu li.dropDown div {
	position: absolute;
	top: 46px;
	left: 0;
	background:#F8EFD3;
	border:1px solid #F5E7BD;
	color:#993300;
	padding:14px;
	width: 180px;
}
.menu li.dropDown.last div {
	left: -63px;
}
.menu li.hovering div {
  display: block;
  z-index: 100;
  color: #993300;
}
.menu div h3 {
	color:#00334F;
	font-size: 14px;
	font-weight:bold;
	line-height: 22px;
	padding-bottom: 5px;
}
.menu div p {
	margin:0 0 0.8em;
	padding:0;
	font-size: 12px;
	line-height: 16px;
}
.menu li.dropDown div a {
	text-decoration: underline;
	background: transparent;
	color: #330000;
	padding: 4px;
	display: block;
	text-indent: 0;
	width: auto;
	height: auto;
	margin-bottom: 4px;
}
.menu li.dropDown div a:hover {
	background: #F5E7BD;
}
.menu li {
	float: left;
	position: relative;
	height: 46px;
}
.menu li a {
	display: block;
	height: 46px;
	text-indent: -9999em;
}
.menu li.lawandjustice a {
	width: 142px;
	background: transparent url(../images/m_lawandjustice.jpg) no-repeat 0 0;
}
.menu li.financial a {
	width: 113px;
	background: transparent url(../images/m_financial.jpg) no-repeat 0 0;
}
.menu li.publicsafety a {
	width: 135px;
	background: transparent url(../images/m_publicsafety.jpg) no-repeat 0 0;
}
.menu li.tourism a {
	width: 100px;
	background: transparent url(../images/m_tourism.jpg) no-repeat 0 0;
}
.menu li.familyandhealth a {
	width: 152px;
	background: transparent url(../images/m_familyandhealth.jpg) no-repeat 0 0;
}
.menu li.streetsandsanitation a {
	width: 191px;
	background: transparent url(../images/m_streetsandsanitation.jpg) no-repeat 0 0;
}
.menu li.publicworks a {
	width: 147px;
	background: transparent url(../images/m_publicworks.jpg) no-repeat 0 0;
}
.menu li a:hover, .menu li.current a, .menu li.current a:hover { background-position: 0 -46px; }



/* The slideshow */
#slideshow {
	height: 315px;
	width: 980px;
	margin: 0 auto;
	background: transparent url(../images/slideshow/slideshow1.jpg) no-repeat 50% 0;
}





/* The footer menu */
#footer .menu {
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}
#footer .menu li {
	float: left;
}
#footer .menu li a {
	display: block;
	height: 46px;
	text-indent: -9999em;
}
#footer .menu li.lawandjustice a {
	width: 140px;
	background: transparent url(../images/f_lawandjustice.png) no-repeat 0 0;
}
#footer .menu li.financial a {
	width: 113px;
	background: transparent url(../images/f_financial.png) no-repeat 0 0;
}
#footer .menu li.publicsafety a {
	width: 135px;
	background: transparent url(../images/f_publicsafety.png) no-repeat 0 0;
}
#footer .menu li.tourism a {
	width: 100px;
	background: transparent url(../images/f_tourism.png) no-repeat 0 0;
}
#footer .menu li.familyandhealth a {
	width: 152px;
	background: transparent url(../images/f_familyandhealth.png) no-repeat 0 0;
}
#footer .menu li.streetsandsanitation a {
	width: 191px;
	background: transparent url(../images/f_streetsandsanitation.png) no-repeat 0 0;
}
#footer .menu li.publicworks a {
	width: 149px;
	background: transparent url(../images/f_publicworks.png) no-repeat 0 0;
}
#footer .menu li a:hover { background-position: 0 -46px; }
#copyright {
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
	color: #9B6528;
	line-height: 15px;
}
#copyright a, #copyright a:hover, #copyright a:visited {
	color: #C78432;
}
#copyright p {
	margin: 5px 0;
}




#footer {
	height: 54px;
	background: transparent url(../images/footerBg.png) no-repeat 50% 0;
}


/* Login Form / User Panel */
#panel, #top { 	font-family: Arial, Helvetica, sans-serif; }
#panel {
	overflow: hidden;
	position: relative;
	height: 0;
	background: #4D4D4D;
	color: #FFF;	
}

#panel.errors {
	height: 132px;
}

#panel form div {
	display: inline;
}

#panel.errors form div {
	display: block;
	overflow: hidden;
	height: 30px;
}

#panel.errors span.error {
	padding: 1px 3px;
}

#panel #login {
	margin: -72px 0 0;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 3;
}

#panel.errors #login {
	margin: 0;
}

#panel #login .loginContent {
	font-size: 13px;
	margin: 0 auto;
	padding: 25px 0 17px 0;
	text-align: left;
	width: 550px;
}

#panel #login .loginContent form {
	overflow: hidden;
	vertical-align: top;
	line-height: 30px; 
}

#panel #login .loginContent form label {
	line-height: 30px; 
	font-weight: bold;
	width: 78px;
	height: 30px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 8px;
}

#panel #login .loginContent button#buttonLogin {
	background: transparent url(../images/login/button_login.jpg) no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 47px;
	border: 0;
	margin-top: 5px;
	float: left;
	text-indent: -9999em;
}
#panel.errors #login .loginContent button#buttonLogin {
	margin-left: 192px;
}

#panel #login .loginContent input#username, #panel #login .loginContent input#password {
	background: #464646;
	border: 1px solid #1a1a1a;
	height: 16px;
	margin-right: 8px;
	padding: 4px;
	color: #fff;
	float: left;
	margin-top: 2px;
	width: 142px;
}

#panel #login .loginContent input:focus#username, #panel #login .loginContent input:focus#password {
	background: #545454;
}

#panel #login #loginClose {
	display: block;
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 10px;
	text-align: left;
	width: 70px;
	line-height: 19px;
}

#panel #login #loginClose a {
	background: transparent url(../images/login/button_close.jpg) no-repeat 100% 0;
	border: 0;
	display: block;
	font-size: 11px;
	height: 20px;
	padding-right: 10px;
	width: 100%;
	text-decoration: none;
	color: #fff;
}

#top {
	background: transparent url(../images/login/login_top.png) repeat-x 0 0;
	height: 38px;
	position: relative;
	margin-bottom: 13px;
}

#top-i {
	width: 988px;
	margin: 0 auto;	
}

#top .login {
	background: transparent;
	clear: right;
	color: #fff;
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	position: relative;
	right: 0px;
	text-align: center;
	overflow: hidden;
}

#top .login li {
	background: transparent url(../images/login/login_m.png) repeat-x 0 0;
	display: block;
	float: left;
	height: 38px;
	padding: 0 6px;
	text-align: left;
}

#top .login li.left {
	background: transparent url(../images/login/login_l.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 38px;
	width: 45px;
	padding: 0;
}
#top .login li.right {
	background: transparent url(../images/login/login_r.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 38px;
	width: 45px;
	padding: 0;
}

#top .login li a {
	color: #CF9438;
	text-decoration: none;
}







#containerBody {
	background: transparent url(../images/containerBody.png) repeat-y 50% 0;
	padding-bottom: 20px;
}
#containerBody .inside {
	overflow: hidden;
	padding: 20px 27px 0 0;
}
#sidebar {
	float: left;
	width: 222px;
	background: transparent url(../images/sidebarbg.png) repeat-y 0 0;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding: 14px 0;
}
#sidebar h2 {
	padding: 0 30px;
	height: 40px;
	line-height: 30px;
	background: transparent url(../images/sidebarh2.png) no-repeat 0 0;
	font-size: 14px;
	text-transform: uppercase;
	color: #503113;	
}
#sidebar ul {
	background: transparent url(../images/sidebarulbg.gif) no-repeat 16px 95%;
	padding-bottom: 30px;
	margin: 0 auto;
}
#sidebar li {
	padding: 4px 30px 0px 30px;
	line-height: 20px;	
}
#sidebar li a {
	font-size: 12px;
	color: #F5E8D6;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 4px;	
	display: block;
	border-bottom: 1px solid #b1a084;
}
#sidebar li a:hover {
	color: #fff;
}




h1, h2, h3, h4, h5, h6 {
	color: #00334F;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
.prettyHeading {
	text-align: center;
}
#content h2 {
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
}
#content h2.pad {
	padding: 10px 18px;
}
#content h3 {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}
#content h3.newsHeading {
	padding:0 0 0 45px;
}
#content h3.newsHeading a {

}


#content {
	float: right;
	width: 730px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 11px;
	color: #666;
	line-height: 22px;
	overflow: hidden;
}
#contentLeft {
	width: 554px;
	float: left;
}
#contentRight {
	width: 160px;
	float: right;
}
#contentRight p {
	padding: 3px 10px;
}
#content .inside {
	padding: 20px 22px;
}
#content .textBox {
	width: 552px;
	background: #fff url(../images/textBoxBg.gif) repeat-y 50% 0;
	margin-bottom: 15px;
}
#content .textBoxHead {
	padding-top: 5px;
	background: #fff url(../images/textBoxHead.gif) no-repeat 50% 0;
}
#content .textBoxFoot {
	background: #fff url(../images/textBoxFoot.gif) no-repeat 50% 100%;
}
#content .textBox .hr {
	height: 16px;
	background: transparent url(../images/textBoxHr.gif) no-repeat 50% 0;
}
#content .textBox .hr.top {

}
#content .textBox .hr.bottom {
	padding-bottom: 20px;
}
#content .textBox p {
	margin: 10px 0;
}
#content .textBox ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 25px;
	margin-bottom: 10px;
}
#content .textBox .membersTable ul {
	list-style-type: none;
	padding: 0;
}
#content .listBox {
	background: #FAFAFA url(../images/listBoxBg.jpg) repeat-x 0 5px;
	width: 524px;
	margin: 0 auto;
}
#content .listBoxHead {
	padding-top: 5px;
	background: transparent url(../images/listBoxHead.gif) no-repeat 0 0;
}
#content .listBoxFoot {
	padding-bottom: 4px;
	background: transparent url(../images/listBoxFoot.gif) no-repeat 0 100%;
}

ul.headlines {
	color: #00334F;
	padding: 10px;
}
ul.headlines li {
	overflow: hidden;
	clear: both;
	padding: 10px 8px 10px 8px;
}
ul.headlines li.odd { 
	background: #fff; 
	border-top: 1px dashed #e3e3e3;
	border-bottom: 1px dashed #e3e3e3;
}
ul.headlines li p {
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	float: right;
}
ul.headlines li a {
	text-decoration: none;
	color: #00334F;
	font-weight: bold;
	display: block;
	clear: both;
	width: 472px;
}
ul.headlines li a.viewArticle {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
}

div.date {
	width: 34px;
	height: 38px;
	text-align: center;
	font-size: 20px;
	color: #462200;
	line-height: 25px;
	float: left;
	margin-bottom: 10px;
}
div.date span.month {
	display: none;
}

div.date.month1 {
	background: transparent url(../images/dates/1.png) no-repeat 0 0;
}
div.date.month2 {
	background: transparent url(../images/dates/2.png) no-repeat 0 0;
}
div.date.month3 {
	background: transparent url(../images/dates/3.png) no-repeat 0 0;
}
div.date.month4 {
	background: transparent url(../images/dates/4.png) no-repeat 0 0;
}
div.date.month5 {
	background: transparent url(../images/dates/5.png) no-repeat 0 0;
}
div.date.month6 {
	background: transparent url(../images/dates/6.png) no-repeat 0 0;
}
div.date.month7 {
	background: transparent url(../images/dates/7.png) no-repeat 0 0;
}
div.date.month8 {
	background: transparent url(../images/dates/8.png) no-repeat 0 0;
}
div.date.month9 {
	background: transparent url(../images/dates/9.png) no-repeat 0 0;
}
div.date.month10 {
	background: transparent url(../images/dates/10.png) no-repeat 0 0;
}
div.date.month11 {
	background: transparent url(../images/dates/11.png) no-repeat 0 0;
}
div.date.month12 {
	background: transparent url(../images/dates/12.png) no-repeat 0 0;
}

#submenu {
	margin-bottom: 20px;
}
#submenu h3 {
	font-size: 12px;	
	border-bottom: 1px dashed #DBDBDB;
	padding-bottom: 8px;
	margin-bottom: 5px;
}
#submenu h4 {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 8px;
}
#submenu ul li {
	line-height: 16px;
	padding-bottom: 7px;
}
#faqBox {
	margin-bottom: 20px;
}
#faqBox h2 {
	background: #e8e8e8;
	border: 1px solid #ccc;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	color: #333;
	padding: 0 10px;
}
#faqBox ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#faqBox ul li {
	background: #fff;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	line-height: 18px;
}
#faqBox ul li a {
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}
#faqBox ul li a:hover {
	text-decoration: underline;
}

#newsSignup {
	border: 1px solid #ccc;
	background: #e9e9e9;
	padding: 8px;
	float: right;
	clear: both;
	width: 140px;
}
#newsSignup h2 {
	font-size: 11px;
	color: #333;
	padding: 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: normal;
}
#newsSignup legend, #newsSignup label {
	display: none;
}
#newsSignup input {
	width: 132px;
	height: 19px;
	background: transparent url(../images/newsInput.gif) no-repeat 0 0;
	border: 0;
	padding-top: 2px;
	padding-left: 4px;
	color: #ccc;
}
#newsSignup button {
	background:transparent url(../images/signupButton.gif) no-repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	height:19px;
	margin-top:5px;
	text-indent:-9999em;
	width:52px;
}

.newsItem {
	margin-bottom: 24px;
	padding: 5px 0;
}

.newsItem p {
	clear: both;
}

table.membersTable {
	margin-bottom: 18px;
	width: 100%;
	text-align: left;
	border-bottom: 2px solid #f4f4f4;
}
table.membersTable td {
	padding-bottom: 18px;
}
p.subText {
	font-family: Arial;
	background: #F2F2F2;
	color: #8C8C8C;
	padding: 0 4px;
	border: 1px solid #E6E6E6;
	border-top: 1px solid #f4f4f4;
}
li.phone, li.fax, li.email {
	line-height: 16px;
	border-bottom: 1px dashed #f2f2f2;
	padding: 4px 0;
	padding-left: 22px;
}
li.phone {
	background: transparent url(../images/phone.png) no-repeat 0 50%;
}
li.fax {
	background: transparent url(../images/fax.png) no-repeat 0 50%;
}
li.email {
	background: transparent url(../images/email.png) no-repeat 0 50%;
}
div.text {
	padding-bottom: 10px;
}
div.text input {
	padding: 5px;
	width: 200px;
}
span.error {
	padding-left: 12px;
	color: #ff0000;
}
#contentLeft label {
	display: block;
}

#searchResults .result {
	overflow: hidden;
}
#searchResults .result p {
	padding: 10px;
	margin: 0;
}
#searchResults .result p.odd {
	background: #f2f2f2;
}
