body					{background-position: center top;
						background-image: url(../images/bg.jpg);
						background-repeat: no-repeat;
						background-color: #ffffff;
						margin: auto;
						padding: 0px;
						}

#frame					{text-align: left;
						width: 980px;
						margin: auto;
						z-index: 1;
						padding: 0px;
						}
						
#facebooklike {
	position: absolute;
	margin-top: 120px;
	margin-left: 760px;
	background: url(../images/facebookbg.png) no-repeat;
	width: 206px;
	height: 83px;
}
						
#top					{text-align: left;
						width:930px;
						height: 116px;
						background-image: url(../ocean/whalecoasthead.jpg);
						background-repeat: no-repeat;
						margin: 0px;
						padding: 0px;
						}
						
#logo					{position: absolute;
						width: 581px;
						height: 205px;
						margin-top: 0px;
						margin-left: 195px;
						}
						
#minimenu				{position: absolute;
						text-align: right;
						width: 400px;
						margin-top: 16px;
						margin-left: 500px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #517bab;
						z-index: 2;
						}
						
#langmenu				{position: absolute;
						text-align: left;
						width: 220px;
						margin-top: 60px;
						margin-left: 700px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #517bab;
						z-index: 2;
						}
						
#menu					{position: absolute;
						text-align: left;
						width: 930px;
						height: 40px;
						background-image: url(../ocean/menuoverstrand.jpg);
						background-repeat: no-repeat;
						margin-top: 117px;
						margin-left: 0px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #517bab;
						z-index: 2;
						}
						
#overstrandcontent		{position: absolute;
						text-align: left;
						width: 930px;
						margin-top: 336px;
						margin-left: 0px;
						font-family: verdana, trebuchet ms, arial;
						font-size: 13px;
						color: #517bab;
						z-index: 1;
						}
						
#flashbg				{position: absolute;
						width: 928px;
						height: 295px;
						margin-left: 0px;
						margin-top: 156px;
						z-index: 2;
						}
			
#flash					{position: absolute;
						width: 928px;
						height: 295px;
						margin-left: 0px;
						margin-top: 157px;
						z-index: 2;
						}
						
#map					{position: absolute;
						width: 328px;
						height: 239px;
						margin-left: 575px;
						margin-top: 473px;
						z-index: 2;
						}
						
#scripture				{position: absolute;
						width: 73px;
						height: 21px;
						margin-left: 686px;
						margin-top: 78px;
						z-index: 4;
						}
			
#panelbgcolor			{background-color: #eadac7;
						}
						
.contentbgcolor			{background-color: #598db4;
						}
						
.bodytext				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #685672;
						}
						
.bodylink				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #685672;
						text-decoration: none;
						}
						
.bodylink:hover			{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #685672;
						text-decoration: none;
						}
						
.bodytext2				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #b0a1b8;
						}
						
.bodylink2				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #b0a1b8;
						text-decoration: none;
						}
						
.bodylink2:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #9684a0;
						text-decoration: none;
						}
						
.bodytext3				{font-family: trebuchet ms, verdana, arial;
						font-size: 16px;
						color: #685672;
						}
						
.bodylink3				{font-family: trebuchet ms, verdana, arial;
						font-size: 16px;
						color: #685672;
						text-decoration: none;
						}
						
.bodylink3:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 16px;
						color: #94839d;
						text-decoration: none;
						}
						
.bodytext4				{font-family: trebuchet ms, verdana, arial;
						font-size: 13px;
						color: #685672;
						}
						
.bodylink4				{font-family: trebuchet ms, verdana, arial;
						font-size: 13px;
						color: #685672;
						text-decoration: underline;
						}
						
.bodylink4:hover		{font-family: trebuchet ms, verdana, arial;
						font-size: 13px;
						color: #685672;
						text-decoration: none;
						}
						
.bodytext5				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						}
						
.bodylink5				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						text-decoration: underline;
						}
						
.bodylink5:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #634118;
						text-decoration: none;
						}
						
.bodytext6				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						}
						
.bodylink6				{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodylink6:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 11px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodytext7				{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						}
						
.bodylink7				{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink7:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 10px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.bodytext8				{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						}
						
.bodylink8				{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: none;
						}
						
.bodylink8:hover		{font-family: verdana, trebuchet ms, arial;
						font-size: 12px;
						color: #ffffff;
						text-decoration: underline;
						}
						
.heading				{font-family: verdana, trebuchet ms, arial;
						font-size: 18px;
						color: #1b3c64;
						}
						
.feature				{border: solid 1px #3775a4;
						}
						
.feature:hover			{border: solid 1px #ffffff;
						}
						
.directorybg			{background-color: #a6c5dc;
						}
						
.spiffy					{display:block;
						}

.spiffy 			  *{display:block;
						z-index: 3;
  						height:1px;
  						overflow:hidden;
						font-size:.01em;
  						background:#a6c5dc;
						}
						
.spiffy1				{margin-left:3px;
						margin-right:3px;
						z-index: 3;
						padding-left:1px;
						padding-right:1px;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						background:#a6c5dc;
						}
						
.spiffy2				{margin-left:1px;
  						margin-right:1px;
  						z-index: 3;
  						padding-right:1px;
  						padding-left:1px;
						border-left:1px solid #a6c5dc;
  						border-right:1px solid #a6c5dc;
 						background:#a6c5dc;
						}
						
.spiffy3				{margin-left:1px;
						margin-right:1px;
						z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffy4				{z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffy5				{z-index: 3;
						border-left:1px solid #a6c5dc;
						border-right:1px solid #a6c5dc;
						}
						
.spiffyfg				{z-index: 3;
						background:#a6c5dc;
						padding: 8px;
						color: #ffffff;
						font-size: 14px;
						}
						
table.fail					{border: #ea0b0b 1px solid;
							}
							
td.fail						{background-color: #ffb8b8;
							color: #ea0b0b;
							font-family: verdana, trebuchet ms, arial;
							font-size: 11px;
							}
							
table.success				{border: #1ba200 1px solid;
							}
							
td.success					{background-color: #bff7b4;
							color: #1ba200;
							font-family: verdana, trebuchet ms, arial;
							font-size: 11px;
							}
						
#hermanuswhattodo		{display:none}
#hermanuswheretostay	{display:none}
#hermanusbusiness		{display:none}
#hermanuslivinghere		{display:none}
#hermanusgettinghere	{display:none}

#stanfordwhattodo		{display:none}
#stanfordwheretostay	{display:none}
#stanfordbusiness		{display:none}
#stanfordlivinghere		{display:none}
#stanfordgettinghere	{display:none}

#kleinmondwhattodo		{display:none}
#kleinmondwheretostay	{display:none}
#kleinmondbusiness		{display:none}
#kleinmondlivinghere	{display:none}
#kleinmondgettinghere	{display:none}

#gansbaaiwhattodo		{display:none}
#gansbaaiwheretostay	{display:none}
#gansbaaibusiness		{display:none}
#gansbaailivinghere		{display:none}
#gansbaaigettinghere	{display:none}