@charset "UTF-8";

body {
    font-family: 'Roboto', sans-serif;
}
small {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
}
h3 {
	color: #0965AB;
	
}
a {
    font-weight: 400;         
}
a:hover {
    font-weight: 500;
}
.highlight-blue {
    background-color: #00E3FF;
	padding: 0em;
	text-decoration: none;
}
.highlight-blue a {
    color: midnightblue;
    background-color: #72EAF9;
}
.highlight-red {
  background-color: #ffcccb;

}
#mainwrapper {
	/* Container of all content */
	justify-content: center;
	margin:0 auto;
	width:1024px;
    position: relative;
    min-height: 100%;
	z-index: 0;
}
#mainwrapper header {
    /*Header */
	dispaly: flex;
	flex-direction: row;
	width:1024px;
    background-color: #0965AB;
    overflow: auto;
    font-family: 'Roboto', sans-serif;
   -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: .25em;

}
#mainwrapper header #logo {
	/* Company Logo text */
	float: left;
	padding-left: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	margin-bottom: .5em;
	color: White;
	display:inline-block;
}
#logo h1{
	font-size: 50px;
}
.logoimage {
	width: 15%;
	margin: 0em;
	padding: .5em .5em .5em .5em;
	
}
.navbox {
   display:flex;
   width: 100%;
   margin: 0 auto;
   left: 0;
   padding: 0em .5em 0em 0em;
   background: #0965AB;
}
.navigation {
    /*Nav bar containing links in header */
	flex-direction: row;
    width: 100%;
    margin: 0em 1em 0em 0em;
    background: #0965AB;
	left: 0;   	 
}
.navigation ul {
   /*border: 1px solid grey;*/
   list-style: none;
   margin: 0;
   display: flex;
	justify-content:center;
	border-radius: 4px;
}
.navigation a {
    /* Links in header */
    color: rgba(224,224,224,1.00);
    font-weight: 400;
    text-decoration: none;
    padding: .5em 1em .5em .5em;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
.navigation a:hover {
    background-color: #FCAC57;
    color: #1F1F1F;
    font-weight: 400;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
}
.navigation li {
	flex: 1;
	align-self: center;
}
.navigation ul li a.active-page {
    color: #1F1F1F;
    font-weight: 500;
    background-color: #A8DBFA;	/*background-color: #9ED9BA;*/
}
#content{
	width:1024px;
	height: 98%;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 1em 0em;
	z-index: 2;
}

#content #mainContent h1 {
  text-align: left;
  padding: 0em 0 .25em 0px;
  font-weight: 500;
  margin: .25em 0em .25em .5em;
  letter-spacing: 0px;
  color: #0965AB;
  font-size: 30px;
}
#content #mainContent h3 {
  text-align: Left;
  font-size: 20px;
  margin: 0em 0em 0em .5em;
  letter-spacing: 0px;
  font-weight: 500;
  color: #0965AB;
  padding: .25em 0em 0em 0em;
}
#mainwrapper #content #banner {
    /* banner*/
	/*display:flex;*/
    flex-direction: column;
    width: 60%;
    padding-left: 2%;
    padding-top: 0%;
    float: left;
    background-color: rgba(246,246,246,1.00);
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    -webkit-border-radius: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-right: 0%;
}

#content #mainContent #banner #bannerImage {
    /*Container for main banner image */
    width: 160%;
    margin: 0% 0% 1% 0%;

}

#content #mainContent p {
    /* All paragraphs under maincontent */
    color: rgba(19,19,19,1.00);
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: left;
	padding: 0em 1em 0em 1em;
}

