/* CSS Document */
@import "nav.css";
@import "colors.css";

*
{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  behavior:url(/assets/boxsizing.htc);
  box-sizing:border-box;
  
}

.sitewide_slide
{
  color:#8F8F8F;padding-left:200px;
}
.sitewide_slide span {padding-right:5px;display:block;}
/*
.sitewide_slide span:before
{
 content: url(images/quote_open.png); 
  
  margin-right:4px;
   opacity:.4;
}
.sitewide_slide span:after
{
 content: url(images/quote_close.png); 
  
  margin-left:4px;
  opacity:.4;
}*/

#event_calendar_2_module h1
{
  font-size:24px;color:#518E19;
}


.box_min_height
{
  min-height:250px;
}

.box
{
  margin-bottom:25px;
  /*
  background:#fff url(images/box.png) bottom center repeat-x;
  border:1px solid #C9D3EA;
  border-radius:5px;
  box-shadow:2px 2px 10px rgba(100,100,100,.2);
  */
}

.calendar_legend {
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 0 12px #CCCCCC;
  float: right;
  padding: 10px;
}

.calendar_legend_item {
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 2px;
  padding: 4px;
  clear: both;
}

.calendar_legend {margin-top:15px;}

.columns
{
  border-spacing:20px; 
  margin:0px -40px -20px -20px;/*balance out border-spacing effects of 2 columns.*/
  display:table;
}
.columns_3
{
  margin-right:-60px;/*balance out border-spacing effects of 3 columns.*/
  
}

.column
{
  
  display:table-cell;
  vertical-align: top;
}


html {overflow:-moz-scrollbars-vertical;overflow-x:auto;height:100%;}
body 
{
  -webkit-font-smoothing:antialiased;
  padding:0;
  height:100%;margin:0;
  background:#fff url(images/body.png) top center repeat-x;
}

#top_bg,#middle_bg,#bottom_bg,#footer_bg  {padding:0;margin:0 auto;}
#top,#middle,#bottom,#footer   {width:940px;padding:0;margin:0;}
#top,#top_bg      {min-height:640px;}
#middle,#middle_bg {/*background:url(images/middle.png) center top repeat-y;*/margin:0 auto;}
#bottom,#bottom_bg {/*background:url(images/bottom.png) center bottom no-repeat;*/min-height:725px;}
#bottom {padding-bottom:10px;}
#header{height:210px;padding:0px ;
  
}
#top {background:url(images/top.jpg) left top no-repeat;}

#header_quotes
{
  padding:20px 30px 0 160px;
  font-style:italic;
  text-align:right;
  position:relative;
  height:110px;
}

#footer {min-height:211px;padding:40px 0 0 0;color:#fff;}

#footer_middle {background:#000 url(images/footer_middle.png) center top repeat-y;}
#footer_bottom {background:url(images/footer.png) center bottom no-repeat;}
#footer {min-height:170px;padding:30px 0 100px 0;margin:0 auto;}
#footer_content {min-height:112px;padding:24px 18px;}

.col_1 {width:240px;padding:20px;min-height:100px;}
.col_2 {width:670px;padding:20px;min-height:100px;}
.col_3 {padding:20px;}

