* { 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;}
#banner {margin-top: 15px;}
#page{  margin-top: 10px;}
.col-right {width: 300px; float: right;}
.col-left{ width: 670px; float: left;}

/*---------------------- 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.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; padding: 6px; line-height: 18px; text-transform: uppercase; font-weight: bold;}
  #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,#top-menu-nav a:link,#top-menu-nav a:active,#top-menu-nav a:hover,#top-menu-nav a:visited 
{
 color: white;
 text-decoration: none;
 outline: none; 
}
#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 > a {font-size: 12px;}

/*--------------------- 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 ---------------------------------------*/

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

#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-top: 10px;}
h3 { font-size: 16px; margin-top: 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 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;}


/* 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; }