@font-face {
  font-family: 'breeserif';
  src: url('../fonts/breeserif.eot'); /* IE9 Compat Modes */
  src: url('../fonts/breeserif.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/breeserif.woff') format('woff'), /* Modern Browsers */
       url('../fonts/breeserif.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/breeserif.svg#svgbreeserif') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'JosefinSans';
  src: url('../fonts/JosefinSans.eot'); /* IE9 Compat Modes */
  src: url('../fonts/JosefinSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/JosefinSans.woff') format('woff'), /* Modern Browsers */
       url('../fonts/JosefinSans.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/JosefinSans.svg#svgJosefinSans') format('svg'); /* Legacy iOS */
}

body {
  font-family: 'JosefinSans';
	font-size:14px;
	background-image: url(../img/bg-body.jpg);
  margin-bottom: 30px;
}

h1,h2,h3{font-family: 'breeserif'; text-transform: uppercase;}
h2{color: #eee; text-shadow:1px 2px 1px #000;}
h3{font-size: 18px;}
h5{font-weight: 900; font-size: 16px;}
h4,h5,h6{font-family: 'JosefinSans'; text-transform: capitalize;}
h6{text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}
a,a:active,a:hover,a:visited{color: inherit; text-decoration:none; word-spacing: normal;}
p{letter-spacing: 1px;}
ul{list-style: none;margin: 0;padding: 0;font-size: 15px; letter-spacing: 1px;}
textarea{resize:none;}
label{font-weight: 100; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
table th {width: 20%}
table th img{max-height: 150px;float: center; box-shadow:1px 1px 1px #000;}

div.container{
  background-color: #fff;
  border: thin solid #444;
  border-top: none;
  border-left: none;
}

div.row div.sidebar{
  background-color: #fff;
}
div.row div.content {
  background-color: #fbfbfb;
  min-height: 1500px;
  padding-bottom: 10px;
}
div.sidebar div.logo{
  background-color: #0F7239;
  height: 500px;
}
div.sidebar div.menu{
  background-color: #fff;
  padding-bottom: 20px;
}
div.logo img{
  margin: 0 auto;
  padding-top: 100px;
}
div.logo h3{
  letter-spacing: 5px;
  text-shadow: 1px -1px 1px #222;
  text-align: center;
  color: #000;
}
div.logo h4{
  letter-spacing: 5px;
  text-shadow: 0px -1px 2px #777;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}
div.logo p{
  font-size: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}
div.menu button span{background-color: #0F7239; padding: 2px;}
div.menu ul{
  padding-top: 20px;
  margin-right: -15px;
  margin-left: -15px;
  text-transform: uppercase;
}
div.menu ul > li {
  display: block;
  position: relative;
}
div.menu ul > li > a {
  border-radius: 0px;
  background-color: #000;
  color: #fff;
  margin-top: 10px;
}
div.menu ul > li > a:hover {
  color: #0F7239;
  background-color: #000;
}
div.menu ul > li.active > a, 
div.menu ul > li.active > a:focus {
  background-color: #0F7239;
}
div.menu ul > li.active > a:hover{
  background-color: #00CC88;
  color: #000;
}

div.footer{
  background: #eeeeee; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  min-height: 200px;
  border-bottom: thin solid #ccc;
  border-left: thin solid #ccc;
  border-right: thin solid #ccc;
}
div.footer div.row h4{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
}
div.footer div.row div.border ul li{
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 30px;
}
div.footer div.row div.border ul li span{
  text-transform: capitalize;
  padding-left: 10px;
  white-space: nowrap;
}
div.footer div.row div.border{
  border-right: thin solid #ccc;
}
div.footer div.row button.btn{
  text-transform: uppercase;
  letter-spacing: 1px;
  border: thin solid #009570;
  color: #009570;
}

div.footer div.row div.connect ul li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
div.footer div.row div.connect ul li:first-child {
  padding-left: 20%;
}
div.footer div.row div.connect ul li a {
  display: block;
  width: 40px;
  height: 200px;
  text-indent: -9999px;
  outline: none;
  margin-top: -10px;
}
div.footer div.row div.connect ul li.facebook > a {
  background:url(../img/connect.png) no-repeat ;
}
div.footer div.row div.connect ul li.twitter > a {
  background:url(../img/connect.png) no-repeat -60px 0;
}
div.footer div.row div.connect ul li.google > a {
  background:url(../img/connect.png) no-repeat -120px 0;
}
div.nav-btm{  
  background-color: #fff;
}
ul.breadcrumb{
  text-transform: uppercase;
  font-size: 12px;
  padding: 8px 15px;
  background-color: #fff;
  margin-left: 1%;
  margin-bottom: 5px;
  border-radius: 0px;
  width: 50%;
}
ul.breadcrumb > li {
  border-left: thin solid #ccc;
  margin: 0 1% 0 0;
}
ul.breadcrumb > li:first-child {
  border-left: none;
}
ul.breadcrumb > li + li:before{
  content: none;
}
ul.breadcrumb > li > a{
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 900;
}
ul.breadcrumb > li > a:hover{
  color: #009570;
}
div.footer div.row p{
  font-size: 12px;
  text-transform: uppercase;
}
div.footer div.row div.nav-btm p{
  padding-top: 10px;
  white-space: normal;
}

ol.calendar{
  width:100%;
  margin:0 auto;
  display:block; 
  min-height: 200px;
  background: url(../img/tl.png) top left no-repeat; 
  padding: 12px 0 0 0px;
}
p.link{
  text-align:center;
  display: block;
}
ol.calendar li li{
  width:14%;
  height:14%;
  float:left;
  margin:0px; 
  padding:10xp;
}
ol.calendar li{list-style: none;}
ol.calendar li li.holiday{  }
ol.calendar li.month{color: #0F7239}
ol.calendar li#lastmonth li,
ol.calendar li#nextmonth li{ color: #ccc;}

div.content h4{
  text-transform: capitalize;
  color: #0F7239;
  letter-spacing: 1px;
}
div.content h4.header{
  padding-left: 30px;
  font-size: 22px;
}
div.content p{
  line-height: 25px;
  font-size: 15px;
}
div.content p span{font-weight: 900}
div.content ul{
  line-height: 30px;
  padding: 0 0 0 30px;
}

div.content button,
a.btn{
  text-transform: uppercase;
  border-color: #0F7239;
}
div.content button:hover,
a.btn:hover{
  color: #fff;
  background-color: #0F7239;
}
div.content p > button:hover{
  color: #0F7239;
  background-color: #000;
}
div.content a.blk {
  background-color: #000;
  border: none;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
div.content div.update{
  max-height: 300px;
  overflow: hidden;
  border-bottom: thin solid #ccc;
}
div.content div.category{
  position: absolute;
  width: 100px;
  min-height: 30px;
  z-index: 999px;
  color: #0F7239;
  background-color: #fff;
  text-align: center;
  left: 20px;
  border: thin solid #bbb;
  border-top: none;
  border-radius: 0 0 5px 5px ;
}
div.content div.category > span{
  font-family: 'breeserif';
  font-size: 16px;
}
div.content div.title{
  background-color: #000;
  padding-bottom: 10px;
  bottom: 0;
  top: 0;
  right: 0;
  height: 100%;
  position: absolute;
}
div.content div.title h4{
  text-transform: uppercase;
  color: #fff;
  white-space: normal;
  letter-spacing: 1px;
}
div.content button{
  color: #0F7239;
}

div.content div.calendar{
  padding-top: 20px;
}
div.content div.calendar h5{
  color: #000;
  text-transform: uppercase;
  font-weight: 900;
}
div.content div.calendar div.caption h5{
  font-weight: 100;
  color: #0F7239;
}
div.content div.staff-dis{

}
div.content div.staff-dis h5{
  color: #000;
  text-transform: uppercase;
  font-weight: 900;
}

div.content div.contact{
  
}
div.content div.contact h4{
  padding-left: 50px;
  padding-top: 30px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 16px;
}
div.content div.contact div#map{
  height: 350px;
  border: thin solid #ccc;
  border-radius: 5px;
}
div.content div.contact div.address{
  padding-top: 30px;
}
div.content div.contact div.address h5{
  font-weight: 900;
  text-transform: uppercase;
}
div.content div.contact div.address p{
  background:url(../img/icon-home.png) no-repeat left 5px;
  padding-left: 30px;
}
div.content div.contact div.address ul li{
  padding-left: 30px;
}
div.content div.contact div.address ul li#phone{
  background:url(../img/icons.png) no-repeat -10px -126px;
}
div.content div.contact div.address ul li#fax{
  background:url(../img/icons.png) no-repeat -10px -96px;
}
div.content div.contact div.address ul li#email{
  background:url(../img/icons.png) no-repeat -10px -156px;
}

div.content div.post{
  padding-bottom: 40px 
}
div.content div.infor{
  position: absolute;
  z-index: 999px;
  bottom: 0px;
}
div.content div.infor p{
  background-color: #fff;
  color: #000;
  padding: 5px 10px;
  margin: 0;
}
div.content div.infor h5{
  background-color: #000;
  color: #fff;
  margin: 0;
  padding: 15px 10px;
  letter-spacing: 1px;
}

div.content div.summary{
  border-bottom: thin solid #000;
  border-top: thin solid #000;
}
div.content div.summary a{
  font-size:13px;
  text-decoration:none;
  line-height:35px;
  border-color:#285167;
  border-style:none solid none none;
  border-width:1px;
  padding: 5px 30px;
  white-space: nowrap;
}
div.content div.summary p{
  font-size:13px;
  text-decoration:none;
  border-color:#285167;
  border-style:none solid none none;
  border-width:1px;
  margin-left: 15px;
  white-space: nowrap;
}
div.content div.summary a#more {
  background:url(../img/icons.png) no-repeat -10px -60px;
}
div.content div.summary a#date {
  background:url(../img/icons.png) no-repeat -10px -30px;
}
div.content div.summary a#comment{
  background:url(../img/icons.png) no-repeat -10px 3px;
  border:0;
}
div.content div.summary a#share {
  background:url(../img/fb.png) no-repeat;
}
div.content div.summary p#date {
  background:url(../img/icons.png) no-repeat -10px -30px;
}
div.content div.summary p#comment{
  background:url(../img/icons.png) no-repeat -10px 3px;
  border:0;
}

div.content div.comments{

}
div.content div.comments h5{
  background:url(../img/user.png) no-repeat center left;
  padding: 10px;
  padding-left: 40px;
  color: #fff;
  background-color: #000;
}
div.content div.comments p{
  padding: 10px;
  color: #000;
  background-color: #fff;
  border: thin solid #ccc;
}
div.content div.staff img{
  max-height: 180px;
  min-height: 180px;
}
div.content div.staff h5{
  padding: 10px;
  color: #fff;
  background-color: #000;
  text-transform: uppercase;
}
div.content div.staff p{
  padding: 3px;
  margin: 0;
  background-color: #fff;
}
div.junior{padding-left: 30px;}
div.senior{padding-top: 50px; padding-left: 30px;}

div.modal-content {min-height: 400px;}
h5.bold{font-weight: bold;}


div.carousel-caption{
  background-color: #1a1a1a;
  border-radius: 10px 10px 0 0;
  border: thin solid #000;
}
div.carousel-caption h4{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: bold;
}
ul.list-styled{list-style: square;}

div.photogrid img{max-width: 100%;}
div.modal-body img{max-height: 100%; max-width: 100%;}

div.well a.mar{margin-top: 10px;}
a > h3{font-size: 28px}