#content #mainContent #authorInfo {
    /* Author info section */   
    width: 95%;
	height:10%;
    border: medium solid #0965AB;
    border-radius: 6px;
    background-color: #FCF0E6;
	margin: 115% 0% 4% 0%;
}
#content #mainContent #authorInfo h2 {
    color: #0965AB;
	text-align: center;
}
#content #mainContent #authorInfo h3 {
    color: #0965AB;
	text-align: center;
}
#content #mainContent #authorInfo p {
	color: rgba(27,27,27,1.00);
	
}
#footer article {
    /* Footer articles */
    width: 100%;
	height: 4%;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    font: 300 normal small 'roboto', sans-serif;
    color: rgba(68,68,68,1.00);
}
#footer article h3 {
    /* Footer article titles */
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
   
}
#mainContent {
    /* Container for the blog post in individal blog view */
    width: 1024px;
	height: 100%;
    float: left;
    padding: .25em 0em .25em 0em;
    background-color: #FDFDFD;
	text-align: Left;
	z-index: 1;
}
#mainwrapper #content #sidebar {
	/* Sidebar*/
	/*display:flex;*/
	flex-direction: column;
	width: 38%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	float: Right;
	background-color: rgba(246,246,246,1.00);
	text-align: Left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-webkit-border-radius: 3px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#content #sidebar #adimage {
	/* Container for Image in sidebar */
	width: 100%;
	background-color: rgba(208,207,207,1.00);
	margin-top: 10px;
	margin-bottom: 15px;
	float: right;
	overflow: auto;
}

#mainwrapper #content #mapimage {
	/* Container for Map Image */
	width: 100%;
	background-color: rgba(208,207,207,1.00);
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
	overflow: auto;
	z-index: 10;
}
#mainwrapper #content #contact {
	/* Sidebar*/
	/*display:flex;*/
	flex-direction: row;
	width: 99%;
	height: 100%;
	float:left;
	margin-bottom: 1em;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	background-color: rgba(246,246,246,1.00);
	text-align: Left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-webkit-border-radius: 3px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#mainwrapper #content #contact #info{
	width: 49%;
	float:left;
	
}
#mainwrapper #content #contact #info2{
	width: 49%;
	float:left;
	
}
#footerbar {
    /* Footer bar at the bottom of the page */
    height: 6%;
    clear: both;
    background-color: rgba(9,101,171,1.00);
    width: 100%;
    text-align: center;
	justify-content: center;
	z-index: -;
	
}
footer {
  position: relative;
  margin-top: 1em;
  padding: 1em 0em 1em 0em;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: -1;
}
footer a{
    color:whitesmoke;
}
footer a:hover {
	color:orange;
	
}

#mainContent #bannerImage img {
	/* Actual banner image */
	width: 59%;
	float:left;
	padding-bottom: .5rem;
}

#sidebar #adimage img {
	/* Image in sidebar */
	width: 100%;
	float:right;
}
#Sched-Image img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    border: medium solid #C9C9C9;
	padding: 0em 0em .5em 1.5em
}


/* Tablet view */
@media screen and (max-width:769px){


#mainwrapper {
	justify-content: center;
	margin:0 auto;
	width:100%;
    /*position: relative;*/
    height: 100%;
	}

	
#mainContent {
	/* Container for the blog post */
	width:100%;
    padding: 2% auto;
	height: 100%;
	z-ndex: 1;
}
	
#mainwrapper header {
    /*Header */
	dispaly: flex;
	flex-direction: column;
	width:100%;
    align-items:center;
}
#mainwrapper header #logo {
	/* Company Logo text */
	float: none;
   justify-content: center;	
}
.logoimage {
	width: 20%;
	margin: .5em;
	/*padding: 0 1em 0 0;*/
	
}
#logo h1{
	font-size: 20px;
	margin: 1em;
}
#content{
	width:100%;
	height:100%;
	margin: 0em .5em 0em .5em;
	padding: 0em .5em 0em .5em;
	z-index: 2;
}
#mainwrapper #content #banner {
	/* banner*/
	/*display:flex;*/
	flex-direction: column;
	width: 49%;
	height:100%;
		
}
#mainwrapper #content #contact {
	/* Sidebar*/
	/*display:flex;*/
	flex-direction: column;
	width: 100%;
	height: 100;
	float:left;
	margin-bottom: 1em;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	background-color: rgba(246,246,246,1.00);
	text-align: Left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-webkit-border-radius: 3px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#mainwrapper #content #contact #info{
	width: 90%;
	float:left;
	
}
#mainwrapper #content #contact #info2{
	width: 90%;
	float:left;
	
}
#mainContent #bannerImage img {
	/* Actual banner image */
	width: 62%;
}
#content #mainContent #authorInfo {
    /* Author info section */   
    width: 96%;
	height:40%;
    border: medium solid #0965AB;
    border-radius: 6px;
    background-color: #FCF0E6;
	margin: 125% 0% 4% 0%;
}

