* body		{font-family: Arial, Helvetica, sans-serif ; 
		font-size:11pt;}
* dd		{font-style:italic;}

* a:visited{color: #C8D561;}
* a:link { color: #8CB5C9; }
* a:hover { color: #8CB5C9;}

* IMG.displayed {
    		display: block;
   		margin-left: auto;
    		margin-right: auto;}
    		

.vcentered	{min-height: 240px;/*image is centered*/
  		display: table-cell;
  		vertical-align: middle;}
* textarea	{
		font-family: arial;
		font-size: 10pt;}



/* global elements*/

#navbar	{position:absolute;
  		display: flex;
  		padding:2px;
  		justify-content: center;
  		align-items: center;
		left:12vw;
		top:70.5vh;
		height: 6vh;
		width:74.5vw;
		border:1px solid black;
		text-align:center;
		background-color:#f5fbd9;}
		
#aboutbar	{position:absolute;
  		display: flex;
  		padding:2px;
  		justify-content: center;
  		align-items: center;
		left:12vw;
		top:78vh;
		height:auto;
		width:74.5vw;
		border:1px solid black;
		text-align:center;
		background-color:gainsboro;}
		


#navbar a:visited{color: #C8D561;}
#navbar a:link { color: #8CB5C9; }
#navbar a:hover { color: #8CB5C9;}

#Lside		{position:absolute;
		left:0%;
		top:0px;
		width:12vw;
		height:100%;}
		
#Rside		{position:absolute;
		left:88%;
		top:0px;
		width:12vw;
		height:100%;}

#logo 		{position:relative;
		margin:auto;
		left:0vw;
		width:10vw;
		top:5px;}
		
#logo1 	{position:relative;
		margin:auto;
		right:.5vw;
		width:10vw;
		top:5px;}
				
#place1	{position:relative;
		width:99%;
		top:1vw;
		left:1vw;
		height:20vh;
		width:10vw;
		font-size:1vw;
		text-align:center;
		line-height: 1.6;}
		
#place1btn	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		padding:2px;
		background-color:#65b0b6;
		border-radius:8px;}
		
#place2	{position:relative;
		width:10vw;
		height:23vh;
		top:2vw;
		left:1vw;
		font-size:1vw;
		text-align:center;
		line-height: 1.6;}
		
#place2btn	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		padding:2px;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:8px;}
		
#place3	{position:relative;
		width:10vw;
		height:23vh;
		top:5vw;
		left:1vw;
		font-size:1vw;
		text-align:center;
		line-height: 1.6;}
		
#place3btn	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		padding:2px;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:8px;}
		
#place4	{position:relative;
		width:90%;
		top:1vw;
		margin:auto;
		font-size:1vw;
		text-align:center;
		line-height: 1.6;}
		
#place4btn	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:4px;}
		
#place5	{position:relative;
		width:90%;
		left:0vw;
		margin:auto;
		top:1vw;
		font-size:1vw;
		text-align:center;
		line-height: 1.6;}
		
#place5btn	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:4px;}
		
		
#comm0		{position:relative;
		width:10vw;
		margin:auto;}
		
#commtxt0	{position:relative;
		height:auto;}
		
#comm1		{position:relative;
		width:10vw;
		margin:auto;}
		
#commbtn1	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:4px;}
	
#commtxt1	{position:relative;
		top:-6vh;
		visibility:hidden;}
		
#comm2		{position:relative;
		width:10vw;
		margin:auto;}
		
#commbtn2	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:4px;}
		
#commtxt2	{position:relative;
		top:-20vh;
		visibility:hidden;}

#comm3		{position:relative;
		width:10vw;
		margin:auto;}
		
#commbtn3	{position:absolute;
		top:1px;
		right:2px;
		width:auto;
		color:black;
		font-size:1vw;
		background-color:#65b0b6;
		border-radius:4px;}

#commtxt3	{position:relative;
		top:-31vh;
		visibility:hidden;}
		
#comm4		{position:relative;
		width:10vw;
		margin:auto;}
		
#commtxt4	{position:relative;
		top:-41vh;
		visibility:hidden;}
		
