@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	max-width: 100%;
	min-height: 100%;
	background: url(../images/foggySeaScape5.png);
	background-repeat: repeat;
	text-align: center;
	position: relative;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#subWrap {
	margin: 0 0 25% 0;
	padding: 0 2% 8% 2%;
	max-width: 100%;
	min-height: 100em;

	background: url(../images/rev_9.png);
	background-repeat: repeat;
	position: relative;
	float: left;
}
#receive {
	margin: 0 0 25% 0;
	padding: 0 8% 8% 2%;
	width: 100%;
	min-height: 100em;

	background-color: #FFF;
	position: relative;
}
.mob {
	width: 98%;
	line-height: 110%;
	margin-bottom: 0;
}
/*NAVIGATION*/
#navy {
	padding: 0;
	min-width: 66%;
	margin: 0 1.888em 5.75em 23em;
	min-height: 3.888%;
	max-height: 80%;
	position: relative;
}


/*phone device*/
@media screen and (max-width:320px){

.menu {list-style: none;display: block;width: 100%;height: 100%;}	
#subWrap {background-image: url(../images/rev_9_380.png);}
#subWrap #navy {min-width:46%;margin:0;min-height:20%;max-height:80%;}
#subWrap #navy ul {margin-left: 0;}
#subWrap #navy .menu_home {display: block;width: 100%;font-size: 1.5em;text-align: center;float: none;position: relative;padding: 0;margin-bottom: 0.5em; }
.menu li, .menu li .travel {font-size: 1.5em;}
.menu li:hover, .menu li .travel:hover {color:#FF0;font-size:1.5em;display:block;float: none;}

.blurb {max-width: 92%;min-width: 85%;height: auto;margin-left: 2%;margin-bottom: 3.5%;padding: 0 1.25%;}
.contentStuff {margin-top: 10%;margin-bottom: 10%;min-width: 80%;max-width: 98%;}
.lynx {max-width: 92%;min-width: 90%;}
.contentStuff #imgHolder1 {max-width: 98%;height: auto;min-height: 50px;padding: 1em;margin: 0;max-height: 380px;min-width: 80%;}
.contentStuff #imgHolder1 .seeMe #todayPic {background-image: url(../images/remembering250.webp);background-repeat: no-repeat;max-height: 333px;margin-top: 0;margin-right: auto;margin-bottom: 0;max-width:300px;}
.seeMe {padding-left: 1%;padding-right: 1%;}
.contentStuff .lunch .intro {margin:0 0 2em .5em; padding:3.5px;}
}


/*phone landscape view*/
@media screen and (min-width:321px) and (max-width:480px){
#subWrap {max-width: 100%;min-height: 100%;background-repeat: repeat;position: relative;float: left;}
#subWrap {background-image: url(../images/rev_9_560.png);margin: 0 0 25% 0;padding: 0 2% 8% 2%;}
#subWrap #navy {min-width:46%;margin:2em 0 0 0;min-height:20%;max-height:80%;}
#subWrap #navy ul {margin-left: 0;}
#subWrap #navy .menu_home {display: block;width: 100%;font-size: 1.5em;text-align: center;float: none;position: relative;padding: 0;margin-bottom: 0.5em; }
.menu li, .menu li .travel {font-size: 1.5em;}
.menu li:hover, .menu li .travel:hover {color:#FF0;font-size:1.5em;display:block;float: none;}
.blurb {max-width: 90%;min-width: 80%;height: auto;margin-left: 2%;margin-bottom: 3.5%;padding: 0 1.25%;}
.contentStuff {width: 98%;margin: 10% .5%;max-width: 97%;}
.lynx {max-width: 92%;min-width: 90%;}	
.contentStuff #imgHolder1 {max-width: 500px;min-height: 50px;padding: 1.666em;margin: 0;max-height: 506px;}	
.contentStuff #imgHolder1 .seeMe #todayPic {background-image:url(../images/remembering480.webp); background-repeat:no-repeat;max-height:321px;   margin:0;
}
.seeMe {padding-left: 1%;padding-right: 1%;}
}


/*tablet portrait view*/
@media screen and (min-width:481px) and (max-width:768px){
#subWrap #navy { margin-left:3em;}

.seeMe {padding-left: 8%;padding-right: 8%;}
.contentStuff {min-width: 80%;max-width: 90%;}
	

}
/*tablet landscape view*/
@media screen and (min-width:769px) and (max-width:1024px){
	#subWrap #navy { margin-left:10em;}
.contentStuff {min-width: 40%;max-width: 55%;}
.seeMe {padding-left: 7.666%;padding-right: 7.666%;max-width: 92%;min-width: 88%;}
	

}