body {
	font-family:Lucida Bright;
	font-size: .90em;
	padding: 0px;
	margin:0px;
	max-height: 99vh;
    -- overflow: hidden;
	
}

html {
    -- height: 100%;
}



h1 {
  background-color: #FF5733;
  margin: 0px;
  text-align:  center;
  padding: 0px;
  width: 100%;
  height:100%;
  
}

.heading-style-one {
  color: #FF0000;
  margin: 0px;
  font-family: 'Alegreya SC', serif;
  font-size: 1.50em;
  font-weight: 100;
  text-align:  center;
  padding: 0px;
  
}
.heading-style-one-bkcolour {
  color: #000000;
  margin: 0px;
  font-family: 'Alegreya SC', serif;
  font-size: 1.50em;
  font-weight: 100;
  text-align:  center;
  padding: 0px;
  background-color: #F1948A;
  
}
.header-style {	
	-- background-color: #FF5733;
	-- background-color: #349949;
	margin: 0px;
	text-align:  center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	font-size:25px;
}

.header-style-mobile {
    	font-size:25px ;
    	font-weight: bold;
}

.sub-header-style {	
	-- background-color: #FF5733;
	margin: 0px;
	text-align:  center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	font-size:16px;
}

.sub-header-style-mobile sub-header-style {
    font-size:15px;
}
.footer-style {
	-- background-color: #FF5733;
	-- color:white;
	text-align:  center;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 84vh;
	font-size:9px;
}

.menu-bar {	
	background-color: #7CFC00;
	border: 0;
	margin: 0px;
	text-align:  center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 1.1em;
}

.menu-background {
    background-color: red;
}
.menu-bar-container-1 {
    text-align:center;
    align:top;
    padding-bottom: 0px;
    height:110px;
}
.menu-bar-container-2 {
    text-align:center;
    position: absolute;
    padding-bottom: 0px;
    max-height:26px;
    height:26vh;
    width:100%;
    z-index:99;
}

.mobile-menu-bar-container-1 {
    text-align:top;
    align:top;
    padding-bottom: 0px;
    height:100px;
    -- background-image:url("./../images/DSC_4064.JPG");

}
.mobile-menu-bar-container-2 {
    text-align:center;
    align:bottom;
    padding-bottom: 0px;
    border: 2;
    height:26vh;
    z-index:0;
}

.menu-item {
	
	margin: 5px;
	text-align:  center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.menu-item-mobile {

	margin: 0px;
	text-align:  center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

}
.hover
 {
        background:#7CFC00;
 }
	 
.summary-style {
	color: #C81CCB;
	margin: 5px;
	text-align:  center;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
}

.horizontalline {
	width: 100%;
    height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FF00B2;
	border:1;
}
		
.padding-zero {
	padding: 0px;
	margin: 0px;
}

.intro {
  background-color: yellow;
}

.container {
	height: 80vh;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 2;
	border-color: green;
	background-color: #C8FF00;
}



.left{
    float: left;
    width: 50%;
}


.height15{
	height: 15vh;
}

.left10{
    float: left;
    width: 20%;
	height: 20vh;
}

.right90 {
    float: right;
    width: 80%;
	height: 20vh;
	-- background-color: #FF5733;
	--background-color: #26933d;
	color:white;
	text-align:  center;
	-- background:url("./../images/DSC_4064_6.JPG") no-repeat;
    background-size: 100%;
    background-color:  #21990a ;

}

.right100 {
    float: center;
    width: 100%;
	-- height: 18vh;
	-- background-color: #FF5733;
	text-align:  center;
    -- background-color: #26933d;
	color:white;

    -- background-color:  #21990a ;
    background-color:  #1060c0 ;

    background-size:    100%;
}


.right {
    float: right;
    width: 50%;
	height: 80vh;
}

.widthheight100 {
	width: 100%;
	height: 59vh;
	
}

.widthheight100-100 {
	width: 100%;
	height: 74vh;

}

.widthheight100-97 {
	width: 100%;
	height: 97vh;

}
.widthheight100-100-2 {
	width: 100%;
	height: 40vh;

}
.mobile-widthheight100 {
	width: 100%;
	height: 79vh;


}

.light-color {
    background-color:  #ccffcc;
}

.test-color {
    background-color:  red;
}


.height-auto {
	height: auto;

}
.widthheight100-540 {
	width: 100%;
	height: 540px;

}

.widthheight100-00 {
	width: 100%;
   --  height: 40vh;
}

.widthheight100-740 {
	width: 100%;
	height: 740px;

}


.widthheight100-300 {
	width: 100%;
	height: 40vh;

}
.widthheight100-400 {
	width: 100%;
	height: 140px;


}

.widthheight100-400-2 {
	width: 100%;
	height: 380px;


}

.widthheight100-500 {
	width: 100%;
	height: 100%;
}

.widthheight100-500-2 {
	width: 100%;
	height: 15vh;
}
.widthheight50 {
	width: 100%;
	height: 43vh;
}

img.muruga {
  height: 28vh;
  width: 100%;
}

img.main-image {
  -- height: 96vh;
  --width: auto;
  height:auto;
  width: 97vw;

}

.center-position {
  height: 90vh;
  width: auto;

}
.align-centre
{
   text-align: center;
   height:97vh;
}
.centerimage {
    width: 67%;
	padding-left:90px;
}

img.instruction {
  height: 50%;
  width: 90%;
  float : right;
  
}
.imagetext2080 {
	 display: inline-block;
	 height: 10vh;	
	 border: 2;
	 background:red;
	 width:100%;
}
-- The following styles for slideshow:
#parent div {
    display:none;
    position: absolute;
    -- top: 0;
    -- left: 0;
}
#parent div:first-child {
    display:block;
}
-- div{background:yellow}

#parent > div{
    --width:400px;
    --height:250px;
	width: 100%;
	height: 80%;
}

/* Create three unequal columns that floats next to each other */
.columnTable {
  float: left;
  padding: 5px;
}

.leftTable {
  width: 25%;
  padding: 5px;
  margin:0px;
}

.rightTable {
  width: 43%;
  padding: 5px;
  margin:0px;
}

.middleTable {
  width: 25%;
  padding: 5px;
  margin:0px;
}

/* Clear floats after the columns */
.rowTable:after {
  content: "";
  display: table;
  clear: both;
}


.padding-twenty {
  padding: 20px;
  
}

.padding-high {
    padding: 4px 4px;

}