#comm5		{position:relative;
		width:10vw;
		margin:auto;}
		
#commtxt5	{position:relative;
		top:-41vh;
		visibility:hidden;}

#comm6		{position:relative;
		width:10vw;
		margin:auto;}
		
#commtxt6	{position:relative;
		top:-41vh;
		visibility:hidden;}
		
#gallery	{position:relative;
		width:40vw;
		left:15vw;
		margin:auto;
		top:10vh;
		font-size:1vw;
		line-height: 1.6;}
		
		
#slidetxt	{position:absolute;
		font-size:3vh;
		text-align:justify;
		line-height: 1.6;
		left:65vw;
		top:5vh;
		width: 20vw;
  		height: auto;
  		z-index:1;
  		background-color:rgba(255, 255, 255, 0.75);
  		padding:5px;
  		transition: width 2s;}
  		
	
#maintxt	{position:absolute;
		margin:auto;
		font-size:1.25vw;
		left:14vw;
		height:10vw;
		width:70vw;
		top:10vh;}
		
#maintxt2	{position:absolute;
		margin:auto;
		font-size:1.25vw;
		left:14vw;
		height:10vw;
		width:70vw;
		top:10vh;}

/* Home PAge (hp) elements */



#zorrotxt	{position:absolute;
		left:12%;
		top:85%;
		width:140px;}

#hpimg 	{position:absolute;
		left:5%;
		top:20px;}

#hpbody		{position:absolute;
		left:33%;
		top:5%;
		width:30%;
		text-align:justify;}

#hpaddress	{position:absolute;
		left:5%;
		text-align:center;
		top:349px;
		width:200px;}

#hpdatetime	{position:absolute;
		top:329px;
		left:5%;
		text-align:center;
		width:200px;}

#hpcontactdetails	{position:absolute;
		top:430px;
		left:5%;
		text-align:center;
		width:200px;}

#news1		{position:absolute;
		font-size:10pt;
		text-align:justify;
		width:20%;
		top:25%;
		left:75%;}

#news2		{position:absolute;
		font-size:10pt;
		text-align:justify;
		width:20%;
		top:50%;
		left:75%;}

#news3		{position:absolute;
		font-size:10pt;
		text-align:justify;
		width:20%;
		top:80%;
		left:75%;}


/* regular elememts */

#mainimg 	{position:absolute;
		margin:auto;
		left:12vw;
		height:10vw;
		width:76vw;
		top:5px;}

#img2		{position:absolute;
		left:5px;
		top:50%;
		height:240px;
		width:240px;}

#img3		{position:absolute;
		left:250px;
		top:50%;
		height:240px;
		width:240px;}

#img4		{position:absolute;
		left:505px;
		top:50%;
		height:240px;
		width:240px;}

#map	 	{position:absolute;
		left:10%;
		top:50%;
		width:60%;
		visibility:visible;}



#address	{position:absolute;
		left:75%;
		text-align:center;
		top:75%;
		width:200px;}

#datetime	{position:absolute;
		top:70%;
		left:75%;
		text-align:center;
		width:200px;}

#contactdetails	{position:absolute;
		top:90%;
		left:75%;
		text-align:center;
		width:200px;}

#cdatwitter	{position:absolute;
		left:33%;
		top:400px;
		height:50px;
		width:10px:}

#bftwitter	{position:absolute;
		left:52%;
		top:400px;
		height:50px;
		width:10px;}

#body		{position:absolute;
		left:10%;
		top:10%;
		width:60%;
		text-align:justify;}

#logerror	{position:absolute;
		left:33%;
		top:50%;
		width:30%;
		text-align:justify;}

#times		{position:absolute;
		left:-350%;
		top:80%;
		width:150%;
		text-align:justify;}

#fblink		{position:absolute;
		left:75%;
		top:125px;
		height:50px;
		font-size:70%;
		text-align:center;
		width:200px;}

#fblike		{position:absolute;
		left:40%;
		top:82%;
		height:50px;
		font-size:70%;}


#admin		{position:absolute;
		font-size:10pt;
		text-align:justify;
		width:20%;
		top:100%;
		left:99%;}