@charset "UTF-8";
/* CSS Document */

  
html, body {
  background: #808080;
  text-align: center;
  vertical-align: top;
  font-family: Georgia;
  padding: 0;
  margin: 0;
  }

.thumbnail p {
font-size: 10px;
line-height: 1em;
}

.fieldTitle {
font-size: 14px;
line-height: 1em;
color: #333;
font-family: Georgia, Times, serif;
font-weight: bold;
}
  
p, ol, ul {
  font-family:Georgia, "Times New Roman", Times, serif;
  line-height: 28px;
  font-size: 14px;
  color: #333333;
  }

b, strong {font-weight: bold;}

i, em {font-style: italic;}

H1, H2, H3, H4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  }
  
H1 {
  font-size: 24px;
  color: #000066;
  letter-spacing: 3px;
  font-style: italic;
  font-weight: normal;
  }
  
H2 {
  font-size: 28px;
  color: #333333;
  }
  
H3 {
  font-size: 16px;
  color: #333333;
  border-bottom: thin #333333;
  }
  
H4 {
  font-size: 14px;
  color: #333333;
  }
  
.footer, .subFooter {
  font-size: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 1px;
  text-align: center;
  }
  
.footer {
  color: #333333;
  }
  
.subFooter {
  color: #666666;
  }
  
.mainTable {
  vertical-align: top;
  text-align: center;
  width: 867px;
  height: 767px;
}

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

  

/* Links
--------------------------------------- */

a, a:link, a:visited {
  text-decoration: underline;
  color: #4c4c4c;
  }

a:visited {
  color: #4c4c4c;
  }

a:hover, a:active {
  text-decoration: none;
  color: #666666;
  }
  
a img {
  border: none;
  }



/* Backgrounds
--------------------------------------- */

.leftShadow {
  background: url(images/left-shadow.jpg) top repeat-y #808080;
  }
  
.rightShadow {
  background: url(images/right-shadow.jpg) top repeat-y #808080;
  }
  
.contentBgDark {
  background: url(images/content-bg-dark.jpg) top repeat-x #D9D9D9;
  height: 350px;
  }
  
.contentBgLight {
  background: url(images/content-bg-light.jpg) top repeat-x #D9D9D9;
  padding: 40px; 
  height: 300px;
  }
  
.navigationBg {
  background: url(images/nav-tile.jpg) top repeat-x #4D4D4D;
  }
  
.header {
  height: 218px;
  vertical-align: top;
  background: url(images/header1.jpg);
  }
  
.footerShadow {
  background: url(images/footer.jpg) no-repeat top;
  height: 30px;
  }
  

/* NAVIGATION */

.nav {
  width: 686px;
  height: 44px;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
}

ul.nav {
  list-style: none;
  margin: 0;
  width: 686px;
  height: 44px;
  }

  ul.nav a {
    background: url("images/nav-over-new.png") no-repeat;
    height: 44px;
    opacity: 0.7;
    float: left;
    outline: none;
  }
  
  ul.nav a:hover {
    opacity: 1.0;
  }
    
    ul.nav a#nav-home {
      margin: 0;
      background-position: 0px;
      width: 92px;
    }
	
	ul.nav a#nav-current {
      background-position: -92px;
      width: 223px;
    }
    
    ul.nav a#nav-about {
      background-position: -315px;
      width: 124px;
    }
    
    ul.nav a#nav-artists {
      background-position: -439px;
      width: 128px;
    }
    
    ul.nav a#nav-contact {
      background-position: -567px;
      width: 119px;
    }

/* HOME */

.homeBg {
  height: 747px;
  width: 843px;
  vertical-align: top;
  background: url("images/interior-1.jpg") no-repeat top;
}

#homeLogo {
  background: url("images/homeLogo.png") no-repeat top;
  width: 433px;
  height: 161px;
  margin: 50px auto 0 auto;
  padding: 0;
}

.homeShadowBottom {
  background: url("images/homeFooter.jpg") no-repeat top;
}

.homeFooter {
  background: url("images/homeFooterBg.png") repeat;
  margin: 380px auto 0 auto;
  padding: 10px 0 10px 0;
  vertical-align: middle;
  width: 843px;
  color: #1A1A1A;
  text-align: center;
  font-size: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  position: relative;
}

.homeFooter a {
  color: #1A1A1A;
  text-decoration: none;
}

.homeFooter a:hover {
  color: #000;
  text-decoration: underline;
}

.homeFooter .footerTitle {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

/* HOME NAVIGATION */

.homeNav {
  width: 471px;
  height: 29px;
  margin: 5px auto 0 auto;
  padding: 0;
  }

ul.homeNav {
  list-style: none;
  margin: 0;
  width: 471px;
  padding: 0;
  height: 27px;
  }

  ul.homeNav a {
    background: url("images/homeNavNew.png") no-repeat;
    height: 21px;
    opacity: 1.0;
    float: left;
    outline: none;
    padding: 0;
  }
  
  ul.homeNav a:hover {
    opacity: 0.7;
    padding: 0;
  }
  
 	ul.homeNav a#homeNav-current {
      background-position: 0px;
      width: 188px;
    }
    
    ul.homeNav a#homeNav-about {
      background-position: -188px;
      width: 93px;
    }
    
    ul.homeNav a#homeNav-artists {
      background-position: -281px;
      width: 100px;
    }
    
    ul.homeNav a#homeNav-contact {
      background-position: -381px;
      width: 90px;
    }
	
/* INSIDE ADDRESS CHANGE BANNER */

.addressBanner {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	margin: 18px auto 0 auto;
	height: 25px;
}


