@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	text-align: center;
	width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
#topcta {
	text-align: center;
	color: #FFFFFF;
	position: static;
	width: 100%;
}
#topbackground {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 4px 23px 4px;
	box-shadow: 0px 4px 23px 4px;
	background-image: url(Images/beach%20cover.JPG);
	text-align: left;
}
#topbackground1 {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 4px 23px 4px;
	box-shadow: 0px 4px 23px 4px;
	text-align: center;
	margin-bottom: 3%;
	background-color: hsla(84,4%,76%,1.00);
}
#topbackground2 {
	background-size: 100% 100%;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	margin-bottom: 5%;
	margin-top: 0px;
	background-image: -webkit-linear-gradient(179deg,rgba(200,224,237,1.00) 1.55%,rgba(255,255,255,0.65) 5.18%,rgba(255,255,255,0.17) 36.78%,rgba(198,214,229,1.00) 47.15%,rgba(203,218,232,1.00) 62.18%,rgba(198,214,229,1.00) 68.91%,rgba(198,214,229,1.00) 100%,rgba(255,255,255,1.00) 100%), url(8.jpg);
	background-image: linear-gradient(271deg,rgba(200,224,237,1.00) 1.55%,rgba(255,255,255,0.65) 5.18%,rgba(255,255,255,0.17) 36.78%,rgba(198,214,229,1.00) 47.15%,rgba(203,218,232,1.00) 62.18%,rgba(198,214,229,1.00) 68.91%,rgba(198,214,229,1.00) 100%,rgba(255,255,255,1.00) 100%), url(8.jpg);
	background-color: hsla(204,46%,80%,1.00);
}
#topbackground4 {
	background-color: rgba(237,237,237,1.00);
	padding-top: 1%;
	margin-bottom: 1%;
}

