/* Positioned Elements */

body {
  font-family:arial, Helvetica, sans-serif;
  margin:0px;
  background:url(/images/bg.jpg) repeat-x #fff;
  behavior: url(/csshover.htc);
}

#jevents_header h2 {
  background:none;
  font-style:none !important;
  font-style:normal;
}

#container {
  background:#fff;
  margin-left:auto; 
  margin-right:auto;
  width:1100px;
}

#banner {
  background:url(/images/banner.jpg) no-repeat center;
  height:151px;
  text-align:center;
}

.clear {
height:0px;
margin:0px;
clear:both;
}

#content {
  padding:0px 0px 10px 20px;
  vertical-align:top;
  background:url(/images/content-bg.gif) no-repeat #fff;
  width:641px;
}

#leftmenu {
  background:#fff;
  width:186px;
  border-right:1px #ccc solid;
  vertical-align:top;
}

  #contacts {
    background:url(/images/town-contacts.gif) no-repeat;
    margin:0px 0px 0px 16px;
    height:275px;
    padding:0px;
  }

  #contacts p {
    margin:8px 12px 0px 12px;
    padding:0px;
    color:#fff;
    font-size:12px;
  }

  #leftmenu h2 {
    width:128px;
    margin:0px 10px 10px 14px;
  }

  #leftmenu li {
    font-size:12px;
    list-style:none;
    margin:0px;
    padding:0px 15px 6px 20px;
    line-height:12px;
  }

  #leftmenu ul {
    padding:2px 0px 0px 0px;
    margin:0px;
  }

#rightmenu {
  background:#fff;
  width:194px;
  vertical-align:top;
  border-left:1px #ccc solid;
}

  #rightmenu h2 {
    width:140px;
    margin:0px 10px 10px 10px;
  }

  #rightmenu li {
    font-size:11px;
    list-style:none;
    margin:0px;
    padding:0px 15px 6px 16px;
    line-height:12px;
  }

  #rightmenu ul {
    padding:0px;
    margin:0px;
  }

#footer {
  background:url(/images/footer.jpg) no-repeat #fff;
  padding:0px;
  margin:0px;
  font-size:11px;
  color:#000;
  text-align:center;
  height:50px;
  width:1100px;
}

  #footer ul {
    margin:0px 0px 0px 52px;
    padding:10px;
  }

  #footer li {
    list-style:none;
    margin:0px;
    padding:11px 0px 0px 20px;
    font-size:13px;
    display:block;
    float:left;
  }

#bottom {
  background:url(/images/bottom.jpg) no-repeat #fff;
  height:55px;
}

  #bottom p {
    padding:20px 0px 0px 0px;
    margin:0px;
    font-size:12px;
    text-align:center;
  }

#stretch-left {
  width:44px;
  background:url(/images/stretch-left.jpg) repeat-y;
  vertical-align:top;
}

#stretch-right {
  width:42px;
  background:url(/images/stretch-right.jpg) repeat-y;
  vertical-align:top;
}


/* Content Elements */


#content h1, .componentheading, .contentheading {
  font-size:24px;
  color:#000;
  padding:14px 26px 0px 6px;
  margin:0px;
  font-weight:normal;
  font-family:"times";
}

.calendar-heading {
  font-size:24px;
  color:#000;
  font-weight:normal;
  font-family:"times";
  padding:14px 0px 14px 0px;
  margin:0px;
}

h2 {
  font-size:15px;
  margin:14px 0px 0px 6px;
  padding:2px 10px 2px 10px;
  color:#fff;
  background:#529CC3;
  font-weight:normal;
  font-style:italic;
  width:555px;
}

#content h3 {
  font-size:14px;
  margin:14px 26px 0px 6px;
  padding:0px;
  color:#084a62;
  font-style:italic;
}

#content h4 {
  font-size:15px;
  font-weight:bold;
  margin:14px 26px 0px 6px;
  padding:0px;
  color:#000;
}

#content p {
  line-height:17px;
  margin:14px 26px 0px 6px;
  font-size:12px;
  text-align:justify;
}

#content li {
  line-height:17px;
  font-size:12px;
  margin-left:6px;
  margin-right:26px;
}

#breadcrumbs {
  float:right;
  padding:0px;
  margin:14px 26px 0px 26px !important;
}

  #breadcrumbs a, #breadcrumbs {
    text-transform:lowercase !important;
  }

.table, .photo-table {
  margin:14px 26px 0px 6px;
  font-size:12px;  
  width:550px;
}

.table td {
  vertical-align:top;
  text-align:center;
}

.table td img {
margin: 0 auto;
}

