/* The grid stylesheet controls the layout of the page, split into a 16 column grid */
.container { margin: 0px auto; overflow: hidden; }

[class*="span"].alpha { margin-left: 0px; }
[class*="span"].omega { margin-right: 0px; }

@media all and (max-width: 768px) { .container { margin: 10px; } }
@media all and (min-width: 768px) { .container { width: 752px; margin: 0 auto; }
  [class*="span"] { margin: 7.5px; float: left; }
  .span1 { width: 32px; }
  .span2 { width: 79px; }
  .span3 { width: 126px; }
  .span4 { width: 173px; }
  .span5 { width: 220px; }
  .span6 { width: 267px; }
  .span7 { width: 314px; }
  .span8 { width: 361px; }
  .span9 { width: 408px; }
  .span10 { width: 455px; }
  .span11 { width: 502px; }
  .span12 { width: 549px; }
  .span13 { width: 596px; }
  .span14 { width: 643px; }
  .span15 { width: 690px; }
  .span16 { width: 737px; }
  .offset1 { margin-left: 62px; }
  .offset2 { margin-left: 109px; }
  .offset3 { margin-left: 156px; }
  .offset4 { margin-left: 203px; }
  .offset5 { margin-left: 250px; }
  .offset6 { margin-left: 297px; }
  .offset7 { margin-left: 344px; }
  .offset8 { margin-left: 391px; }
  .offset9 { margin-left: 438px; }
  .offset10 { margin-left: 485px; }
  .offset11 { margin-left: 532px; }
  .offset12 { margin-left: 579px; }
  .offset13 { margin-left: 626px; }
  .offset14 { margin-left: 673px; }
  .offset15 { margin-left: 720px; } }
@media all and (min-width: 976px) { .container { width: 960px; }
  [class*="span"] { margin: 10px; }
  .span1 { width: 40px; }
  .span2 { width: 100px; }
  .span3 { width: 160px; }
  .span4 { width: 220px; }
  .span5 { width: 280px; }
  .span6 { width: 340px; }
  .span7 { width: 400px; }
  .span8 { width: 460px; }
  .span9 { width: 520px; }
  .span10 { width: 580px; }
  .span11 { width: 640px; }
  .span12 { width: 700px; }
  .span13 { width: 760px; }
  .span14 { width: 820px; }
  .span15 { width: 880px; }
  .span16 { width: 940px; }
  .offset1 { margin-left: 80px; }
  .offset2 { margin-left: 140px; }
  .offset3 { margin-left: 200px; }
  .offset4 { margin-left: 260px; }
  .offset5 { margin-left: 320px; }
  .offset6 { margin-left: 380px; }
  .offset7 { margin-left: 440px; }
  .offset8 { margin-left: 500px; }
  .offset9 { margin-left: 560px; }
  .offset10 { margin-left: 620px; }
  .offset11 { margin-left: 680px; }
  .offset12 { margin-left: 740px; }
  .offset13 { margin-left: 800px; }
  .offset14 { margin-left: 860px; }
  .offset15 { margin-left: 920px; } }