.mainnav {
}
.navbuttons {
}
.mainnavbuttons {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topctacontent {
display: block;
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
#topbackground #topbackground2 {
}
.twobody {
}
.twoimage {
	width: 100%;
	text-align: center;
}
.twotext {
clear: both;
margin-left: 0;
width: 100%;
}
.threetext {
	width: 100%;
	text-align: center;
}
.threesections {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.fourtext {
	width: 100%;
	text-align: center;
}
.fourimage {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
h1 {
	color: hsla(359,100%,34%,1.00);
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
	font-size: xx-large;
}
h2 {
	color: hsla(0,0%,100%,1.00);
	font-family: snippet;
	font-style: normal;
	font-weight: 400;
}
.topbackgroundbox {
width: 100%;
	clear: none;
	background-color: hsla(91,36%,60%,1.00);
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
}
.footerbox {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topcta a {
}
.topctacontent a {
	text-decoration: none;
	text-align: center;
	font-size: large;
}
.fluidnavmenu {
}
.fluidnavmenuitem {
display: block;
}
.topbackgroundbox a {
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
}
.threesections a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.twoimage a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(198,50%,44%,1.00);
}
.threesections h2 {
	color: hsla(200,51%,45%,1.00);
}
.longsection {
}
.pagebox1 {
width: 100%;
}
.pageboxtwo {
	clear: both;
	margin-left: 0;
	width: 100%;
	text-align: center;
}
.pageboxtwo h2 {
	color: rgba(37,99,150,1.00);
}
.indexlinks {
	width: 80%;
	clear: both;
	margin-left: 10%;
	margin-top: 4%;
	background-color: rgba(240,226,102,1.00);
	padding-top: 4px;
	padding-bottom: 4px;
}
.bodytext {
width: 100%;
clear: both;
margin-left: 0;
display: block;
}
.pagepic {
width: 100%;
}
.pagetext {
width: 100%;
clear: both;
margin-left: 0;
}
.headerpic {
}
.headerbox1 {
width: 100%;
}
.headerbox2 {
width: 100%;
clear: both;
margin-left: 0;
}
.pagepic h2 {
	color: rgba(66,109,141,1.00);
}
.pagepic h2 {
	color: rgba(63,122,150,1.00);
	font-size: xx-large;
	text-align: center;
}
.ctatext {
width: 100%;
display: block;
}
.ctalinkspace {
width: 100%;
clear: both;
margin-left: 0;
}
.ctalink {
	width: 70%;
	clear: both;
	margin-left: 15%;
	background-color: rgba(255,255,255,1.00);
	color: rgba(148,0,2,1.00);
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 2%;
	border-radius: 3px;
}
.footerheaderbox {
	width: 100%;
	text-align: center;
}
.addcontent {
	width: 80%;
	margin-left: 10%;
	background-color: rgba(255,255,255,1.00);
	margin-top: 5px;
	margin-bottom: 5px;}
#topbackground5 .gridContainer.clearfix .fluid.footerbox.zeroMargin_desktop .fluid.addcontent h2 {
}
.addcontent h2 {
	color: rgba(70,136,177,1.00);
}
.addcontent h2 {
	color: rgba(92,152,190,1.00);
}
.headerbox1 h2 {
	color: rgba(87,137,176,1.00);
}
.pagetext h2 {
	color: rgba(86,136,175,1.00);
}
.pagetextlinkbox {
}
.pagetextlinkbox a {
	color: #000000;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F0E662;
}
.topbackgroundalinkbox {
}
.infobox {
width: 100%;
clear: both;
margin-left: 0;
}
.sidebarcta {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}























/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.mainnav {
}
.navbuttons {
}
.mainnavbuttons {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topctacontent {
display: block;
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
.twobody {
}
.twoimage {
	width: 100%;
	text-align: center;
}
.twotext {
clear: both;
margin-left: 0;
width: 100%;
}
.threetext {
	width: 100%;
	text-align: center;
}
.threesections {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.fourtext {
	width: 100%;
	text-align: center;
}
.fourimage {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topbackgroundbox {
	width: 100%;
	clear: none;
	background-color: hsla(91,36%,60%,1.00);
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	display: block;
}
.footerbox {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center;
}
.topbackgroundbox a {
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
	text-align: center;
}
.fluidnavmenu {
}
.fluidnavmenuitem {
display: block;
}
.threesections a {
		background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.threesections h2 {
	color: hsla(205,55%,49%,1.00);
	font-family: immi-five-o-five;
	font-style: normal;
	font-weight: 400;
}
.fourtext a {
			background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(200,51%,45%,1.00);

}
.longsection {
}
.threesectionspage {
	width: 100%;
	clear: both;
	margin-left: 0;
	text-align: center}
.pagebox1 {
width: 100%;
}
.pageboxtwo {
clear: both;
margin-left: 0;
width: 100%;
}
.indexlinks {
	width: 80%;
	clear: both;
	margin-left: 10%;
	margin-top: 4%;
	background-color: rgba(240,226,102,1.00);
	padding-top: 4px;
	padding-bottom: 4px;
}
.bodytext {
width: 100%;
clear: both;
margin-left: 0;
display: block;
}
.pagepic {
width: 100%;
}
.pagetext {
width: 100%;
clear: both;
margin-left: 0;
}
.headerpic {
}
.headerbox1 {
width: 100%;
}
.headerbox2 {
width: 100%;
clear: both;
margin-left: 0;
}
.ctatext {
	width: 100%;
	font-family: indie-flower;
	font-style: normal;
	font-weight: 400;
	font-size: x-large;
}
.ctalinkspace {
width: 100%;
clear: both;
margin-left: 0;
}
.ctalink {
	width: 70%;
	clear: both;
	margin-left: 15%;
	background-color: rgba(255,255,255,1.00);
	color: rgba(148,0,2,1.00);
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 2%;
}
.footerheaderbox {
	width: 100%;
	text-align: center;
}
.addcontent {
	width: 80%;
	margin-left: 10%;
	background-color: rgba(255,255,255,1.00);
	margin-top: 5px;
	margin-bottom: 5px;}
.pagetextlinkbox {
}
.topbackgroundalinkbox {
}
.infobox {
width: 100%;
clear: both;
margin-left: 0;
}
.sidebarcta {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}






}

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

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	/* [disabled]clear: none; */
	/* [disabled]float: none; */
	margin-left: auto;
}
#div1 {
}
.mainnav {
	margin-top: 2%;
	background-color: #946B45;
	border-radius: 5px;
}
.navbuttons {

}
.mainnavbuttons {
	width: 15.2542%;
	clear: none;
	text-align: center;
	margin-left: 17px;
}
.mainnavbuttons a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 400;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: irish-grover;
	font-style: normal;
}
.mainnavbuttons a:hover, a:active, a:focus, a.thispage {
	background-color: #D39D6B;
}
.topctacontent {
	font-family: indie-flower;
	font-style: normal;
	font-weight: 400;
	font-size: x-large;
	display: block;
}
.topctacontent a {
	text-decoration: none;
	font-size: medium;
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
	color: rgba(173,0,3,1.00);
}
.mainbody {
width: 100%;
}
.sidebar {
}
.footer {
}
.twobody {
	background-size: 100% 100%;



}
.twoimage {
	width: 57.6271%;
	text-align: center;

}
.twotext {
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
	width: 32.2033%;
}
.threetext {
	width: 40.6779%;
}
.threesections {
width: 57.6271%;
margin-left: 1.6949%;
clear: none;
}
.fourtext {
	width: 40.6779%;
	text-align: left;
}
.fourimage {
	width: 49.1525%;
	margin-left: 1.6949%;
	clear: none;
	padding-top: 2%;
	padding-bottom: 2%;
}
.topbackgroundbox {
	width: 23.7288%;
	clear: none;
	background-color: hsla(219,34%,51%,1.00);
	margin-top: 35px;
	margin-bottom: 36px;
	-webkit-box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
	box-shadow: 0px 0px 61px 12px hsla(0,0%,45%,1.00);
}
.threesections h2 {
	color: hsla(201,46%,50%,1.00);
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
}
#topbackground3 .gridContainer.clearfix p {
}
.threesections a {
	background-color: hsla(54,82%,67%,1.00);
	text-decoration: none;
	color: hsla(0,0%,16%,1.00);
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	font-weight: bolder;
	text-align: center;
}
.fourtext h2 {
	color: hsla(203,43%,47%,1.00);
	font-family: rock-salt;
	font-style: normal;
	font-weight: 400;
}
.fourtext a {
	color: hsla(0,0%,22%,1.00);
	text-decoration: none;
	background-color: hsla(54,81%,67%,1.00);
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	text-align: center;
	font-weight: bolder;
}
.twobody h2 {
	color: hsla(201,46%,49%,1.00);
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
}
.footerbox {
	width: 32.2033%;
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
}
.topbackgroundbox a {
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
}
.fluidnavmenu {
}
.fluidnavmenuitem {
}
.longsection {
}
.pagebox1 {
width: 40.6779%;
}
.pageboxtwo {
	margin-left: 1.6949%;
	clear: none;
	width: 57.6271%;
	text-align: center;
}
.pageboxtwo h2 {
	color: rgba(62,99,156,1.00);
}
.threesections ul a {
	list-style-type: none;


}
.threesections ul {
	list-style-type: none;
	width: 100%;
}
.indexlinks {
	width: 41.1764%;
	margin-left: 5.875%;
	clear: none;
	background-color: rgba(240,226,102,1.00);
	padding-top: 4px;
	padding-bottom: 4px;
}
.bodytext {
	width: 49.1525%;
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
	margin-top: 3%;
}
.pagepic {
	width: 32.2033%;
	text-align: center;
	margin-bottom: 1%;
}
.pagetext {
	width: 66.1016%;
	margin-left: 1.6949%;
	clear: none;
	text-align: center;
	list-style-type: none;
}
.headerpic {
}
.headerbox1 {
width: 66.1016%;
}
.headerbox2 {
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
}
.pagepic h2 {
	color: rgba(109,142,175,1.00);
}
.ctatext {
	width: 15.2542%;
	display: block;
}
.ctalinkspace {
	width: 57.6271%;
	margin-left: 1.6949%;
	clear: none;
	padding-top: 0.65%;
	padding-bottom: 0.65%;
}
.ctalink {
	width: 26.4705%;
	margin-left: 2.9411%;
	clear: none;
	background-color: rgba(255,255,255,1.00);
	color: rgba(171,2,5,1.00);
}
.footerheaderbox {
	width: 100%;
	text-align: left;
}
.addcontent {
	width: 80%;
	margin-left: 10%;
	background-color: rgba(255,255,255,1.00);
	margin-top: 5px;
	margin-bottom: 5px;
}
.addcontent h2 {
	color: rgba(70,136,177,1.00);
}
.addcontent h2 {
	color: rgba(70,136,177,1.00);}
.addcontent h2 {
	color: rgba(70,136,177,1.00);}
.headerbox1 h2 {
	color: rgba(80,131,170,1.00);
}
.pagetext h2 {
	color: rgba(82,133,173,1.00);
}
.pagetextlinkbox {
}
h3 {
	color: #AD1214;
	font-family: syncopate;
	font-style: normal;
	font-weight: 400;
}
.topbackgroundalinkbox {
}
.topbackgroundalinkbox {
}
.topbackgroundalinkbox a {
	color: #000000;
	background-color: #ECDE62;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: bold;
}
.infobox {
	width: 23.48%;
	margin-left: 1.6949%;
	clear: none;
}
.sidebarcta {
	width: 15%;
	position: fixed;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}





















}