* { padding: 0px; margin: 0px;}

html { height: 101%;}
img { outline: none;}

a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: blue;}
a:hover { text-decoration: underline;}
a img { border: none;}
table { color: #4C4C4C;}
body { text-align: center; color: black; font-size: 13px;font-family: arial, helvetica,sans-serif;background-color: #eee;margin-top: 0;}
#template { border: solid 1px white;margin: 0 auto;text-align: left;width: 980px;padding: 0px 10px;background: White; position: relative;}
#banner {margin-top: 15px;}
#page{  margin-top: 10px;}
.col-right {width: 300px; float: right;}
.col-left{ width: 670px; float: left;}
hr { display: block; clear: both; margin: 1em 0; }
ul, ol { padding-left: 2em; margin-bottom: 10px;}

/*---------------------- TOP menu ---------------------------------------------*/
#top-menu { background-color: #841042; height: 30px; }

/*--------------------- TOP MENU DROP DOWN (droppy config)-------------------------*/
/* Basic code - don't modify */
 
 #top-menu-nav { display: block; margin: 0; padding: 0; position: relative; }
  #top-menu-nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #top-menu-nav a { display: block; }
  #top-menu-nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #top-menu-nav ul { line-height: 0;} /* IE6 "fix" */
   #top-menu-nav ul a { zoom: 1; } /* IE6/7 fix */
    #top-menu-nav ul li { float: none; }
    #top-menu-nav ul ul { top: 0;}
    
/* Essentials - configure this */

#top-menu-nav ul { width: 130px; }
#top-menu-nav ul ul { left: 131px; }

/* Everything else is theming */
 
#top-menu-nav { background-color: #841042; height: 30px; margin-left: 0px; }
#top-menu-nav ul *:hover { background-color: #8ca65a; }
#top-menu-nav > li {color: white; font-size: 12px; padding: 6px; padding-top: 7px; font-weight: bold; text-transform: uppercase;}
#top-menu-nav li.ispadding { color: White; padding: 6px 5px 0px 5px;}
#top-menu-nav li.ispadding:hover { background-color: #841042;}
#top-menu-nav a { color: white; font-size: 12px; text-decoration: none; outline: none;}
#top-menu-nav ul a { padding: 6px; line-height: 18px;  }
  #top-menu-nav ul { top: 30px; border: solid 1px #841042; border-top: none;background-color: #841042; line-height: 1;}
    #top-menu-nav ul li a { background-color: #841042; text-transform: none; font-weight: bold;line-height: 1;}
      #top-menu-nav ul > a.hover { background-color: #8ca65a; }
   #top-menu-nav ul a { border-bottom: 1px solid #841042; border-right: none;}
 #top-menu-nav ul a { border-bottom: none; } /*- I also needed this for IE6/7 */

#top-menu-nav a.isfirst { border-left: solid 1px #841042;}
#top-menu-nav a.selected {color: white;}
#top-menu-nav > li > a:hover {color: yellow;}
#top-menu-nav > li.hover {color: yellow;}

/*--------------------- footer menu ----------------------------------*/
#footer 
{
 border: solid 0px red;
 margin: 10px 0;
 text-align: center;
}

#footer p {
 margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
 padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#foot-menu-nav { text-decoration:none; border:solid 0px blue; }
#foot-menu-nav li  {
 list-style: none;
 display: inline;
 padding-right: 4px;
 padding-left: 4px;
}

#foot-menu-nav a:link,#foot-menu-nav a:visited,#foot-menu-nav a:active,#foot-menu-nav a:hover 
{
 display: inline-block; /* to allow for sizing */
 color: #555;
 text-align: center;
 text-decoration: none;
 text-transform: capitalize;
 border: solid 0px red;
}

#foot-menu-nav a:hover, #foot-menu-nav a:link[selected="true"],#foot-menu-nav a:visited[selected="true"],#foot-menu-nav a:active[selected="true"] 
{
 color: black;
}

/*------------------------------- CALENDAR -------------------------------------*/
#event-calendar {background-color:  #eee;}
#event-calendar .calendar-header {padding: 0px 10px;}
#event-calendar .month-current {font-weight: bold;}
#event-calendar table { border-collapse: collapse; border-top: solid 1px #eee;/*#841042;*/ }
#event-calendar th { padding: 2px; color: black; font-weight: bold; background-color:  #ddd; text-align: center;}
#event-calendar td { padding: 2px; text-align: center; height: 22px;}
#event-calendar a, 
#event-calendar a:link, 
#event-calendar a:visited, 
#event-calendar a:hover, 
#event-calendar a:active 
{
 color: #841042; font-weight: bold;
} 

/*------------------------------- FORMS -----------------------------------------*/

.ui-form-text, .ui-form-textarea { width: 400px;}
.ui-form-captcha { width: 120px; }
.ui-form-submit { padding: 0 5px; }


/*------------------------------- CONTENT ---------------------------------------*/
.error-box { color: red; font-size: 14px; padding: 10px; background-color: #fdd; }
.info-box { color: green; font-size: 14px; padding: 10px; background-color: #dfd;}

#content { margin: 10px 0; min-height: 550px;}
.content-box { margin-top: 10px; border: solid 1px black; height: 100px;}
.search-box{}

/* pagination */
.ui-pagination a {height: 30px; background-color: #808080; margin-right: 4px; width: 20px; height: 20px; color: #dedede; font-size: 10px; padding: 2px 6px;}
.pager-active {color: #841042; padding-bottom: 10px;}
.text-copy .pager-active {background-color: #fff; color: #808080; border: 1px solid #808080;margin-right: 4px; width: 20px; height: 20px; font-size: 10px; padding: 2px 6px;}

#picbox img {border: solid 4px #8ca65a;}
#pagebox { padding: 7px; padding-top: 0px;}
#sidebar { margin-top: 10px;}
.highlight { background-color: yellow;}
h1 { font-size: 26px; font-weight: bold; padding: 5px 0px;}
h2 { font-size: 20px; margin-bottom: 10px;}
h3 { font-size: 16px; margin-bottom: 10px;}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: Black; }
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: Black; }
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: Black; }

h4 { margin: 10px 0; font-weight: bold; padding: 5px; background-color: #841042; color: White; font-size: 14px; text-transform: uppercase; text-align: left;}
p { margin-bottom: 10px; line-height: 1.5em;}
#search-results {position: relative;}
#search-results img, #category-posts img { margin-right: 5px;}
#comment-box textarea { width: 400px;height: 100px;font-size: 12px; font-family: Arial;}
#comment-box input[type="submit"] { padding: 0 5px;}

.ruler {border-bottom: 1px solid #888; margin-bottom: 10px;}
.ruler-wide {border-bottom: 10px solid #ccc; margin-bottom: 10px;}

/* corner box styling */
.corner-box h2 {color: white; background-color: #0771c0; padding: 5px; padding-left: 10px; font-size: 18px; font-weight: normal;  text-transform: uppercase; margin-bottom: 10px;}
.corner-box h2 a { color: white; }
.corner-box h3 {color: white; background-color: #9007a9; padding: 5px; padding-left: 10px; font-size: 18px; font-weight: normal;  text-transform: uppercase; margin-bottom: 10px;}
.corner-box h3 a { color: white; }

/* gallery */
.gallery ul { list-style-type: none; }
.gallery a { text-decoration: none; }
.gallery a:hover { color: Black; }
.gallery .controls a { padding: 2px; }
.gallery .ss-controls {float: left; }
.gallery .nav-controls {float: right; margin-left: 10px; }
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }

/* calendar */
#calendar {}
#calendar caption {	padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 1px solid #F5F2EF; }
#calendar thead th {padding: 5px 0;	text-align: center;border-top: 1px solid #F5F2EF;border-left: 1px solid #F5F2EF;background: #F5F2EF;}
#calendar tbody td {padding: 5px 0;	text-align: center;	border-top: 1px solid #F5F2EF;	border-left: 1px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {color: #843031; font-weight: bold; text-decoration: underline;}
#calendar tfoot #next {	text-align: right;}
#calendar #today {	background: #E7F1E1;}

/* event */
#event-search { padding: 5px 10px; }
.ui-event-search-item { padding-left: 18px; }
.ui-event-search-all-region, .ui-event-search-all-category { padding-left: 0px; }
.ui-event-search-item label { padding-left: 5px; }
.ui-event-input-date-from,.ui-event-input-date-to { width: 80px; }
h1.event-text {font-size: 30px; margin-bottom: 5px; font-weight: normal; color: #86a465;}
h1.event-title { color: #841042; font-weight: normal;}
h2.event-title {margin-bottom: 5px; color: #86a465; }
h2.event-title a { color: #841042; font-weight: normal;}
h2.event-title-free {margin-bottom: 0px;}
h2.event-title-free a { color: #000; font-size: 16px; font-weight: normal;}

.date-begin {width: 650px; float: left;}

#featured-events-slideshow-nav-container {height: 30px; clear: both;}
#featured-events-slideshow-nav-container a {height: 30px; background-color: #ccc; border: 1px solid #bbb; margin-right: 4px; width: 20px; height: 20px; color: #fff; font-size: 10px; padding: 2px 6px;}
#featured-events-slideshow-nav-container a.activeSlide {background-color: #fff; color: #bbb; border: 1px solid #bbb; margin-right: 4px; width: 20px; height: 20px; font-size: 10px; padding: 2px 6px;}

.event-read-more { float: right; margin-right: 30px; margin-bottom: 5px; background: url(morearrow.png) no-repeat left center; width: 100px; height: 25px; line-height: 25px;}
.event-read-more a {font-weight: bold; font-size: 13px; text-transform: uppercase; margin-left: 25px; color: #808080;}

/* slideshow pager */
.slideshow-pager a img { border: solid 2px white; }
.slideshow-pager a.activeSlide img { border: solid 2px black; }

/* article pager */
.article-pager { margin-bottom: 10px; }
.article-pager a { padding: 5px; background-color: #eee; border: solid 1px #ddd; margin-right: 5px;}
.article-pager .selected { color: black; font-weight: bold; padding: 5px; background-color: #eee; border: solid 1px #ddd; margin-right: 5px;}
.article-pager .disabled { color: #999; padding: 5px; background-color: #eee; border: solid 1px #ddd; margin-right: 5px;}