body, html {margin:0; font-family:"Open Sans", sans-serif; background-color:#FCE9BE; color:#181818;}

h1, h2, h3, h4, h5 {font-family:"Libre Baskerville", serif; margin:10px 0;}
h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
p {font-size:1.1em;}
a:link {text-decoration:underline; color:#000000;}
a:visited {text-decoration:underline; color:#000000;}
a:hover {text-decoration:none; color:#000000;}
.txtlge1 {font-size:1.4em; margin:0; line-height:110%;}
.txtsml1 {font-size:1em; margin:0;}
.txtsml2 {font-size:0.8em; margin:0;}
.txtsml3 {font-size:0.6em; margin:0;}
.boxgrnbrdr {border:1px solid #025720; padding:10px; display:inline-block;}
.imggrnbrdr {border:1px solid #025720; padding:1px;}
ul li {list-style-type:none;}
ul {list-style-type:none; margin:0; padding:0;}

.pagelayer {margin:10px auto 20px; max-width:800px; box-shadow:4px 4px 5px #888888; background-color:#FFFFFF; padding:0 20px 20px 20px;}
.toplogo {width:369px; height:142px; margin:0 auto;}
.nfmftlogo {clear:both; margin:20px auto 0; width:387px; height:142px; text-align:center;}
.homeleft {width:68%; float:left; text-align:center;}
.homeright {width:38%; float:right; text-align:right;}
.homectrbox {text-align:center; margin-bottom:20px;}
.homeleft img {max-width:200px; max-height:157px;}
.homeright img {max-width:200px; max-height:157px;}
.homeleft a, .homeright a {font-size:0.7em;}

div.hmblkshdw {display:inline-block; padding:5px 1px 10px 1px; -webkit-box-shadow:0px 0px 15px 6px rgba(204,204,204,1); -moz-box-shadow:0px 0px 15px 6px rgba(204,204,204,1); box-shadow:0px 0px 15px 6px rgba(204,204,204,1);}
div.hmctrpad {text-align:center; padding:15px 15px;}

div.hmblkgrnbtn {display:inline-block; padding:4px 12px; background-color:#025720; color:#fff; font-size:0.9em;}
div.hmblkgrnbtn a {color:#fff; text-decoration:none;}
div.hmblkgrnbtn:hover {opacity:0.9;}

div.rollover:hover {background-color:#D2D9DB;}

.pagemenu {max-width:700px; margin:10px auto 25px; text-align:center;}
.pagemenu a:link {font-size:1em; text-decoration:none; padding:2px 15px; border:1px solid #181818;}
.pagemenu a:hover {background-color:#EEEEEE;}
.menuleft {float:left;}
.menumidd {margin:0 auto; width:60%;}
.menuright {float:right;}

.hogmenu {max-width:700px; margin:10px auto 25px; text-align:center;}

.pagetop { max-width:600px; margin:0 auto; text-align:center;}
.pageleft {width:64%; float:left; text-align:center; margin-bottom:20px;}
.pageright {width:36%; float:right; text-align:center;}
/*.pageright table, .pageright p, .pageright a:link {font-size:0.9em;}*/

a.emailbtn {font-size:0.9em; font-weight:bold; text-decoration:none; padding:0 15px; border:1px solid #181818; background-color:#EEEEEE;}
a.emailbtn:hover {background-color:#FFFFFF;}

.ssnlpage {max-width:600px; margin:60px auto 0;}
.ssnlpage img {float:right;}
.cntrpage {max-width:700px; margin:0 auto; text-align:center;}
.cntrpage img {float:right;}
.cntrpage img.canthx {float:none;}
p.subtitle {font-weight:bold; font-style:italic; margin-top:30px;}
.xmasspage {margin:60px auto 0;}
.xcntrpage {clear:both; text-align:center;}
.xcntrpage p {line-height:170%; margin:6px 0;}
.xcntrpage img {float:right; margin-top:30px; margin-bottom:20px;}
img.xlftimg {float:left;}

div.breakfast p.title1 {font-size:1.2em; font-weight:bold; text-transform:uppercase; margin:10px 0 0 0;}
div.breakfast p.main {margin:10px 0 0 0; font-weight:bold;}
div.breakfast p.sub {font-size:0.8em; margin:4px 0 0 0;}
div.breakfast p.title2 {color:#B30101; font-size:1.2em; font-weight:bold; text-transform:uppercase;}
div.breakfast p.title3 {color:#000000; font-size:1.2em; font-weight:bold;}


.pagefoot {clear:both; font-size:0.8em; text-align:center;}
.pfleft {float:left;}
.pfmidd {margin:0 auto; width:20%;}
.pfright {float:right;}
.pagerimg {display:inline-block; margin-bottom:20px;}


div.inlinbk {display:inline-block;}
div.maxw90 {max-width:90%;}
div.bgltgn {background-color:#ACFDC9;}
.fs85 {font-size:0.85em;}
p.uprcase {text-transform:uppercase;}
p.nomarg {margin:0;}
p.txtbold {font-weight:bold;}


.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7);}
.modal-content {background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%;}
.close {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;}

div.hrsdiv {display:inline-block; padding:12px 12px 4px 12px; background-color:#025720; color:#fff; text-align:left; width:85%;}
table.hrsrb {width:100%;}
table.hrsrb tr td {font-weight:bold; text-align:center;}
table.hrsrb tr td:first-of-type {font-weight:normal; text-align:left; width:40%;}

#mothimgs1 img {float:none;}
#mothimgs2 img:first-of-type {float:left;}
#mothimgs2 img:last-of-type {float:right;}
#mothimgs3 {display:none;}
#mothimgs3 img{margin:10px;}


@media (max-width:850px) {
    div.hrsdiv {display:block; margin:0 auto; max-width:300px;}
	.homeleft {width:100%; float:none;}
	.homeright {width:48%; float:right; text-align:right;}
	.homecentre {clear:both; width:100%; margin:0; padding-top:20px; text-align:center;}
	.homectrbox {display:inline-block; margin:0 20px 20px 0;}
	.pageleft {width:100%; float:none;}
	.pageright {width:100%; float:none; font-size:0.9em;}
	.pagefoot {padding-top:20px; margin-top:20px; border-top:1px solid #181818;}
	.pfleft {float:none; width:100%;}
	.pfmidd {width:100%;}
	.pfright {float:none; width:100%;}
	.cntrpage img {display:none;}
	#mothimgs1 img {display:inline-block !important;}
	#mothimgs2 img {display:none;}
	#mothimgs3 {display:block;}
	#mothimgs3 img {display:inline-block; float:none;}
	p.times {clear:both; display:block;}
	p.timgs img:first-of-type {float:none; display:inline-block; margin:0 auto;}
	p.timgs img:last-of-type {float:none; display:inline-block; margin:0 auto;}
}

/*@media (max-width:500px) {
	.homeleft img {max-width:180px;}
	.homeright img {max-width:180px;}
}*/

@media (max-width:550px) {
	.homeleft {float:none; width:100%; text-align:center;}
	.homeright {float:none; width:100%; padding-top:40px;}
}

@media (max-width:450px) {
	.pagemenu {text-align:center;}
	.menuleft {float:none;}
	.menuright {display:none;}
	.menumidd{display:none;}
}

@media (max-width:400px) {
	.toplogo {width:100%; height:auto;}
	.toplogo img {width:100%;}
	p {font-size:1.0em;}
	.homeleft img {max-width:150px;}
	.homeright img {max-width:150px;}
}
