html, body {
    margin-bottom: 	10px;
    margin-top: 	0px;
    margin-left: 	auto;
    margin-right: 	auto;
    position:relative;
	padding:		0;
    background:		#eee;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-style: normal; font-variant: normal; font-weight: 500; 
}

#content-desktop {display: block;}
#content-mobile {display: none;}

#header, #content-main-container { width:85%;}


@media screen and (max-device-width: 480px),
(max-width: 768px) and (min-device-width: 481px) {
    
    #content-desktop {display: none;}
    #content-mobile {display: block;}
    
}


@media screen and (min-width: 769px) and (min-device-width: 481px) {
    #header {width: 70%;}
    #content-main-container {width: 70%;}
    img.photo {float:right; margin-left: 15px;}
    img.res-media {float:right; margin-left: 15px;}
    div.grid-container {
        grid-template-columns: 1fr 1fr;
    }
    div.grid-container-2 {
        grid-template-columns: 1fr 3fr;
    }
    div.itemrightlong {
        grid-column: 2 / span 3;
    }
    div.itemfull {
        grid-column: 1/ span 2;
    }
    div.itemright {
        grid-column: 2;
    }
    
}

img.aca {
  position: absolute;
  top: 0px;
  right: 1%;
 border: 0px;
 
} 

a:link, a:visited
{ color:			#1B3D6D;
  text-decoration:	underline;
}

a:hover, a:active
{ color:			#1B3D6D;
    background-color: #eee;
  text-decoration:	underline;
}

#header-container{
    
    background:        #fff;!#EBF4FA;
    border-bottom:         3px solid #1B3D6D;
    border-top:         3px solid #555759;
    border-right:         3px solid #555759;
    border-left:         3px solid #555759;
    border-radius:  5px 5px 5px 5px;
}

#header {
	padding-top:	1em;
    padding-bottom: 0em;
    margin-left: 	auto;
    margin-right: 	auto;
    padding-left:	0em;
    padding-right:	0em;
	margin-bottom: 	0em;
    margin-top:0em;
    min-width: 280px;
    position: center;
    overflow:visible;
            font-size:        95%;
    
}


.logo {
	height:		4em;
    padding-right: 1em;
}
.orclogo {
    height:        1.0em;
}
.menu {
    height:        1.5em;
}
.photo {
    margin-right: auto;
    margin-left:auto;
    display: block;
    margin-bottom: 10px;
    border:         0px;
    border-radius: 5px;
    max-width: 90%;
}
.res-media {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 10px;
    border:         0px;
    border-radius: 5px;
    max-width: 90%;
}

#content-main-container {
    border:         3px solid #1B3D6D;
    border-radius:  0px 0px 5px 5px;
    border-top: 0em;
    margin-bottom:    2em;
    margin-left:     auto;
    margin-right:     auto;
    padding-bottom: 1em;
    min-width: 280px;
    background:        #FFF;
    overflow: auto;
}

#content-main {
    padding-left: 25px;
    padding-right:    25px;
}

#content2 {
	float:			right;
	margin-bottom:	2em;
	margin-top:		0;
	margin-left:	0;
	margin-right:	0;
	padding:		0;
	width:			auto;
	background:		#ffffff;
}


#sidebar {
	margin:			0;
	padding:		0;
	width:			18%;
	background:		#ffffff;
}

#footer {
	clear:		both;
	border-top: solid 2px #000000;
	margin-top:	1em;
	padding:	5px;
	background:	#ffffff;
}

#navigation{
    padding-bottom:	0.35em;
    padding-top:	0.45em;
    background:		#FFF;
    width:auto;
    overflow: hidden;
}

#header p {
	margin:			0;
	margin-bottom:	0.6em;
	color:			#555759;
	font-size:		240%;
	font-weight:	600;
    overflow:hidden;
}

#content-main p {
    padding-left:	1%;
    margin:			0;
    margin-bottom:	0.4em;
    color:			#0C234B;
    font-size:		240%;
    font-weight:	bold;
}

#navigation ul {
	text-align:		left;
	padding-left:	0em;
    padding-right:	0;
	margin:			0;
	width:			100%;
	font-size:		100%;
	line-height:	1em;
}

#navigation ul li {
	display:		inline;
	padding-left:	0em;
	padding-right:	0em;
	padding-bottom:	0em;
	padding-top:	0em;
	margin:			0;
}

#navigation a {
    border-radius: 5px 5px 0px 0px;
	padding-left:	0.7em;
	padding-right:	0.7em;
	padding-bottom:	0.35em;
	padding-top:	0.25em;
	margin:			0;
    color:			#555759;!#333;
    background-color:	#fff;
    font-size:      1.2em;
	text-decoration:none;
}



#navigation ul li a:hover, #navigation ul li a:active {
    background-color:	#eee; !#ffd75f; !#CDE1E3;
    color:				#fff;
    text-decoration:none;
}
#navigation a.act{
    background-color:	#1B3D6D;!#385970;
    color:				#ffffff;
    text-decoration:none;
}


#navigation a.act:hover{
    background-color:	#1B3D6D;!#385970;
    color:				#ffffff;
}

.mobilenav {
    background-color: #fff;
    position: relative;
}

.menu-items {
    display: block;
    position: absolute;
    box-shadow: 0px 16px 16px 0px rgba(0,0,0,0.2);
    width: 100%;
    background-color: #ffffff;
}

