body {
  background-color:#8A8890;
  background-image: url('r/i/bg.jpg');
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size:12px;
  line-height:normal;
  margin: 0;
  padding: 0;
}

#wrapper {
  background-color:#383741;
  border-left: 10px solid #383741;
  border-right: 10px solid #383741;
  margin: 0 auto 0 auto;
  padding: 0;
  position:relative;
  width:880px;
  z-index:1;
}

#hdg1 {
  border-bottom: 1px solid #ffffff;
  font-family: 'Perpetua Titling MT', 'Times New Roman', serif;
  font-size: 38px;
  font-weight: normal;
  height: 59px;
  line-height: 59px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
#hdg2 {
  border-bottom: 1px solid #ffffff;
  color:#8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-we#8a8890ight: normal;
  margin: 0;
  padding: 0;
}
#hdg3 {
  color:#8A8890; 
  font-family:'Lucida Sans', Verdana, Helvetica, Arial, sans-serif; 
  font-size:11px; 
  font-style:italic; 
  height:15px; 
  margin: 0; 
  padding: 2px 0 2px 0; 
  text-align:center;
}
#pictures {
  height: 420px;
  margin: 0;
  padding: 0;
  position:relative;
}
#pictures object, #pictures embed {
  position:absolute;
  z-index:-1;
}
#img1 {
/*  background-image: url(r/i/dnca-image-01.jpg); */
  background-image: url(r/i/door00272.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0;
  padding: 0;
  width: 208px;
}
#img2 {
/*  background-image: url(r/i/dnca-image-07.jpg); */
  background-image: url(r/i/door00278.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 13px;
  padding: 0;
  width: 208px;
}
#img3 {
/*  background-image: url(r/i/dnca-image-03.jpg); */
  background-image: url(r/i/door00286.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 14px;
  padding: 0;
  width: 208px;
}
#img4 {
/*  background-image: url(r/i/dnca-image-11.jpg); */
  background-image: url(r/i/door00310.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 13px;
  padding: 0;
  width: 208px;
}
#img5 {
  background-image: url(r/i/dnca-image-06.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0;
  padding: 0;
  width: 208px;
}
#img6 {
  background-image: url(r/i/dnca-image-02.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 13px;
  padding: 0;
  width: 208px;
}
#img7 {
  background-image: url(r/i/dnca-image-08.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 14px;
  padding: 0;
  width: 208px;
}
#img8 {
  background-image: url(r/i/dnca-image-04.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 13px;
  padding: 0;
  width: 208px;
}
#img9 {
  background-image: url(r/i/dnca-image-07.jpg);
  border: 1px solid #ffffff;
  float: left;
  height: 418px;
  margin: 0 0 0 13px;
  padding: 0;
  width: 208px;
}

#events-pic {
  background-image:url('r/i/dnca-image-05.jpg');
  height: 420px;
  margin: 0;
  padding: 0;
}

#news-pic {
  background-image:url('r/i/dnca-image-09.jpg');
  height: 420px;
  margin: 0;
  padding: 0;
}

#menu {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  height: 38px;
  margin: 10px 0;
  padding: 0;
}
#menu a:link, #menu a:visited {
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size:18px;
  text-decoration:none;
}
#menu a:hover, #menu a:active {
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size:18px;
  text-decoration:underline;
}

#home-opt {
  float:left;
  line-height:38px;
  margin:0 22px 0 10px;
  overflow:hidden;
  padding:0;
  width:55px;
}

#about-opt {
  float:left;
  line-height:38px;
  margin:0 22px 0 0;
  overflow:hidden;
  padding:0;
  width:90px;
}

#events-opt {
  float:left;
  line-height:38px;
  margin:0 28px 0 0;
  overflow:hidden;
  padding:0;
  width:65px;
}

#comments-opt {
  float:left;
  line-height:38px;
  margin:0 24px 0 0;
  overflow:hidden;
  padding:0;
  width:50px;
}

#green-opt {
  float:left;
  line-height:38px;
  margin:0 15px 0 0;
  overflow:hidden;
  padding:0;
  width:100px;
}