.col_1 img,.col_2 img {box-shadow:2px 4px 8px #ccc;border:1px solid #999;}

#footer_col_1
{
  float:left;width:190px;padding:0 20px 0 0;
}

#footer_col_2
{
  float:left;width:150px;padding:0 20px 0 0;min-height:20px;
}

#footer_col_3
{
  float:left;width:230px;padding:0 20px 0 0;min-height:20px;
}

#footer_col_4
{
  float:left;width:200px;padding:0 30px 0 0;min-height:20px;
}

#footer_col_5
{
  float:left;min-width:110px;padding:0;
}

.mini_store_category_display  {float:left;width:485px;}

/** MODULES **/

/* GALLERY */

.gallery_item
{
  float:left;width:30%;height:200px;margin:10px;
  width:calc(100% / 3 - 20px);
}
.gallery_item .item_image
{
  border:1px solid rgba(0,0,0,.4);
  background-size:cover;display:block;
  width:100%;
  height:200px;
  background-repeat:no-repeat;
}

/** Comments **/
#block_comments {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #A09679;}
.comment {clear:both;padding:15px 0 15px 0;border-bottom:1px dotted #ccc;}
.comment_subject {font-weight:bold;font-size:1.1em;}
.comment_image {display:none;     padding:0 0 5px 10px ;float:right;}
.comment_image img {border:1px solid #ccc;}
.comment_date {font-size:.8em;font-style:normal;color:#ccc;}
.comment .column_1 {float:left;width:20px;padding:5px 5px 0 0;color:#aaa;}
.comment .column_2 {float:left;width:400px;padding:5px 15px 0 0;}
.comment .column_3 {float:left;width:150px;}
.comments_form {width:60%;}
.comments_form textarea {height:150px;}


/***** GALLERY 3 ******/
#gallery_3_content_display .item {float:left;width:150px;height:100px;margin:5px;padding:2.5px;overflow:hidden;background:#fff;}
#gallery_3_content_display .item .name{padding:0 0 2px 0;font-weight:bold;}
#gallery_3_content_display .item .description{font-weight:normal;color:#333;padding:0 0 4px 0;}
#gallery_3_content_display .item .item_image {height:120px;overflow:hidden;}
#gallery_3_content_display .item_content {width:auto;clear:both;padding:0 0 5px 0;height:auto;border:none;background:none;}
#gallery_3_content_display .item_heading {height:auto;border:none;background:none;clear:both;width:100%;
  border-bottom:1px dotted #ccc;clear:both;font-size:1.1em;color:#23488F;font-weight:bold;padding:0 0 5px 0;margin:0 0 10px 0;}

.gallery_item_flv {width:340px;height:320px;margin:5px;padding:5px;}
.gallery_item_flv .name{font-weight:bold;padding:0 0 4px 0;}

#gallery_3_content_display .item_heading h3 {padding:0;margin:0;}
#gallery_3_content_display .item img{border:1px solid #7A786C;}  


/***** GALLERY 4 ******/
#m_gallery_4 .item {float:left;width:150px;height:100px;margin:5px;padding:2.5px;overflow:hidden;background:#fff;}
#m_gallery_4 .item .name{padding:0 0 2px 0;font-weight:bold;}
#m_gallery_4 .item .description{font-weight:normal;color:#333;padding:0 0 4px 0;}
#m_gallery_4 .item .item_image {height:120px;overflow:hidden;}
#m_gallery_4 .item_content {width:auto;clear:both;padding:0 0 5px 0;height:auto;border:none;background:none;}
#m_gallery_4 .item_heading {height:auto;border:none;background:none;clear:both;width:100%;
  border-bottom:1px dotted #ccc;clear:both;font-size:1.1em;color:#23488F;font-weight:bold;padding:0 0 5px 0;margin:0 0 10px 0;}

.gallery_item_flv {width:340px;height:320px;margin:5px;padding:5px;}
.gallery_item_flv .name{font-weight:bold;padding:0 0 4px 0;}

#gallery_3_content_display .item_heading h3 {padding:0;margin:0;}
#gallery_3_content_display .item img{border:1px solid #7A786C;}  



/* YouTube Responsive CSS  */

    .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

    }

    .video-container iframe,

    .video-container object,

    .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    }




/*** CALENDAR ****/

#event_calendar_2_module .item_group
{
  max-width:300px; 
}

#event_calendar_2_module .item_content
{
  float: left;
  padding-right: 40px;
  width: 300px; 
}

#event_calendar_2_module .item_map
{
  float: left;
  width: 500px; 
}

#event_calendar_2_module .item_details label
{
  margin-top:10px;
  float:none !important;
  width:auto !important;
  font-weight: bold;
  color:#000;
}

#event_calendar_2_module .item_details
{
  border-bottom:1px solid #ccc; 
  margin:0 0 20px 0;
}

#event_calendar_2_module .item_details #times
{
  padding:0 !important;
}

div.day-number 
{
  color:#000 !important; 
  text-shadow:none !important;
}

#event_calendar_2_module .item a
,#event_calendar_2_module .item a:visited
, #event_calendar_2_module .item a:hover
{
  color:#003A7F; 
}

#event_calendar_2_module .item
{
  border-bottom: 1px solid #EFEFEF;
  margin: 0 0 10px  0;
}

#event_calendar_2_module label
{
  clear: left;
  float: left;
  width: 50px;
  padding:0;
  color:#999;
  font-weight:normal;
}

#event_calendar_2_module .times
{
  display:block;
  padding: 0 0 0 50px;
}
#event_calendar_2_module .location_name
{
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 4px;
}


/** MAP : General Styles **/
#map {border:1px solid #CCCCCC;float:right;height:300px;margin:0 0 20px 15px;width:100%;}


/***** Staff *****/
.staff_item
{
  margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc; 
}
.staff_item_image
{
  float:left;margin:0 20px 0 0;
  border: 1px solid #717171;
  box-shadow: 1px 2px 8px #9C9C9C;
}
.staff_item_image img[src=''] {display:none;}
.staff_item h2
{
  margin-bottom:5px; 
}



@media (max-width: 940px),(max-device-width: 940px)
  {
  
  
  #top,#top_bg ,#middle,#bottom,#bottom_bg
  ,#footer, #middle,#middle_bg
  {width:100%;}
  
  .sitewide_slide
  {
    
    padding-left:0;
  }
  
  #header{}
  #top {}
  
  #footer {min-height:211px;padding:40px 0 0 0;color:#fff;}
  
  #footer_middle {background:#000 url(images/footer_middle.png) center top repeat-y;}
  #footer_bottom {background:url(images/footer.png) center bottom no-repeat;}
  #footer {min-height:170px;padding:30px 0 100px 0;margin:0 auto;}
  #footer_content {min-height:112px;padding:24px 18px;}
  
  .col_1 {padding: 0 20px;}
  .col_2 {}
  .col_3 {padding:20px;}
  
  
  #footer_col_1,#footer_col_2,#footer_col_3,#footer_col_4,#footer_col_5
  {
    font-size:.8em;
    max-width:20%;
    /*float:none;width:50%;padding:20px;*/
    min-height:260px;
  }
  
  
}


@media (max-width:768px),(max-device-width: 768px)
  {
  #header_quotes
  {
    
    margin: 0 10px 10px 260px;
    background: rgba(255, 255, 255, 0.87);
    box-shadow: 2px 3px 8px #CCCCCC;
    border-radius: 12px 12px 12px 12px;
    padding:20px;
    
  }
  
}


@media (max-width:640px),(max-device-width: 640px)
  {
  /* GALLERY */
  
  .gallery_item
  {height:200px;margin:10px;
    width:45%;height:200px;margin:10px;
    width:calc(100% / 2 - 20px);
  }


  
  #header 
  {
    height:210px; 
  }
  #header_quotes
  {
    display:none;/*giving up on this for small screens*/
    text-align:left;
    margin: 150px 10px 10px 10px;
    padding: 20px;
    font-size:.8em;
  }
  
   #footer_col_1,#footer_col_2,#footer_col_3,#footer_col_4,#footer_col_5
  {
    font-size:1em;
   max-width:100%;
    float:none;width:100%;padding:20px;
    min-height:100px;
  }
}


@media (-webkit-min-device-pixel-ratio:2) {
  /*ipad or small mobile screens*/
  body
  {
    font-size:1.1em;
  }
}


@media (max-width:480px),(max-device-width: 480px){

/* GALLERY */
  
  .gallery_item
  {
    float:none;width:auto;height:200px;margin:10px;
    width:calc(100% - 20px);
  }

}