.mobilenav #myLinks {
    display: none;
}

.mobilenav a {
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
        background-color: #ffffff;
}

.mobilenav a.icon {
    padding: 0.5em;
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
    width: 2.1em;
    height: 1.5em;
}
.mobilenav a.icon:hover {
    background-color: #ffffff;
}

.mobilenav a.act{
    background-color:    #1B3D6D;
    color:                #ffffff;
}

.mobilenav a:hover {
    background-color:    #eee;
    color:                #fff;
}

.mobilenav a.act:hover{
    background-color:    #1B3D6D;!#385970;
    color:                #ffffff;
}

.mobilenav p {
    text-align:        center;
    padding-left:    0.5em;
}

.show {
    display: block;
}


#content-main hr, #content2 hr
{ border: 			none;
  margin-top:		1em;
  margin-bottom:	1em;
  margin-left:		auto;
  margin-right:		auto;
  background-color:	#000000;
  color: 			#000000;
  width: 			30%;
  height: 			2px;
}

#content-main p, #content2 p
{ margin-top:		0.6em;
  text-align: 		justify;
}


h1
{ padding:			0 0 0.5em 0;
  color: 			#000000;
  font-size: 		1.2em;
  font-weight:    600;
  text-align:		center;
}

h2 {
    text-decoration:  underline;
  margin-top:		0em;
  margin-bottom:	0.9em;
  margin-left:         0;
  margin-right:        0 ;
  padding-bottom:            0.2em;
  padding-right:			0.2em;
  padding-top: 1.1em;
  background-color: #FFF;
  color: 			#555759 ;
  font-size:		1.5em;
 font-weight:    600;
  text-align: 		leftwards;
}

h3
{ padding: 			0 0 0.3em 0;	
    color: 			#555759;
  font-size: 		1.05em;
  font-weight:    600;

}

h4
{
    color:             #000;
    font-weight:    500;
    }


h5 {
    color:          #1B3D6D;
    display: block;
    font-size: 1.05em;
    margin-top: 0.05em;
    margin-bottom: 0.05em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 600;
}

h6 {
    color:          #000;
    display: inline;
    font-size: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 600;
}
h7
{ padding:             0 0 0 0;
    color:             #555759;
  font-size:         1.05em;
  font-weight:    600;

}

ul
{ margin:			0em 0;
  padding:			0em;
  padding-left:		1.25em;
}

li
{ margin-top:		0.5em;
  margin-bottom:	0.5em;
  padding-top:		0em;
  padding-bottom:	0em;
}

div.center
{ padding:			0.5em 0.5em;
  text-align:		center;  
}

.grid-container {
    display: grid;
    grid-gap: 10px;
    padding: 0px;
    grid-template-columns: 1fr;
}

.grid-item {
    border:            2px solid #555759 ;
    !box-shadow: 0px -4px 8px 1px #eee   inset ;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 85%, #eee);
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
}

.itemfull {
    grid-column: 1;
}

.itemleft {
    grid-column: 1;
}
.itemright {
    grid-column: 1;
}
.itemrightlong {
    grid-column: 1;
}

.grid-container-2 {
    display: grid;
    grid-template-columns: 1fr;
}

img.center
{ border:			0px;
  vertical-align:	middle;
}

table
{ border:			0px;
    table-layout: auto;
  margin-left: auto;
  margin-right: auto;
}

table.borderspaced
{  border-collapse: separate;
    border-spacing: 10px 10px;
}

table.schedule
{   border:            2px solid #616365 ;
    border-collapse: collapse;
}
table.calendar
{   border:            2px solid #616365 ;
    border-collapse: collapse;
}

th, td {
  padding:			15px;
  color:             #000;
  font-size:         1.0em;
  vertical-align: 	top;
  text-align: 		left;
  font-weight:        normal;
}

th{
    text-align:         center;
    color:             #555759;
    font-weight:        600;
}

.schedule td, th{
    border:            2px solid #616365 ;
    padding:            5px;
    background-color: #fff;
    width: 30%;
}
.schedule th{
    background-color:#eee;
}
.schedule td.left{
    width: 10%;
    text-align:         center;
    background-color: #eee;
}
.schedule th.left{
    width: 10%;
}
.schedule td.right {
    padding-left:         15px;
}
.schedule td.right h3{
    text-align:         center;
    padding:             0 0 0em 0;
}

.calendar td, th{
    border:            2px solid #616365 ;
    padding:            5px;
    background-color: #fff;
    width: 18%;
}
.calendar th{
    background-color:#eee;
}
.calendar td.left{
    width: 10%;
    text-align:         center;
    background-color: #eee;
}
.calendar th.left{
    width: 10%;
}
.calendar li{
    color: #555759;
}

@media screen and (max-width: 768px) {
    table.schedule td, th{
        font-size: 3vw;
    }
    table.calendar td, th{
        font-size: 2vw;
    }
    }

td.center
{ text-align:		left;
}

table.address {
  margin-left:		auto;
  margin-right: 	auto;
  font-size:		0.9em;
}

.address td {
  padding:			3px;
  padding-left:		7px;
  border-left: 		0;
  border-right: 	0;
  border-bottom:	1px solid #000000;
  vertical-align: 	top;
}

.address td.icon {
  padding-right:	1em;
  border-left: 		0;
  border-right: 	0;
  border-bottom:	1px solid #000000;
  text-align:		center;
}