#wrapper {
  float:right;
  padding:24px 4px 10px 22px;
  height:222px;
  width:309px;
}

.slideshow {
  background:url(/images/slideshow-bg.jpg) no-repeat;
  overflow:hidden;
  padding:7px 7px 7px 7px;
  margin-left:14px;
}

.left_pic {
  float:left;
  padding:4px 0px 14px 6px !important;
  font-style:italic;
  font-size:17px !important;
  color:#357F0F;
  margin:0px !important;
}

.right_pic {
  float:right;
  padding:4px 26px 14px 12px !important;
  font-style:italic;
  font-size:17px !important;
  color:#357F0F;
  margin:0px !important;
}

.right_pic_bg {
  float:right;
  padding:5px 17px 16px 13px;
  font-style:italic;
  font-size:17px !important;
  color:#357F0F;
  margin:12px 19px 0px 20px !important;
  background:url(/images/pic-bg.jpg) no-repeat;
}

.left_pic_bg {
  float:left;
  padding:4px 32px 17px 12px;
  font-style:italic;
  font-size:17px !important;
  color:#357F0F;
  margin:14px 0px 0px 6px !important;
  background:url(/images/pic-bg.jpg) no-repeat;
}

.breadcrumb {
  text-align:right !important;
  margin:0px 7px 0px 0px !important;
  font-size:11px !important;
  font-style:italic;
}

.blue {
  font-family:"times";
  font-size:20px !important;
  color:#67a5c8;
  font-style:italic;
  line-height:22px !important;
}

.photo-table p {
  margin:0px !important;
  padding:0px !important;
}

.photo-table img {
  margin-right:20px;
  margin-bottom:20px;
}

#logo {
  width:404px;
  height:90px;
  padding:0px;
  margin:14px 0px 0px 60px;
  float:left;
  display:block;
  position:absolute;
}

img {
    border:none;
    display:block;
}


.ev_link_cat {
  display:none;
}

hr {
    margin:20px 32px 20px 12px;
}


/* Begin link styles */


a {
  color:#132E5B;
  font-weight:bold;
  text-decoration:underline;
}

a:visited {
  color:#132E5B;
  text-decoration:underline;
}

a:hover {
  color:#4c72b3;
  text-decoration:underline;
}

#footer li a {
  color:#fff !important;
  text-decoration:none;
}

#footer li a:visited {
  color:#fff !important;
  text-decoration:none;
}

#footer li a:hover {
  color:#fff !important;
  text-decoration:underline;
}

#leftmenu a {
  color:#4571ce;
  text-decoration:none;
}

#leftmenu a:visited {
  color:#4571ce;
  text-decoration:none;
}

#leftmenu a:hover {
  color:#4571ce;
  text-decoration:underline;
}

#rightmenu a {
  color:#4571ce;
  text-decoration:none;
}

#rightmenu a:visited {
  color:#4571ce;
  text-decoration:none;
}

#rightmenu a:hover {
  color:#4571ce;
  text-decoration:underline;
}

#footer a {
  color:#1c469e;
}

#footer a:visited {
  color:#1c469e;
}

#footer a:hover {
  color:#000;
}


/* Begin CSS rollover menus */


div#nav {
  font-family:georgia, arial;
  z-index: 500;
  text-transform:lowercase;
}

div#nav ul {
  padding:126px 0px 0px 57px;
  margin:0px;
  list-style: none;
  margin:0px;
  z-index:50;
}

div#nav a {
  color: #fff; 
  font-size:12px;
  display: block;
  font-weight: bold;
  padding:2px 20px 2px 20px;
  text-decoration:none;
  font-style:italic;
}

div#nav a:hover {
  color: #333 !important;
  text-decoration: none;
  font-weight: bold;
  background:#529CC3;
}

div#nav li li {
  display: block; 
  float: none;
  background:#529CC3; 	
  text-align:left;
  padding:6px 6px 6px 12px;
  margin:0px;
}

div#nav li li:hover {
  background: #529CC3;
}

div#nav li li a {
  font-weight: bold;
  border:none;
  margin:0px;
  padding:0px;
  color:#fff;
  width:155px;
}

div#nav li li a:hover {
  color:#333 !important;
  background: #529CC3;
}

div#nav li { /* all list items */
  cursor: default; 
  float: left;
  padding:0px;
  margin:0px;
}

div#nav li ul { /* second-level lists */
  background: #377c2b;
  position: absolute;
  left: -999em;
  margin:0px;
  padding:0px;
}

/* third-and-above-level lists */
div#nav li ul ul {
  position: absolute;
  margin:-22px 0px 0px 155px;
}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}
