/*
  General styles
*/
body {
  color: #333;
  font: 14px/1.3em 'times new roman', Verdana, Arial, Helvetica, sans-serif;
}

a:link {color: #069;}
#content a:visited, #feature a:visited {/*color: #960; */}

h1, h2, h3, h4, h5, h6 {
  color: #006699;
  font-family: 'Calibri', Georgia ,sans-serif;

}

p, blockquote, hr, ul, ol, dl, pre, address, table, form,
img.center, div.center {
  margin-bottom:  1.3em;
}


/*
  #header
*/


#headerbar h2 a {
  font-size: 32px;
  text-decoration: none;
  color:#fff;
  font-family: 'Oswald', sans-serif;
}
.mission {
  color: #666;
  font-size: 18px;
  font-family: 'Allura', cursive;
  width: 400px;
  color:#fff;
}

#headerbar .img-right{
    vertical-align: middle;
    width: 48px;
    height: 76px;
    float:left;
    margin-top:12px;
    margin-right:20px;
}

#headerbar .img-left{
    position: relative;
    top: -107px;
    left: 320px;
}

#headerbar .logo{
 background-color: #007fff;
 border: solid 4px #191919;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 -o-border-radius: 15px;
  border-radius: 15px;
 padding: 5px;
 width: 350px;
}


/*
  #feature
*/
#feature h2 {
  text-align: center;
}
#feature p {
  font-size: 90%;
}
#feature hr {
  margin: 1em 0;
}


/*
  #content
*/
p.pagejump {
  text-align: center;
}
ul.pagejump {
  list-style-type: square;
  margin-left: 5em;
  margin-bottom: 2em;
}

h2.name em, h2.name i {
  font-size: medium;
  color: #369;
}

.backtotop {
  clear: both;
  text-align: center;
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}

img.center, div.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.left, div.left {
  float: left;
  margin: .1em 6px 0 0;
}
img.right, div.right {
  float: right;
  margin: -.1em 0 0 6px;
}
img.pop {
  border: 1px solid black;
}

/*
  #footer
*/
#nameandaddress {
  font-size: 80%;
}
#hcfooter {
  font-size: 10px;
  text-align: center;
}


/*
  Custom declarations
*/
table.hours {
  margin-left: 5em;
}
table.hours td, table.hours th {
  padding: 6px;
  text-align: center;
}

div#nameandaddress {
  padding-top: 20px;
}

address {
     display: block;
     display: inline-block;
    margin-right: 20px;
    width: 180px;
    vertical-align: top;
    text-align: center;
}


div.imgCycle div:nth-child(2) img {
   border-radius: 10px;
}

div.imgCycle div:nth-child(3) img {
  border-radius: 10px;
}

div#addresses {
  text-align: left;
}

div#addresses > address {
  font-size: 14px;
  font-weight: bold;
}

div#addresses > address  > h1 {
  margin-bottom: 0px;
}


div#enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
div#enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
div#enlarge p:hover{
z-index: 50;
cursor:pointer;
}
div#enlarge span img{
padding:2px;
background:#ccc;
}
div#enlarge p:hover span{ 
top: 200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 800px; /*distance from the left of the thumbnail to the left of the popup image*/
}




/* homepage table */

.cellback {
background: url('images/bg-100.png') repeat;
border: 0px;
padding: 0px;
width: 340px;
text-align: center;
vertical-align: middle;
}

.cellback2 {
background: url('images/home2018.jpg') no-repeat;
border: 0px;
padding: 0px;
width: 330p;
text-align: center;
vertical-align: middle;
}

.important
{border: solid 2px black;
text-align: center;}

.important h1
{text-decoration: underline;
}

.learn{
background-color:#006699; 
border-radius:10px; 
width:100px; 
height:20px; 
text-align:center; 
color:#fff;
margin-left:50px;
margin-top:-10px;}

.learn a:link 
{
color:#fff;
text-decoration: none;}

.learn a
{
color:#fff;
}

ul li{
margin-bottom:10px;
}

.img-border{
border: 1px solid #000;
}

.staff-member{
display:inline-block;
width:200px;
margin-right:15px;
}

.staff-member img{
    webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
}

.staff-name{
color:#006699;
font-size:18px;
margin-top:5px;
font-weight:bold;
}

.staff-title{
color:#333;
font-weight:normal;
font-size:14px;
}

.group-staff-img{
margin-top:20px;
}