#mainwrapper #content #sidebar {
	/* Sidebar*/
	flex-direction: column;
	width:49%;
	height:100%;
}
#content #sidebar #adimage {
	/* Image in sidebar */
	width: 100%;
	margin-top: 2% 5% 2% 0%;
	padding: 2% 10% 2% 0%;
	align-content: center;
}

#sidebar nav ul {
	margin-top: 0px;
}

#content footer article {
    /*Each footer article */
    width: 90%;
    margin-top:auto;
}
footer {
  position: relative;
  width:100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4rem 0rem 4rem 0rem;
  text-align: center;
  z-index: -1;
}

section {
  height: 100%;
}
#Sched-Image img {
	width: 95%;
	height: 95%;
	border-radius: 5px;
    border: medium solid #858383;
}
}
/* Mobile view */
@media screen and (max-width:479px){
	
#mainwrapper {
	width:100%;
	margin:0 auto;
	flex-direction: column;
    height: 100%;
	padding-bottom: 4rem;
		
	}
#mainwrapper header #logo {
    /* Company Logo text in header */
	flex-direction: column;
	align-items: center;
}

#mainwrapper header nav {
	/*navigation 
	in header */
	height:100%;
	float:right;
}
#mainContent {
    /* Container for the blog post in individal blog view */
    /*float: left;*/
	flex-direction:column;
	width:100%;
	height: 100%;
}
	#logo h1{
    font-size: 20px;
	text-align: center;
}
.logoimage {
	width: 15%;
	margin: 0em auto;
	align-items: center;
	justify-content: center;
}
.navbox { 
   width: 100%;
   
   /*margin: 0 auto;*/
   padding: 0em 0em 0em 0em;
   background: #0965AB;
   justify-content:center;
}
.navigation {
    /*Nav bar containing links in header */
    width: 90%;
    margin: 0em;
	height: 4em;
    background: #0965AB;
    align-self: center;	 
}
.navigation ul {
   /*border: 1px solid grey;*/
   flex-direction: column;
   flex-shrink: 0;
   list-style: none;
   display: flex;
   border-radius: 5px;
   margin: 0em 1em 0em -1em;
}
.navigation a {
    /* Links in header */
    color: rgba(224,224,224,1.00);
    font-weight: 400;
    text-decoration: none;
    padding: .5em .5em .5em .5em;
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
.navigation a:hover {
    background-color: #E17603;
    color: #1F1F1F;
	font-weight: 500;
	text-decoration: none;
}
.navigation li {
	flex: 3;
	align-self: center;
}
	#mainwrapper #content #banner {
	/* banner*/
	/*display:flex;*/
	flex-direction: column;
	flex-flow: row wrap;
	float: left;
	width: 100%;
	padding-left: 4%;
	padding-right: 2%;
	padding-top: 0%;
	margin: 2% 2% 2% 2%;
}
#mainContent #bannerImage img {
	/* Actual banner image */
	width: 60%;
	justify-content: center;
}
#content #sidebar #adimage {
	/* Container for image in sidebar */
	width: 90%;
	align-content: center;
}

#mainwrapper #content #sidebar {
	/* Sidebar*/
	flex-direction: column;
	flex-flow: row wrap;
	width: 100%;
	float: Left;
	margin: 2% 2% 2% 2%;
}
#content {
	width: 95%;
	padding-bottom: 2.5rem;
	text-align: center;
	padding: .5em auto;
	margin:.5em 0em 1em 0em;
	height: 100%;
}
#content .notOnDesktop input {
	width:90%;
	text-align: center;
}
#content #mainContent h3 {
	/* Title under maincontent, if any */
	font-size: 20px;
	text-align: center;
}
#content footer article {
	/* Each foter article */

}
	#content #mainContent #authorInfo {
    /* Author info section */   
    width: 100%;
	height:100%;
    border: medium solid #0965AB;
    border-radius: 6px;
    background-color: #FCF0E6;
	margin:135% 15% 4% 0%;
}
footer {
  width: 100%;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 4rem 0rem 4rem 0rem;
  text-align: center;
  z-index: -1;
}
section {
  height: 100%;
}
	}