#pet-opt {
  float:left;
  line-height:38px;
  margin:0 23px 0 0;
  overflow:hidden;
  padding:0;
  width:133px;
}

#contact-opt {
  float:left;
  line-height:38px;
  margin:0 30px 0 0;
  overflow:hidden;
  padding:0;
  width:105px;
}
#resources-opt {
  float:left;
  line-height:38px;
  margin:0;
  overflow:hidden;
  padding:0;
  width:95px;
}

#content {
  margin: 10px 0;
  padding: 0;
  position: relative;
}
#content h1 {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
#content h2 {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
#content hr {
  height:1px;
  border-width:0;
  color:#ffffff;
  background-color:#ffffff;
}
#content a:link, #content a:visited {
  color:#8A8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  text-decoration:none;
}
#content a:hover, #content a:active {
  color:#ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  text-decoration:none;
}

#welcome {
  border: 1px solid #ffffff;
  margin: 0;
  padding: 20px;
  width:518px;
}
#welcome img {
  border: 1px solid #ffffff;
  float: left;
  margin: 20px 20px 10px 0;
  padding: 0;
}
#welcome p {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height:16px;
  margin: 20px 0 0 0;
  padding: 0;
}
#welcome p a:link, #welcome p a:visited {
  color:#fff;
  text-decoration:underline;
}
#welcome p a:hover, #welcome p a:active {
  text-decoration:none;
}
#welcome h3.handcursor {
  cursor:pointer;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height:16px;
  margin: 5px 0 0 0;
  padding: 0;
}

#contact-us {
  border: 1px solid #ffffff;
  margin: 0;
  padding: 20px;
  width: 518px;
}
#contact-us img {
  border: 1px solid #ffffff;
  float: left;
  margin: 20px 20px 10px 0;
  padding: 0;
}
#contact-us p {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height:18px;
  margin: 20px 0 0 0;
  padding: 0;
}
#contact-us p a:link, #contact-us p a:visited {
  color:#fff;
  text-decoration:underline;
}
#contact-us p a:hover, #contact-us p a:active {
  text-decoration:none;
}

#about-us {
/*  border:1px solid #ffffff; */
  margin:0;
  padding:0;
  width:878px;
}
#about-us img {
  border: 1px solid #ffffff;
  float: left;
  margin: 20px 20px 10px 0;
  padding: 0;
}
#about-us p {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height:16px;
  margin: 20px 0 0 0;
  padding: 0;
}
#about-us p a:link, #about-us p a:visited {
  color:#fff;
  text-decoration:underline;
}
#about-us p a:hover, #about-us p a:active {
  text-decoration:none;
}

#pagination {
  margin: 3px 0 0 0;
  padding:0;
  text-align:center;
  width: 520px;
}
#pagination button {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size:11px;
  height:18px;
  text-align:center;
  width:15px;
}

#subform {
  border: 1px solid #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  height:428px;
  margin: 0;
  padding: 20px;
  width: 518px;
}
#subform .sn {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
#subform select {
  background-color: #383741;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
#subform textarea {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
#subform .lbl {
  color: #ffffff;
  font-size: 12px;
}
#subform .htext {
  color: #8a8890;
  font-size: 10px;
}

.petsubform {
  border: 1px solid #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  height:390px;
  margin: 0;
  padding: 20px;
  width:393px;
}
.petsubform .sn {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
.petsubform select {
  background-color: #383741;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
.petsubform textarea {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #8a8890;
  font-family:'Lucida Console', 'Lucida Sans Typewriter', monospace;
  font-size: 12px;
}
.petsubform .lbl {
  color: #ffffff;
  font-size: 12px;
}
.petsubform .htext {
  color: #8a8890;
  font-size: 10px;
}

#recent-events {
  margin: 0;
  padding: 20px;
  width: 520px;
}
#recent-events .date {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#recent-events .event-title {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#recent-events .event-desc {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#recent-events a:link, #recent-events a:visited {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration:underline;
}
#recent-events a:hover, #recent-events a:active {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration:none;
}

