@charset "utf-8";

@font-face {
	font-family: 'Copperplate';
	font-style: normal;
	font-weight: normal;
	src: local('Copperplate'), url('font/Copperplate Gothic Bold.woff') format('woff');
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(images/physio_bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
.topline {
	background-color: #54627f;
	height: 15px;
	width: 100%;
}
.HeadCell {
	font-family: 'Copperplate';
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 99;
	text-align: center;
	text-shadow: 2px 2px 2px #333333;
}
.BottomTitleL {
	font-family: 'Copperplate';
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 99;
	text-align: center;
	text-shadow: 2px 2px 2px #333333;
}
.BottomTitleR {
	font-family: 'Copperplate';
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 99;
	text-align: center;
	text-shadow: 2px 2px 2px #333333;
}
.AuctionTitle {
	font-family: 'Copperplate';
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 99;
	text-align: center;
	text-shadow: 2px 2px 2px #333333;
}
.GenText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.TitleHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #54627f;
	font-weight: bold;
}
.EventHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #54627f;
	letter-spacing: normal;
	font-weight: bold;
	font-style: italic;
}
.Flow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	letter-spacing: -1px;
}
.MarkFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

form {
	margin: 0px;
	padding: 0px;
}

.EventBox {
	background-color: #666666;
	padding: 5px;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}



a:link {
	text-decoration:none;
	font-weight: bold;
	color: #666666;
}a:visited {
	text-decoration:none;
	font-weight: bold;
	color: #666666;
}a:hover {
	text-decoration:none;
	font-weight: bold;
	color: #666666;
}a:active {
	text-decoration:none;
	font-weight: bold;
	color: #000000;
}
.Login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.polaroidr{
	float:right;
	clear: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}



 /* Add a background color to the top navigation */
.topnav {
/*	background-color: #FFFFFF; */
	overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
	font-size: 18px;
    float: left;
    display: block;
    color: #d71a21;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
    
}
/* Add an active class to highlight the current page */
.active {
	background-color: #54627f;
	color: #CCC;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .menu_icon {
    display: none;
	margin-top: -5px;
	margin-bottom: -5px;
} 

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
	font-size: 18px;
	border: none;
	outline: none;
	color: #d71a21;
	padding: 14px 14px;
	background-color: #FFF;
	font-family: inherit;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: #d71a21;
    padding: 14px 14px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Change the color of links on hover */
.topnav a:hover, .dropdown:hover .dropbtn  {
    background-color: #ddd;
    color: black;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}


/* Mobile Layout: 480px and below. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 82.3789%;
	padding-left: 4.3105%;
	padding-right: 4.3105%;
}
.gridContain_foot {
	background-color:#54627f;
	width: 100%;
	height: 400px;
	text-align: center;
	bottom: 0;
	position:relative;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	text-align:center;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#FFF;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#54627f;
	color:#FFF;
	height: auto;
	text-align:center;
	padding-top: 10px;
}
#logo {
	width: 100%;
	position:relative;
	top: 2px;
	left: 0px;
}

.top_image {
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: -1;
}
#SlideShowBackground {
	width: 100%;
	
}
#SlideShow {
	width: 100%;
}
.BodyLeft {
	text-align: justify;
	position: relative; 
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto; 
	padding: 20px;
	overflow:auto; 
	width: 80%; 
	z-index:1; 
	background-color:#FFF;	
}
.BodyRight {
	text-align: justify;
	position: relative; 
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto; 
	padding: 20px;
	overflow:auto; 
	width: 80%; 
	z-index:1; 
	background-color:#eaeaea;
	
}
.FClear {
	clear: both;
	width:100%;
	height:0px;
}
.FooterLeft {
	text-align: justify;
	position: relative; 
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 5px; 
	padding: 10px;
	overflow:auto; 
	width: 90%; 
	z-index:1; 
}
.FooterRight {
	text-align: justify;
	position: relative; 
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 5px; 
	padding: 10px;
	overflow:auto; 
	width: 90%; 
	z-index:1; 
}
.archive1 {
	display:inline-table;
	width: 100%;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.archive2 {
	display:inline-table;
	width: 48%;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.archive3 {
	display:inline-table;
	width: 32%;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
}
	

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
	.topnav a {
		color: #ffffff;    
	}
	.dropdown .dropbtn {
		color: #ffffff;
		background-color:transparent;
	}
	.dropdown-content {
		background-color: transparent;
	}
	.dropdown-content a {
		color: #ffffff;
	}
	.topnav a:hover, .dropdown:hover .dropbtn  {
		background-color: #ddd;
		color: black;
	}
	.dropdown-content a:hover {
		background-color: #ddd;
		color: black;
	}
	

	.BottomTitleL {
		text-align: left;
	}
	.BottomTitleR {
		text-align: right;
	}
	.HeadCell {
		text-align:left;
		width: 85.7368%;
		max-width: 1232px; 
		padding-left: 2.1315%;
		padding-right: 2.1315%;
		padding-bottom: 20px;
	    margin: auto;
		margin-top: 240px;
		position: relative;
	}
	.gridContainer {
		width: 85.7368%;
		max-width: 1232px;
		padding-left: 2.1315%;
		padding-right: 2.1315%;
		margin: auto;
	}
	.gridContain_foot {
		background-color:#54627f;
		width: 100%;
		height: 300px;
		text-align: center;
		bottom: 0;
		position:relative;
	}
	
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color:#FFF;
	}
	#LayoutDiv2 {
		clear: both;
		text-align:center;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color:#FFF;
	}
	#LayoutDiv3 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background-color:#54627f;
		color:#FFF;
		height: auto;
		text-align:center;
	}
	#logo {
		width: 300px;
		float:left;
		z-index: 99;
	}
	
	.top_image {
		background-size: cover !important;
		display: flex;
		align-items: center;
		justify-content: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		overflow:hidden;
		width: 100%;
		height: 500px;
		left: 0;
		right: 0;
		top: 15px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		z-index: -1;
	}	
	#SlideShowBackground {
		
		height: 500px;
		object-fit: cover; 
		 
	}
	#SlideShow {
		
		height: 500px;
		object-fit: cover; 
		
	}
	.BodyLeft {
		padding: 30px;
		overflow: auto;
		width: 55%;
		z-index: 1;
		text-align: justify;
		float: left;
		background-color:#FFF;
	}
	.BodyRight {
		padding: 30px;
		overflow:auto; 
		width: 25%; 
		z-index:1; 
		text-align: justify;
		float:right;
		background-color:#eaeaea;
	}
	
	
	.FooterLeft {
		padding: 20px;
		width: 40%;
		z-index: 1;
		text-align: left;
		float: left;
	}
	.FooterRight {
		padding: 20px;
		width: 40%; 
		z-index:1; 
		text-align: right;
		float: right;
	}
}




@media screen and (max-width: 769px) { 
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.menu_icon {
    float: right; 
    display: block;
  }
}

@media screen and (max-width: 769px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .menu_icon {
	 float: right; 
	 right: 0;
     top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  .image_resize {
	width:100%;
	}
}