#body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#Wallpaper{
	width:85%;
	border:solid;
	border-width:1px;
	margin:auto;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #Wallpaper{
    width:100%;
  }
}

#Heder_img {
    width: 100%;
	margin-bottom:-6px;
}

#UpcomingEvent{
 padding-top:7px;
 margin:auto;
 height:35px;
 padding-left:30px;
 padding-right:30px;
}

#DateT{
	font-size:14px;
	color:#93FFFF;
	width:87%;
	float:left;
	padding-top:9px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #DateT{
    width:38%;
	font-size:10px;
  }
}

#GpLogin{
font-size:14px; 
color:#00FFFF; 
width:12%; 
float:left; 
padding-top:9px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #GpLogin{
  width:22%;
	font-size:10px;
  }
}


#TopMenu{
	margin:auto;
	width:100%;
	padding-top:0px;
	padding-right:10px;
	padding-left:10px;
	height:40px;
	border-bottom:solid;
	border-bottom-width:0px;
	border-bottom-color:#FFFFFF;
	background-color:#333333;
	background-image:url(../Images/b50.png);
}

#Animation{
	width: 98%;
	padding-left:2%;
	position:relative;
}

#Menu{
margin-top:2px;
width:100%;
border-bottom:solid;
border-top:solid;
border-top-width:1px;
border-bottom-width:1px;
}

#IILeft {
  float:left;
  width:25%;
  text-align:center;
  background-color:#FFFFFF;
  height:200px;
  margin-right:2%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
  cursor: pointer;
}
#IIMiddle {
  float:left;
  width:35.5%;
  font-size:14px;
  background-color:#FFFFFF;
  margin-right:2%;
  height:200px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#FFFFFF;
}
#IIRight {
  background-color:#FFFFFF;
  float:left;
  width:35.5%;
  text-align:center;
  font-size:14px;
  height:200px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#FFFFFF;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #IILeft, #IIMiddle, #IIRight {
    width:100%;
  }
}

#Tplace1{
  float:left;
  width:25%;
  text-align:center;
  background-color:#FFFFFF;
  height:220px;
  margin-right:2.1%;
  border:solid;
  border-width:0px;
  border-color:#CCCCCC;
  color:#333333;
  font-size:14px;
}

#Tplace2{
  float:left;
  width:23.5%;
  text-align:center;
  background-color:#FFFFFF;
  height:215px;
  margin-right:1.2%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
  cursor: pointer;
}

#Tplace3{
  float:left;
  width:23.5%;
  text-align:center;
  background-color:#FFFFFF;
  height:215px;
  margin-right:1.2%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
  cursor: pointer;
}

#Tplace4{
  float:left;
  width:23.5%;
  text-align:center;
  background-color:#FFFFFF;
  height:215px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #Tplace1, #Tplace2, #Tplace3, #Tplace4 {
    width:100%;
  }
}

#IMPLink1{
  float:left;
  width:23%;
  text-align:center;
  background-color:#FFFFFF;
  height:50px;
  margin-right:2.6%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
}

#IMPLink2{
  float:left;
  width:23%;
  text-align:center;
  background-color:#FFFFFF;
  height:50px;
  margin-right:2.6%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
}

#IMPLink3{
  float:left;
  width:23%;
  text-align:center;
  background-color:#FFFFFF;
  height:50px;
  margin-right:2.6%;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
}

#IMPLink4{
  float:left;
  width:23%;
  text-align:center;
  background-color:#FFFFFF;
  height:50px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  color:#333333;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #IMPLink1, #IMPLink2, #IMPLink3, #IMPLink4 {
    width:100%;
  }
}

#Footer {
  background-image:url(../Images/b50.png);
  width:100%;
  height:auto;
  padding-top:15px;
  padding-left:15px;
  color:#FFFFFF;
}

#FooterLink1{
	float:left;
	width:8%;
	text-align:center;
	font-size:14px;
	border-Right:solid;
	border-Right-width:2px;
	height:25px;
}

#FooterLink2{
	float:left;
	width:8%;
	text-align:center;
	font-size:14px;
	border-Right:solid;
	border-Right-width:2px;
	height:25px;
}

#FooterLink3{
	float:left;
	width:9%;
	text-align:center;
	font-size:14px;
	border-Right:solid;
	border-Right-width:2px;
	height:25px;
}

#FooterLink4{
	float:left;
	width:7%;
	text-align:center;
	font-size:14px;
	border-Right:solid;
	border-Right-width:2px;
	height:25px;
}

#FooterLink5{
  float:left;
  width:5%;
  text-align:center;
  font-size:14px;
  border-Right:solid;
  border-Right-width:2px;
  height:25px;
}

#FooterLink6{
	float:left;
	width:7%;
	text-align:center;
	font-size:14px;
	height:25px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #FooterLink1, #FooterLink2, #FooterLink3, #FooterLink4, #FooterLink5, #FooterLink6 {
    width:100%;
  }
}
#VistorCountTital{
	float:left;
	width:35%;
	font-size:14px;
	padding-left:15px;
	height:30px;
	margin-top:4px;
}

#VistorCount{
	float:left;
	width:12%;
	font-size:14px;
	height:30px;
	text-align:left;
	margin-top:2px;
}

#CSS1{
	float:left;
	width:8%;
	text-align:center;
	font-size:14px;
	padding-right:30px;
	padding-left:30px;
}

#CSS2{
  float:left;
  width:10%;
  text-align:center;
  font-size:14px;
  padding-left:30px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #VistorCountTital, #VistorCount, #CSS1, #CSS2 {
    width:100%;
  }
}

#LastUpdated{
	float:left;
	width:80%;
	text-align:left;
	padding-left:15px;
	padding-top:5px;
	font-size:14px;
	margin-top:2px;
}

#Myadd{
  float:left;
  width:20%;
  text-align:center;
  font-size:14px;
  margin-top:2px;
  padding-right:20px;
  padding-bottom:10px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #LastUpdated, #Myadd {
    width:100%;
  }
}






main {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 17%;
  right: 8%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 1) url(../Images/Arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
	background-color: #666666;
	opacity: 2;
}

@media only screen and (max-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 10%;
    bottom: 19%;
	border:solid;
	border-width:1px;
	border-color:#66FFFF;
  }
}