#events {
  border: 1px solid #ffffff;
  margin: 0;
  padding: 20px;
  width: 518px;
}
#events .ctrl {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.ctrl input {
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size:9px; 
  height:19px; 
  width:70px;
}
#events .date {
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
#events .event-title {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
#events .event-desc {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#events a:link, #events a:visited {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration:underline;
}
#events a:hover, #events a:active {
  color: #8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-decoration:none;
}

#footer {
  clear:both;
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  margin: 30px 0 0 0;
  padding: 0 20px 10px 20px;
  text-align:center;
}

#calendar {
  background-color:transparent;
  border: 1px solid #ffffff;
  height: 468px;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 268px;
}
#calendar object {
  border:none;
  height: 236px;
  margin: 0;
  padding: 0;
  position:relative;
  width: 245px;
}

#sidebar {
  background-color:transparent;
  border:1px solid #ffffff;
  height:468px;
  margin:0;
  padding:0;
  position: absolute;
  right:0;
  top:0;
  width:308px;
}
#sidebar iframe {
  border:none;
  height:438px;
  margin:15px 20px 0 20px;
  padding:0;
  width:268px;
}
#sidebar object {
  border:none;
  height:443px;
  margin:10px 10px 0 15px;
  padding:0;
  scrollbar-base-color:#8a8890;
  scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#383741;

  scrollbar-shadow-color:#303030;
  scrollbar-lightshadow-color:#ffffff;
  scrollbar-darkshadow-color:#505050;

  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#00ff00;
  width:283px;
}

#about-div {
  background-color:transparent;
  background-image:url('r/i/about-div-bg.jpg');
  border: 1px solid #ffffff;
  height: 468px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 308px;
}

#news-div {
  background-color:transparent;
  background-image:url('r/i/news-div-bg.jpg');
  border: 1px solid #ffffff;
  height: 468px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 308px;
}

#election {
  border: 1px solid #ffffff;
  color:#8a8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 20px;
}
#election h1 {
  color:#fff;
}
#election h2 {
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
}
#election h3 {
  color:#fff;
  font-weight:bold;
}
#election p {
  line-height:18px;
  margin: 20px 0 0 0;
  padding: 0;
}
#election ul {
  list-style-type:square;
}
#election ul ul {
  list-style-type:disc;
}
#election p a:link, #election p a:visited, #election ul a:link, #election ul a:visited {
  color:#8a8890;
  text-decoration:underline;
}
#election p a:hover, #election p a:active, #election ul a:hover, #election ul a:active {
  color:#fff;
  text-decoration:none;
}

/**************************************/
/*Default style for SPAN icons. Edit if desired: */
.iconspan{
  float: right;
  margin: 0 4px 0 0;
  cursor:hand;
  cursor:pointer;
  font-weight: bold;
  vertical-align:middle;
}

.linkspan {
  float: right;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 1px;
  margin: 0 5px 0 0;
  vertical-align:middle;
}
.linkspan img {
  border: 0px solid transparent;
}

.linkspan2 {
  float: right;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 1px;
  margin: 4px 0 0 0;
  vertical-align:middle;
}
.linkspan2 img {
  border: 0px solid transparent;
}

/*CSS used to style the examples. Remove if desired: */
.eg-bar {
  background-color:transparent;
  background-image:url('r/i/bar-bg.png');
  color: #ffffff;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  line-height:18px;
  margin:0;
  overflow:hidden;
  padding: 0 0 0 10px;
}

div.eg-bar {
  width: 510px;
}

.icongroup1 {
  color:#8A8890;
  font-family: 'Lucida Sans', Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  width: 518px;
}

#about-us-menu {
  height:20px; 
  margin:-5px 0 5px 0;
  overflow:hidden;
}

.nav-button {
  background-image:url('r/i/b1-bg.png');
  background-repeat:repeat-x;
  float:left; 
  line-height:18px; 
  margin-right:5px;
}

/* ********************************************** */
/* ********************************************** */
/* ********************************************** */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background:#8A8890;
	padding: 20px;
	border:1px solid #ffffff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
    border:none;
	float: right;
	margin: -35px -35px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}