@charset "UTF-8";
/* CSS Document */

*
	{
		margin: 0;
    	padding: 0;
    	outline: none;
		box-sizing: border-box;
	}

html
	{
		overflow-x: hidden;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.0em;
	}

body 
	{
		-webkit-font-smoothing: antialiased;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		text-rendering: optimizeLegibility; 
	}

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

main
	{
		/*background-color: #F8F8F8;*/
	}

footer
	{
		padding: 32px 0px 0px 0px;
		position: relative;
		z-index: +3;
	}

img
	{
		width: 100%;
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
		
img.small
	{
		padding:  2px;
		height: 60px;
		width: auto;
	}

img.iconSize
	{
		padding:  2px;
		height: 36px;
		width: auto;
	}

.slides img
	{
		height: 350px;
		width: auto;
	}

.row:before, .row:after
	{
		content: "";
		display: table;
	}

.row:after
	{
		clear: both;
	}

.col
	{
		width: 100%;
	}

.colTenth
	{
		width: 15%;
	}

.colNineTenth
	{
		width: 85%;
	}

.colTenth, .colNineTenth 
	{
		float: left;
		padding: 0px 7px 14px;
	}

.centreDiv
	{
		text-align: center;
	}

.rightDiv
	{
		text-align: right;
	}

.leftDiv
	{
		text-align: left;
	}

.topPadding
	{
		padding-top: 10px;
	}

.bottomPadding
	{
		padding-bottom: 10px;
	}

.rightPadding
	{
		padding-right: 5px;
	}

.topmain
	{
    	/*font-family: "Times New Roman", "times", "serif";*/
    	font-size: 40px; 
    	font-weight: normal;
    	color: black;
    	text-align: center;
  	}

.topaddress
  	{
    	/*font-family: "Times New Roman", "times", "serif";*/
    	font-size: 1.1em;
    	color: black;
    	text-align: right;
  	}

.navigation
 	{
    	width: 100%;
    	background-color: #FFF;
    	border-style: none;
    	font-size: 1.1em;
		color: black;
  	}

.nav ul
	{
    	margin: 0;
    	padding: 0;
    	list-style: none;
		font-weight: 500;
  	}

a
	{
    	text-decoration: none;
		color: dimgray;
  	}

.nav ul li a
	{
    	text-decoration: none;
		text-align: left;
		display: block;
		padding: 8px;
		color: dimgray;
  	}

.nav ul li a.selected
	{
		color: black;
	}

.nav ul li a.notSelected:hover
	{
		color: black;
	}

.icon
	{
		position: relative;
		top: 12px;
	}

.icon img
	{
		height: 16px;
		width: 16px;
	}

.hideThese
	{
		display: none;
	}

.justify
	{
		text-align: justify;
	}

.pagetitle
  	{
    	/*font-family: "Times New Roman", "times", "serif";*/
    	font-size: 35px;
    	font-style: italic; 
    	font-weight: bold;
    	color: #8B0000;
  	}

img.pageheader
  	{
    	width: 75%;
		border: 0px
  	}

a.pagelink:link 
  {
	color: #8B0000;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.pagelink:visited
  {
	color: #8B0000;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.pagelink:hover
  {
	color: blue;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.pagelink:active
  {
	color: #000000;
	text-decoration: none;
    font-weight: bold;
    border: 0;
  }

ul.facilities
	{
		list-style-position:outside;
		list-style-type: square;
		margin: 0;
		padding-left: 30px;
	}

ul.facilities li
	{
		text-align: left;
	}

ul.numbers
	{
		list-style-type: decimal;
		padding-left: 50px;
	}

ul.numbers li
	{
		padding-left: 20px;
	}

ul.individual
	{
		font-weight: bold;
		width: 377px;
		margin-left: auto;
		margin-right: auto;
		padding-left:  10px;
		padding-right: 10px;
	}

ul.terms
	{
		padding-left:  30px;
		padding: 0 0 0 30px;
	}

li.space
{
	padding-top: 10px;
}

.pagetitlesmall
	  {
			/*font-family: "Times New Roman", "times", "serif";*/
			font-size: 25px;
			font-style: italic; 
			font-weight: bold;
			color: #8B0000;
	  }

input[type="submit"].advertise1
  	{
    	border: 0;
    	background: url('images/tab.gif') no-repeat left;
    	background-size: 100%;
    	height: 46px;
    	/*font-family: "Times New Roman", "times", "serif";*/
    	font-size: 20px;
    	font-style: italic; 
    	font-weight: bold;
    	color: #526A98;
    	cursor: pointer;
  	}
  
input[type="submit"].advertise
  	{
    	border-style: solid;
    	border-bottom: none;
    	border-color: #000000;
    	border-width: 2px;
    	background-color: #FCFCE4;
    	height: 28px;
    	/*font-family: "Times New Roman", "times", "serif";*/
    	font-size: 18px;
    	font-style: italic; 
    	font-weight: bold;
    	color: #000000;
    	cursor: pointer;
		padding-left: 4px;
		padding-right: 4px;
  	}

p.advert
  	{
    	background-color: rgb(192, 220, 192);
  	}

figcaption
	{
		text-align: center;
		font-size: 0.9em;
		padding-top: 10px;
	}

.infoBox
	{
		float: right;
		width: 100%;
		height: 100%;
	}

.contact
	{
		background: #7A7A7A;
		color: white;
		font-weight: bold;
		font-size: 1.1em;
		padding: 6px 3px 6px 3px;
		border-style: none none solid;
		border-width: 3px;
		border-color: #2E1612;
		margin: 5px;
	}

.contactname
	{
		text-align: left;
	}

.mail
 	{
    	text-align: center;
  	}

.contactphone
 	{
    	text-align: right;
  	}

.mail a
	{
		color: white;
		text-decoration: none;
	}

.mail a:hover
	{
		color: black;;
	}

a.commMail:link 
  {
	color: blue;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.commMail:visited
  {
	color: blue;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.commMail:hover
  {
	color: blue;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }
  
a.commMail:active
  {
	color: blue;
	text-decoration: none;
    font-weight: bold;
    font-size: 12px;
  }

.meet
 	{
    	text-align: center;
    	background: #BEBEBE;
    	font-weight: bold;
    	font-size: 1.1em;
    	padding: 3px;
		margin: 5px;
  	}

.subs
  	{
    	text-align: center;
    	background: #D3D3D3;
    	padding: 3px;
    	color: #8B0000;
		margin: 5px;
  	}

.notes
  	{ 
    	background: #FFFFB2;
    	border-style: solid;
    	border-width: 2px;
    	border-color: #2E1612;
    	padding: 10px 20px 10px;
    	text-align: justify;
		margin: 5px;
  	}

.headline
  	{
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #666;
		border-bottom-color: #666;
		padding-top: 10px;
		padding-bottom: 10px;
  	}

h1
  	{
    	font-size: 1.3em;
		font-weight: normal;
		margin: 0;
		padding: 0;
  	}
  
.pic
  	{
		float: left;
		margin-right: 10px;
		height: auto;
		width: 100%;
    	border: 0;
  	}
  
.event
  	{
		font-weight: bold;
		color: #777;
		padding: 0;
		font-size: 14px;
 	}

.event a
   	{
		color: #777;
		text-decoration: none;
  	}
  
.event a:hover
  	{
		color: #444;
		text-decoration: none;
  	}
  
.date
  	{
		color: #CC0000;
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 14px;
  	}

.info
  	{
		color: #CC0000;
		font-weight: bold;
		font-size: 14px;
  	}
  
.details
  	{
		font-size: 14px;
		color: black;
  	}

.more
  	{
		bottom: 0;
		position: absolute;
		right: 0;
  	}
  
.more:hover
  	{
		background-color: #333;
  	}

.desc
  	{
    	font-size: 1.1em;
    	text-align: justify;
  	}

h2
  	{
		font-size: 1.3em;
		color: #999999;
		text-decoration: none;
		font-weight: normal;
  	}

h2.small
  	{
  		font-size: 1.1em;
  	}

.position
  	{
    	font-weight: bold;
    	font-size: 15px;
    	text-decoration: italic;
    	/*font-family: "Times New Roman", "times", "serif";*/
    	background-color: #FFE4C4;
  	}
  
.commname
  	{
    	font-weight: bold;
    	font-size: 12px;
    	text-decoration: none;
    	/*font-family: "Times New Roman", "times", "serif";*/
    	background-color: #F5F5DC;
  	}

.tel
  	{
    	font-size: 12px;
    	text-decoration: none;
    	/*font-family: "Times New Roman", "times", "serif";*/
  	}

.footer-nav ul 
	{
		list-style-type: none;
		padding-left: 26px;
	}

.footer-nav ul li a
	{
		text-align: right;
		display: block;
		text-transform: uppercase;
		padding-bottom: 6px;
		text-decoration: none;
		color: #68768B;
	}

.footer-nav ul li a:hover
	{
		color: #4F4F51;
	}

.col p
	{
		padding-bottom: 6px;
		color: #68768B;
	}

.rateType
  	{
    	text-align: left;
		padding-left: 20px;
		width: 550px;
		max-width: 100%;
  	}

.sectionheader
  	{
   		background: #555555;
    	font-weight: 700;
		color: white;
  	}

.subsection
  	{
    	margin-left: 10px;
		font-weight: 700;
		background: #CCCCCC;
		color: #333333;
		width: calc(100% - 10px);
  	}

.cost
  	{
    	font-weight: bold; 
    	text-align: right;
    	padding-right: 3px;
		width: 80px;
  	}

div.inLine
	{
		display: inline-block;
		padding-bottom: 2px;
		padding-top: 2px;
	}

.justJoy
	{
		font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
	}

.textLogoChild
	{
		vertical-align:middle;
		border:1px solid #68768B;
		color:#68768B;
		font-size:22px;
		text-transform:uppercase;
		font-weight:400;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
	}

.paddingBelowThick
	{
		padding-bottom:  8px;
	}

.paddingBelowThin
	{
		padding-bottom:  3px;
	}

input.inputWidth
	{
		width: 95%;
	}

.leftPadding
	{
		padding-left:  15px;
	}

.bothLeftPadding
	{
		padding-left:  15px;
	}

.moreLeftPadding
	{
		padding-left:  30px;
	}

fieldset.title
	{
		background-color: beige;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.date
	{
		background-color: antiquewhite;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.time
	{
		background-color: aliceblue;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.room
	{
		background-color: cornsilk;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.desc
	{
		background-color: azure;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.contact
	{
		background-color: #C3CBBD;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		border: solid 1px #C0C0C0;
		font-size: 1.0em;
	}

fieldset.freq
	{
		background-color: floralwhite;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

fieldset.lic
	{
		background-color:ghostwhite;
		color: black;
		font-weight: normal;
		margin-bottom: 5px;
		font-size: 1.0em;
	}

table, th, td 
	{
    	border: 1px solid black;
    	border-collapse: collapse;
		padding: 5px;
	}

th
	{
		background-color: #8B0000;
		color: white;
	}

.data
	{
		border: solid black 1px;
		padding: 5px;
		margin-bottom: 5px;
	}

.data strong
	{
		color: blue;
	}

.amazonGrid
	{
		display: grid;
		grid-template-columns: 1fr;
		justify-content: center;
		align-content: center;
	}

.amazonGrid div
	{
		padding-left: 5px;
		padding-right: 5px;
	}

@media (min-width: 800px)
	{
		.amazonGrid
			{
				grid-template-columns: 1fr 325px;
			}
		
		.col 
			{
				float: left;
				padding: 0px 7px 14px;
			}
		
		.contact .col
			{
				padding: 6px 3px;
			}
		
		.col.info
			{
				padding: 0 0 0 3px;
			}
		
		.row .nonBelow
			{
				padding: 0 0 0 3px;
			}
		
		.row .nonBelowWithSomeLeft
			{
				padding: 0 0 0 13px;
			}
		
		.colHalf
			{
				width: 50%;
			}
		
		.colThird
			{
				width: 33%;
			}
		
		.colQt
			{
				width: 24%;
			}
		
		.colTwoThirds
			{
				width: 67%;
			}
		
		.colQuarter
			{
				width: 25%;
			}
		
		.colFifteenth
			{
				width: 15%;
			}
		
		.colThirty
			{
				width: 30%;
			}
		
		.colTwenty
			{
				width: 20%;
			}
		
		.colTwentyTwo
			{
				width: 22%;
			}
		
		.colThreeQ
			{
				width: 75%;
			}

		.colEightyFive
			{
				width: 85%;
			}
		
		.colEigth
			{
				width: 12.5%;
			}
		
		.colSevevEigth
			{
				width: 87.5%;
			}
		
		.colSixth
			{
				width: 16%;
			}
		
		.colForty
			{
				width: 40%;
			}
		
		.rightPadding
			{
				padding-right: 0;
			}
		
		.textLogo
			{
				float: left;
				margin-left: 0px;
			}
		
		.navigation
			{
				width: 100%;
				height: 24px;
				background-color: #8B0000;
				border-style:solid none none;
				border-width: 4px;
				border-color: #2E1612;
				font-size: 1.1em;
			}
		
		.nav ul li.icon
			{
				display: none;
			}
		
		.nav ul
			{
				text-align: left;
				float: left;
				font-weight: 600;
			}
		
		.nav ul li
			{
				display: inline-block;
			}
		
		.nav ul li a
			{
				text-align: center;
				color: #fff;
				padding: 0;
				padding-left: 8px;
			}
		
		.nav ul li a.selected
			{
				color: lightgray;
			}
		
		.nav ul li.icon
			{
				display: none;
			}
		
		.hideThese
			{
				display: inline-block;
			}
		
		.footer-nav ul
			{
				padding-left: 0px;
			}
		
		.footer-nav ul li a
			{
				text-align: right;
			}
		
		.paddingBelowThick .paddingBelowThin
			{
				padding-bottom:  0;
			}
		
		input.inputWidth
			{
				width: 98%
			}
		
		.leftPadding
			{
				padding-left:  0;
			}
	}

/*Desktop View*/
@media (min-width: 1024px)
	{
		body 
			{
				max-width: 1200px;
			}
	}