/* GRAPHIC TABULAR EVENTS CALENDAR */
  .eventsCalendar table { /* entire table */
    border: 1px solid #999;
    width: 100%;
    border-collapse: collapse;
  }    
    .calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
      padding: 2px;
      border: 1px solid #999;
      text-align: left;
      vertical-align: top;
    }
    
    .calendarTitle td { /* top bar with current month and next/previous buttons */
      text-align: center;
      background: #A4A4A4 !important;
      color: #FFF;
      padding: 3px 4px !important;  
      text-transform: uppercase !important;
      font-weight: normal !important;
      font-weight: bold !important;  
    }  
      .calendarNextPrevious {
        color: #fff !important;
        font-weight: normal;
        font-size: .9em;
      }  
        .calendarNextPrevious a {
          color: #fff !important;
          font-weight: normal;
        }  
        
    .calendarDayHeader { /* m-f bar */
      color: #333;
      background: #DADADA;
      font-weight: normal;
      height: 1px;
      text-align: center;
      padding: 4px 2px;
      text-transform: uppercase !important;
      font-size: .9em;
    }  
      
    .calendarToday, .calendarToday a { /* current day */
      color: #333 !important;
      background: #DADADA;
      font-weight: bold;
    }  
    .calendarWeekendDay { /* weekends */
      background: #fff;
    }    
    .calendarOtherMonthDay { /* previous or next months days on current months calendar */
      color: #333;
      background: #efefef;
    }
    
    
    
    /* calendar detail page */  
    #secPage .event h2 {
      margin: 0 0 10px 0;
    }
      #secPage .event .eventDate {
        margin: 0 0 10px 0;
        color: #999;
      }
      #secPage .event .eventBack {
        margin: 10px 0;
        font-weight: bold;
      }
      
      

  

/* ICEBRRG */
  .fieldSelected { /* background color of a selected field. */
    background: #EFEFEF !important;
    border-color: #dadada !important;
  }

/* LINKS AND FILES ELEMENT */
.linksModule ul { /* with this you can change the icon */
  list-style-image: url(template/icon_external.gif) !important;
}  
  .linksModule .fileSize {
    color: #999;
    font-size: .9em;
  }

/* BLOG ITEM */  
  /* blog listing page */
  .blogList {
    padding: 0;    
  }



    .blogList ul {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none;
    }
      .blogList ul li {
        list-style: none;
      }
      
      .blogList ul li h2.postTitle {
        font-weight: normal !important;
font-size: 18px;
color: #336;
      }

.blogList ul li h2.postTitle a {
        
color: #336;
      }
      
      .blogList ul li  .postDate {
        margin: 0 0 10px 0;
        color: #999;
display: none;
      }
        
        
      /* rss icon */
      .rss img {
border: none;
display: none;
}
        
        
  /* post detail page */
  .post h2 {
      margin: 0 0 10px 0;
      font-size: 20px;
	  color: #336;
	  letter-spacing: 2px;
	  font-style: italic;
	  font-weight: normal;
  }
  
.post .postDate {
      margin: 0 0 10px 0;
      color: #999;
display: none;
    }
    #secPage .post .blogBack {
      margin: 10px 0;
      font-weight: bold;
    }
  
  
  /* blog comments */
  .comments {
    padding-top: 10px;
  }
    .comments dl {
      background: #fff !important;
    }  
      dt.comment {
        background: #fff !important;
        float: right;
        width: 155px;
        color: #666 !important;
        border-top: 1px solid #734526;
        clear: both;
      }      
      dd.comment {      
        border-top: 1px solid #734526;
        background: #fff !important;
        margin-right: 180px;
        padding-left: 0 !important;
        padding-right: 20px;
      }
      
        /* alternate colors, for the even posts */
        dt.comment.alternate {
          color: #930 !important;
        }
        dd.comment.alternate {
          color: #930 !important;
        }
      
      .commentDate {      
        color: #999 !important;
      }
    
    
  /* comments form */
  .commentsForm {
    clear: both;
    padding-top: 15px;
    width: 80%;
  }
    .commentsForm label {
      font-weight: bold;
    }
    
    .commentsForm input, .commentsForm textarea {
      padding: 2px 4px;
      font-family: arial;
      font-size: 1em;
    }
    
    .commentsForm img { /* this is for the captcha image */
       margin: 5px 0;
       border: 1px solid #999;
    }
    
    .commentsForm input.submitComment {
       margin: 10px 0;
    }
    
    .commentsForm .note {
      font-size: .9em;
      color: #999;
    }

/* JOIN MAILING LIST BUTTON */

#pageTitle {
  width: 450px;
  float: left;
  overflow: hidden;
  clear: none;
}

  
  #mailButton {
  width: 140px;
  height: 28px;
  float: left;
  clear: none;
  position: absolute;
  margin: 0;
  padding: 15px 0 15px 0;
  display: inline;
  overflow: hidden;
  }

    ul.join {
      list-style: none;
      width: 140px;
      margin: 0;
      float: right;
      padding: 0;
      position: relative;
      display: inline;
    }
    
      ul.join li {
        padding: 0;
        margin: 0;
        float: left;
        display: inline;
      }
    
      ul.join a {
        background: url("images/mailing_button.jpg") 0 0 no-repeat;
        height: 28px;
        float: left;
        outline: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: inline;
      }
      
        ul.join a#joinLink {
          margin: 0;
          background-position: 0;
          width: 140px;
        }
        
          ul.join a:hover#joinLink {
            margin: 0;
            background-position: -140px;
            width: 140px;
          }