@charset "utf-8";
/* CSS Document */
.Calendars
{margin-right: 100px;
	display: inline-block; 
}
main
{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-decoration-color: #EDF177;
	background-color: #BCC1C5;
	margin-left: auto;
}
.callout{
	color: #070707;
	font-size:60px;
	padding-top: 5px;
	text-align: center;
	}
.header-img{
	width: 1200px;
	height: 400px;
	image-offest: 200px;
	align-items: center;
	background-image: img src="../images/image.png");
	background-color: #E5E99280;
	background-repeat: no-repeat;
	background-position: center;
}
header{
image-offest: 1200px;
	background-color:#E5E99280;
	background-repeat:no-repeat;
	background-position: center;
	color: #fff;
}
.dogheader-img{
	width: 1200px;
	height: 400px;
	image-offest: 200px;
	align-items: center;
	background-image: url("../images/image.png");
	background-color: #B7D7ED;
	background-repeat: no-repeat;
	background-position: center;
}
.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
}

.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}
 
.sidebar a.active {
  background-color: #04AA6D;
  color: white;
}

.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}

content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-decoration-color: #F2F37D;
	text-decoration-style: double;
	background-color: #BCC1C5;
	margin: 0;
}

.column_half {
	width: 50%;
	float: left;
	margin-top: 0px;
	}
.left_half {
	background-color: #BCC1C5;
	color: #FFFFFF;
}
.container .column_half.left_half h2 {
	color: #FFFFFF;
	font-family: "Source Sans Pro";
	text-align: center;
}
.right_half {
	background-color: #BCC1C5;
	color: #FFFFFF;
	font-family: "Source Sans Pro";
	text-align: center;
	font-weight: bold;
}

	#shop-wrap, #shop-wrap > * { box-sizing: border-box; }

#digital-clock {
 background-color: #E5E99280 ;
 float:center;
	width: 35%;
 margin: auto;
 padding-top: 20px;
 padding-bottom: 20px;
 font-color: #000000;
	font-family: 'Open Sans Condensed', sans-serif;
 text-align: center;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: #182FDD;
    font-size:50px;
    letter-spacing: 5px;
}
footer{
	background-color:#BCC1C5;
	height: 400px;
	border-radius: 0px 0px 10px 10px;
	color:#0B0B0A;
	text-align: center;
}

#lowertext{
	color: #090909;
	font-size: 30px;
		}
ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

footer a:link, footer a:visited{
	color:#AF943A;
	font-weight:bold;
	text-decoration: none;
	transition:all 0.5s;
}
footer a:hover{
	color:#f4e3cf;
	font-weight:bold;
	text-decoration: none;
	transition:all 0.5s;
}
#lowerTitle{
	color: #070707;
	font-size:60px;
	padding-top: 5px;
	text-align: center;
}
html {
  box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	image-orientation: inherit;
}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 8px;
}

.about-section {
  padding: 50px;
  text-align: center;
  background-color: #474e5d;
  color: white;
}

.container {
  padding: 0 16px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}

.AWAD_title
{font-size: 10pt; color: silver; font-weight: bold;}
.AWAD_wordlink
{text-decoration: none; color: green;}
.AWAD_wordlink:hover
{text-decoration: underline;}
.AWAD_byline
{font-style: italic;}
