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

/********************************************************************/
/**  HEADING STYLING                                               **/
/********************************************************************/
h1
{
  font-family:"Times New Roman", Times, serif; color:black; font-size:5em; font-weight:700;
}

p {font-size:1em; color:#000000; font-family:Tahoma, Geneva, sans-serif;}

img.logo
{
  float:right;
}

#main_photo
{
  width: auto ;
  height: auto ;
  display: block ;
  margin: auto ;
}

@media only screen and (max-width: 500px)
{
  #main_photo
  {
    width: 100%;
    height: 100%;
  }
}

#transparent_container
{
  margin: auto ;
  width: 960px ;
  background-image:url("../images/Transparent.gif") ;
}

#headertext
{
  text-align:center;
  height:129px;
  position:relative;
  opacity:.5;
}

/********************************************************************/
/**  CALENDAR STYLING                                              **/
/********************************************************************/

.spring_color
{
  background-color: #d4f986 ;
}

.summer_color
{
  background-color: #fcfa87 ;
}

.fall_color
{
  background-color: #fbd282 ;
}

.winter_color
{
  background-color: #82fdfc ;
}

.month_block
{
  width: 98% ;
  height: 80px ;
  margin: auto ;
  font-family: Sniglet, Geneva, sans-serif ;
  border-top: 2px solid black ;
  border-left: 2px solid black ;
  border-right: 2px solid black ;
}

.day_of_week
{
  width: 14.3% ;
  font-family: Sniglet, Geneva, sans-serif ;
  font-size: 1.2em ;
  text-align: center ;
}

#winterheader
{
  text-align:center;
  height:150px;
  background-color:#82fdfc;
  border:2px solid #000000;
  opacity:.7;
}

#springheader
{
  text-align:center;
  height:50px;
  background-color:#d4f986;
  border-left:2px solid #000000;
  border-bottom:2px solid #000000;
  border-right:2px solid #000000;
}

#page_intro
{
  text-align: center ;
  text-shadow: 3px 3px #bbbbbb;
  height: auto ;
  background-color: whitesmoke ;
  border-bottom:2px solid #000000;
  color: black ;
  font-family: Sniglet, Geneva, sans-serif ;
  font-size: 2.5em ;
  font-weight: 700 ;
}

#fallheader
{
  text-align:center;
  height:150px;
  background-color:#fbd282;
  border:2px solid #000000;
  opacity:.7;
}

.content
{
  overflow: auto ;
  margin: auto ;
  width: 100% ;
  border:2px solid #c9c9c9 ;
  background-color: whitesmoke ;
}

.prev
{
  text-align: left ;
  font-size: 1.4em ;
  font-weight: 400 ;
  width: 200px ;
}

.calendar_month
{
  text-align: center ;
  font-size: 3em ;
  font-weight: 700 ;
}

.next
{
  text-align: right ;
  font-size: 1.4em ;
  font-weight: 400 ;
  width: 200px ;
}

#week
{
  width: 98% ;
  height: 35px ;
  margin: auto ;
  border-spacing: 0px ;
  border-left: 2px solid black ;
  border-right: 2px solid black ;
}

#date_set
{
  table-layout: fixed ;
  width: 98% ;
  margin: auto ;
  border-collapse: collapse;
  border: 2px solid black ;
  margin-bottom: 30px ;
}

.day
{
  padding: 5px;
  font-family: Sniglet, Geneva, sans-serif ;
  border: 1px solid black ;
  background-color: whitesmoke ;
}

.date
{

  font-size: 24px ;
  font-weight: 700 ;  
}

.holiday
{
  background-color: #abdaff ;
  color: #0058c0 ;
}

.christmas
{
  background-color: #ff0000 ;
  color: #005500 ;
}

.happening_day
{
  background-color: #cbcdf8 ;
  color: #000000 ;
}

.valentines
{
  background-color: #ffdcdc ;
  color: #ff0000 ;
}

.independence
{
  background-color: blue ;
  color: #ff0000 ;
}

.halloween
{
  background-color: #fbd282 ;
  color: brown ;
}

.event
{
  font-size: 12px ;
}

.eventA
{
  font-size: 12px ;
}

.event1
{
  font-size: 12px ;
  color: #650ef8 ;
}

.event2
{
  font-size: 12px ;
  color: #0420CD ;
}

.event3
{
  font-size: 12px ;
  color: #00903B ;
}

@media only screen and (max-width: 700px)
{
  .prev
  {
    font-size: 1em ;
  }

  .calendar_month
  {
    font-size: 2.4em ;
  }

  .next
  {
    font-size: 1em ;
  }
}

@media only screen and (max-width: 550px)
{
  .prev
  {
    font-size: .9em ;
  }

  .calendar_month
  {
    font-size: 2em ;
  }

  .next
  {
    font-size: .9em ;
  }

  .day_of_week
  {
    font-size: 1em ;
  }

  .month_block
  {
    height: 60px ;
  }
}

@media only screen and (max-width: 500px)
{
  .event1
  {
    display: none ;
  }
  
  .event2
  {
    display: none ;
  }
  
  .event3
  {
    display: none ;
  }

  .eventA
  {
    display: none ;
  }

  .prev
  {
    font-size: .8em ;
  }

  .day_of_week
  {
    font-size: .9em ;
  }

  .calendar_month
  {
    font-size: 1.6em ;
  }

  .next
  {
    font-size: .8em ;
  }

  .month_block
  {
    height: 50px ;

  }
}

@media only screen and (max-width: 450px)
{
  .eventB
  {
    display: none ;
  }

  .date
  {

    font-size: 20px ;
    font-weight: 500 ;  
  }
}

@media only screen and (max-width: 400px)
{
  .eventC
  {
    display: none ;
  }

  .date
  {

    font-size: 16px ;
    font-weight: 400 ;  
  }

  .prev
  {
    font-size: .8em ;
  }

  .calendar_month
  {
    font-size: 1.2em ;
  }

  .next
  {
    font-size: .8em ;
  }

  .day_of_week
  {
    font-size: .8em ;
  }
  
  .month_block
  {
    height: 40px ;

  }
}

/********************************************************************/
/**  ENTERTAINMENT STYLING                                         **/
/********************************************************************/

.hanging_banner
{
  margin-top: 15px ;
  height: 80px ;
  width: 570px ;
  display: inline-block ;
  background-image:url("../images/Calendar/Event_Banner.png");
  background-repeat: no-repeat ;
  overflow: hidden ;
}

@media only screen and (max-width: 1260px)
{
  .hanging_banner
  {
    margin-left: auto ;
    margin-right: auto ;
    background-size: 570px 80px ;
    background-position: 50% ;
    width: 100% ;
  }
}

.label
{
  text-align: center ;
  padding-top: 0px ;
  margin-top: 22px ;
  text-shadow: 2px 2px #bbbbbb;
  color: black ;
  font-family: Sniglet, Geneva, sans-serif ;
  font-size: 2.5em ;
  font-weight: 700 ;
}

.activity_list
{
  font-family: Arial, Helvetica, sans-serif;
  width: 95% ;
  padding-right: 15px ;
}

#entertainment_block
{
  width: 100% ;
  font-family: Overlock ;
  margin-right: 0px ;
  margin-bottom: 20px ;
  text-align: center ;
}

.sub_block
{
  width: 45% ;
  padding-left: 10px ;
  padding-right: 10px ;
  display: inline-block ;
  vertical-align: top ;
  max-width: 570px ;
  min-width: 300px ;
  text-align: left ;
}

@media only screen and (max-width: 680px)
{
  .sub_block
  {
    width: 95% ;
  }
}

.event_block
{
  background-color: white ;
}

.event_entry
{
  font-family: Arial, Helvetica, sans-serif ;
  border: 1px solid black ;
  width: 95% ;
  padding-top: 10px ;
  padding-bottom: 10px ;
}

.icon
{
  padding: 10px ;
  width: 80px ;
}

.event_date
{
  color: #00008b ;
}

.event_name
{
  font-weight: 700 ;
}

.event_blurb
{
  padding-right: 20px ;
}

.activity_block
{
  background-color: white ;
}

/********************************************************************/
/**  PHOTOS STYLING                                                **/
/********************************************************************/

#photo_block
{
  width: 100% ;
  margin: auto ;
  font-family: Sniglet ;
  background-color: white ;
  text-align: center ;
}

#photo_blurb
{
  font-family: Sniglet ;
  font-size: 1.4em ;
  margin-top: 0px ;
  padding-top: 0px ;
  padding-bottom: 10px ;
  text-align: center ;
}

.collection_photo
{
  max-width: 100% ;
  max-height: 100% ;
  display: block ;
  margin: auto ;
}

.vertical_photos
{
  text-align: center ;
}

.vertical_frame
{
  text-align: center ;
  margin: auto ;
  background-color: white ;
  width: 360px ;
  display: inline-block ;
}

.vert_spacer_frame
{
  margin: auto ;
  width: 33% ;
  display: inline-block ;
  padding-bottom: 20px ;
  vertical-align: top ;
}

.vert_spacer_frame3
{
  margin: auto ;
  width: 33% ;
  display: inline-block ;
  padding-bottom: 20px ;
  vertical-align: top ;
}

@media only screen and (max-width: 1100px)
{
  .vert_spacer_frame
  {
    width: 45% ;
  }
  
  .vert_spacer_frame3
  {
    width: 400px ;
  }
}

@media only screen and (max-width: 820px)
{
  .vertical_frame
  {
    width: 100% ;
  }
  
  .vert_spacer_frame
  {
    width: 45% ;
  }

  .vert_spacer_frame3
  {
    width: 45% ;
  }
}

@media only screen and (max-width: 640px)
{
  .vertical_frame
  {
    width: 360px ;
  }
  
  .vert_spacer_frame
  {
    width: 400px ;
  }
  
  .vert_spacer_frame3
  {
    width: 400px ;
  }
}

@media only screen and (max-width: 400px)
{
  .vertical_frame
  {
    width: 360px ;
  }
  
  .vert_spacer_frame
  {
    width: 360px ;
  }

  .vert_spacer_frame3
  {
    width: 360px ;
  }
}

@media only screen and (max-width: 360px)
{
  .vertical_frame
  {
    width: 100% ;
  }
  
  .vert_spacer_frame
  {
    width: 100% ;
  }

  .vert_spacer_frame3
  {
    width: 100% ;
  }
}

.horizontal_photos
{
  text-align: center ;
}

.horizontal_frame
{
  text-align: center ;
  margin: auto ;
  background-color: white ;
  width: 580px ;
  display: inline-block ;
}

.horiz_spacer_frame1
{
  margin: auto ;
  width: 48% ;
  display: inline-block ;
  padding-bottom: 20px ;
  vertical-align: top ;
}

.horiz_spacer_frame2
{
  margin: auto ;
  width: 48% ;
  display: inline-block ;
  padding-bottom: 20px ;
  vertical-align: top ;
}

@media only screen and (max-width: 1208px)
{
  .horizontal_frame
  {
    width: 100% ;
  }
  
  .horiz_spacer_frame1
  {
    width: 45% ;
  }
  
  .horiz_spacer_frame2
  {
    width: 45% ;
  }
}

@media only screen and (max-width: 800px)
{
  .horizontal_frame
  {
    width: 580px ;
  }
  
  .horiz_spacer_frame1
  {
    width: 580px ;
    display: block ;
    float: left ;
  }
  
  .horiz_spacer_frame2
  {
    width: 580px ;
    display: block ;
    float: right ;
  }

  .horizontal_photos
  {
    text-align: center ;
    overflow: auto ;
  }
}

@media only screen and (max-width: 580px)
{
  .horizontal_frame
  {
    width: 100% ;
  }
  
  .horiz_spacer_frame1
  {
    width: 100% ;
    display: inline-block ;
  }
  
  .horiz_spacer_frame2
  {
    width: 100% ;
    display: inline-block ;
  }
}

.gallery_caption
{
  font-family: sniglet ;
  margin-top: 10px ;
}