header h1 { float: left; }
header h1 a { display: inline-block; background-image: url("../images/logo.jpg"); background-repeat: no-repeat; width: 300px; height: 178px; text-indent: -9999px; padding-bottom: 10px; margin-left: 10px; }
header .search { float: right; margin-top: 40px; }
header .search .top-buttons { text-align: right; margin-bottom: 5px; }
header .search .top-buttons .print-button { background-image: url("../images/print-icon.png"); background-repeat: no-repeat; text-indent: -9999px; border: none; background-color: transparent; padding: 0px; width: 15px; height: 13px; margin-bottom: 2px; }
header .search .top-buttons a { padding-left: 20px; }
header nav { clear: both; }
header nav li { display: inline-block; border-left: 1px solid #0378a6; position: relative; }
header nav li.last { border-right: 1px solid #0378a6; }
header nav li ul { display: none; position: absolute; z-index: 9997; background-color: white; left: -1px; box-shadow: 0px 3px 3px #aaaaaa; }
header nav li ul li { border-left: none; border-right: none; }
header nav li ul li a { padding: 0px; margin: 3px 8px; border-bottom: 1px solid #0378a6; padding-bottom: 3px; width: 142px; }
header nav li ul li.last { border: none; }
header nav li ul li.last a { border-bottom: none; padding-bottom: 15px; }
header nav li:hover ul { display: block; }
header nav a { color: #022340; display: block; width: 144px; padding-left: 8px; margin: 3px 0px; font-size: 14px; }
header nav a:hover, header nav a:active { color: #049dd9; }
header nav .current > a, header nav .section > a { color: #049dd9; }

.mobile-only { display: none; }

body { margin-bottom: 0px; }

::selection, ::-moz-selection { background: #049dd9; }

.print-only { display: none; }

.banner-home .bx-window { height: 400px; }
.banner-home .bx-window li { height: 400px; }
.banner-home #banner { height: 400px; }
.banner-home #banner li { height: 400px; }

.banner-other .bx-window { height: 200px; }
.banner-other .bx-window li { height: 200px; }
.banner-other #banner { height: 200px; }
.banner-other #banner li { height: 200px; }

#banner { margin-left: 0px; }
#banner li { position: relative; }
#banner .banner-info { position: absolute; bottom: 55px; left: 0px; width: 350px; padding: 10px 0px; background-color: #049dd9; opacity: 0.8; }
#banner .banner-info h4, #banner .banner-info p { padding: 0px 20px; color: #f2f2f2; }
#banner .banner-info h4 { font-size: 1.4em; }

.banner-home .bx-window, .banner-other .bx-window { position: relative; box-shadow: 0px 0px 10px #aaaaaa; margin-bottom: 40px; }
.banner-home .bx-pager, .banner-other .bx-pager { position: absolute; bottom: 15px; z-index: 999; width: 90%; }
.banner-home .bx-pager a, .banner-other .bx-pager a { background-image: url("../images/banner-pager.png"); background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; text-indent: -9999px; display: inline-block; padding: 10px; float: left; }
.banner-home .bx-pager a.pager-active, .banner-other .bx-pager a.pager-active { background-image: url("../images/banner-pager-active.png"); }

#sidebar nav { margin: 0px 60px; }
#sidebar nav h3 { background-color: #049dd9; padding-left: 35px; }
#sidebar nav h3 a { font-size: 1.2em; background-color: #0378a6; color: #f2f2f2; text-align: right; padding: 5px 40px 5px 0px; display: block; }
#sidebar nav ul { margin: 3px 10px 0px 10px; }
#sidebar nav ul li { border-bottom: 1px solid #0378a6; }
#sidebar nav ul li.last { border-bottom: none; }
#sidebar nav ul a { display: block; text-align: right; padding-right: 30px; padding-top: 3px; color: #022340; }
#sidebar nav ul a:hover, #sidebar nav ul a:active { color: #049dd9; }
#sidebar nav ul a.year { border-bottom: 1px solid #0378a6; }
#sidebar nav ul ul { margin: 0px; }
#sidebar nav ul .current a { color: #049dd9; }
#sidebar nav ul.months li { border-bottom: none; padding-bottom: 5px; }

.home-item h2 { background-color: #049dd9; color: #f2f2f2; padding-left: 15px; overflow: hidden; font-size: 1.2em; line-height: 30px; }
.home-item h2 a { display: inline-block; float: right; color: #f2f2f2; background-color: #0378a6; padding: 5px; font-size: 12px; line-height: 20px; text-transform: lowercase; font-style: italic; }
.home-item .item { padding: 10px; border-bottom: 1px dashed #0378a6; margin-top: 10px; font-size: 12px; }
.home-item .item .title { color: #049dd9; }
.home-item .item .title a { color: #049dd9; }
.home-item .item .date { color: #0378a6; font-style: italic; }
.home-item .item p { margin: 10px 0px; }
.home-item .item p a { font-style: italic; color: #049dd9; }
.home-item.activities .item p { margin: 0px; }
.home-item .bx-window { box-shadow: 0px 5px 5px #aaaaaa; background-color: #f2f2f2; height: 150px; }
.home-item .bx-wrapper { margin: 0px auto; margin-top: 20px; position: relative; }
.home-item .bx-wrapper .bx-prev, .home-item .bx-wrapper .bx-next { height: 150px; width: 130px; position: absolute; display: inline-block; text-indent: -9999px; top: 0px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center; }
.home-item .bx-wrapper .bx-prev { background-image: url("../images/slide-left.png"); left: -130px; box-shadow: 0px 5px 5px #aaaaaa; }
.home-item .bx-wrapper .bx-next { background-image: url("../images/slide-right.png"); right: -130px; box-shadow: 0px 5px 5px #aaaaaa; }
.home-item #maps, .home-item #gallery { margin: 0px; }
.home-item #maps li, .home-item #gallery li { display: inline-block; height: 150px; width: 170px; position: relative; }
.home-item #maps li img, .home-item #gallery li img { margin: 0 10px; box-shadow: 0px 0px 10px #aaaaaa; width: 150px; height: 150px; }
.home-item #maps li .info, .home-item #gallery li .info { position: absolute; top: 0px; left: 10px; width: 130px; height: 130px; padding: 10px; color: #f2f2f2; background-color: #049dd9; opacity: 0.8; display: none; cursor: pointer; }
.home-item #maps li .info h4, .home-item #gallery li .info h4 { font-size: 1.4em; }
.home-item #maps li .info .id, .home-item #gallery li .info .id { display: none; }
.home-item #maps li:hover .info, .home-item #gallery li:hover .info { display: block; }

.gallery-popup { clear: both; width: 690px; background-color: #f2f2f2; padding-bottom: 15px; display: none; z-index: 9999; position: fixed; top: 10%; left: 30%; }
.gallery-popup h2 { background-color: #049dd9; color: #f2f2f2; padding-left: 15px; font-size: 1.2em; line-height: 30px; position: relative; }
.gallery-popup h2 a { background-image: url("../images/close.png"); background-position: center center; background-repeat: no-repeat; background-color: #0378a6; text-indent: -9999px; display: inline-block; height: 30px; padding: 0px 40px; position: absolute; right: 0px; }
.gallery-popup .slide-prev, .gallery-popup .slide-next { position: absolute; display: inline-block; padding: 200px 20px; background-position: center center; background-repeat: no-repeat; width: 40px; height: 40px; text-indent: -9999px; }
.gallery-popup .slide-prev { background-image: url("../images/gallery-popup-left-faded.png"); left: 0px; }
.gallery-popup .slide-prev:hover { background-image: url("../images/gallery-popup-left.png"); }
.gallery-popup .slide-next { background-image: url("../images/gallery-popup-right-faded.png"); right: 0px; }
.gallery-popup .slide-next:hover { background-image: url("../images/gallery-popup-right.png"); }
.gallery-popup .large-image { box-shadow: 0px 5px 5px #aaaaaa; margin-bottom: 15px; }
.gallery-popup .large-image li { display: none; height: 480px; }
.gallery-popup .large-image li.current { display: block; }
.gallery-popup .large-image li img { width: 690px; height: 480px; }
.gallery-popup ul { margin: 0px; }
.gallery-popup .bx-window { height: 90px; }
.gallery-popup .bx-wrapper { margin: 0px auto; position: relative; }
.gallery-popup .bx-wrapper .bx-prev, .gallery-popup .bx-wrapper .bx-next { height: 90px; width: 90px; position: absolute; display: inline-block; text-indent: -9999px; top: 0px; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center; }
.gallery-popup .bx-wrapper .bx-prev { background-image: url("../images/slide-left-small.png"); left: -95px; box-shadow: 0px 5px 5px #aaaaaa; }
.gallery-popup .bx-wrapper .bx-next { background-image: url("../images/slide-right-small.png"); right: -95px; box-shadow: 0px 5px 5px #aaaaaa; }
.gallery-popup .thumbs li { display: inline-block; height: 90px; position: relative; }
.gallery-popup .thumbs li a { display: inline-block; height: 100px; }
.gallery-popup .thumbs li img { margin: 0 5px; box-shadow: 0px 0px 5px #aaaaaa; width: 90px; }

.right-content h2 { color: #0378a6; font-size: 1.8em; padding: 10px; border-bottom: 1px dashed #0378a6; }
.right-content h2 .inner-buttons { float: right; }
.right-content h2 .inner-buttons .print-button { background-image: url("../images/print-icon.png"); background-repeat: no-repeat; text-indent: -9999px; border: none; background-color: transparent; padding: 0px; width: 15px; height: 13px; margin-top: 2px; }
.right-content h2 .inner-buttons a { padding-left: 5px; }
.right-content .date { color: #0378a6; font-size: 12px; margin: 10px; margin-bottom: 0px; display: inline-block; font-style: italic; }
.right-content p { margin: 10px; }

#email-box { position: fixed; top: 50%; left: 30%; z-index: 9999; background-color: #f2f2f2; margin-bottom: 10px; display: none; }
#email-box h2 a { background-image: url("../images/close.png"); background-position: center center; background-repeat: no-repeat; background-color: #0378a6; text-indent: -9999px; display: inline-block; height: 30px; padding: 0px 40px; position: absolute; right: 0px; }

#overlay { background-color: #000; opacity: 0.5; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; display: none; }

footer { clear: left; background-color: #0378a6; color: #f2f2f2; }
footer h1 { float: left; margin-right: 10px; }
footer h1 a { display: inline-block; background-image: url("../images/logo-footer.png"); background-repeat: no-repeat; background-position: center center; width: 220px; height: 128px; padding: 10px; text-indent: -9999px; }
footer .footer-info { margin-top: 50px; }
footer .footer-info p { margin: 5px; }
footer .footer-info p a { color: #f2f2f2; }
footer nav { float: right; width: 340px; margin-top: 50px; }
footer nav ul { float: right; display: inline-block; }
footer nav li { width: 120px; float: left; margin: 5px; }
footer nav li ul { display: none; }
footer nav a { color: #f2f2f2; }

body { color: #000; font-family: Palatino; line-height: 14px; }

.print-only { display: block; }

header h1 { float: none; }
header h1 a { display: none; }
header .search { display: none; }
header nav { display: none; }

.maps, .gallery { display: none; }

.bx-wrapper { display: none; }

#sidebar { display: none; }

.container { width: 860px; }

[class*="span"] { width: 840px; float: none; }

.right-content h2 .inner-buttons { display: none; }

footer h1 { display: none; }
footer nav { display: none; }
footer .footer-info { width: 220px; }