body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  font-weight: 700;
}
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
p {
  margin-bottom: 5px;
}
.button {
  display: inline-block;
  padding: 4px 15px;
  background-color: black;
  color: white;
  text-align: center;
  text-decoration: none;
}
.navbar {
  background-size: contain;
  text-align: left;
}
.link {
  background-color: transparent;
  color: black;
}
.link:hover {
  background-color: #e30909;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: white;
  font-weight: 400;
}

.s1 {
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/slide3-u1952-fr.jpg?v=20140721151855);
   background-position: 50% 50%;
  background-size: cover;
}
.s2 {
  background-image: url(http://m1.sdimgs.com/sd_static/a/55470/slide4.jpg?v=20140813162305);
   background-position: 50% 40%;
  background-size: cover;
}
.s3 {
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/slide5-u1955-fr.jpg);
   background-position: 50% 50%;
  background-size: cover;
}
.s4 {
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/slide6-u1954-fr.jpg);
   background-position: 50% 50%;
  background-size: cover;
}
.s5{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/slidefinally.jpg?v=20140813162345);
   background-position: 50% 50%;
  background-size: cover;
}
.s6{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/20140330_100940.jpg?v=20140722180725);
   background-position: 50% 50%;
  background-size: cover;
}
.s7{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/CGH_177.jpg?v=20140722181003);
   background-position: 50% 20%;
  background-size: cover;
}
.s8{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/Tampines%20GRC%20OCW.jpg?v=20140813160900);
   background-position: 80% 0%;
  background-size: cover;
}
.s9{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/Thien%20366.JPG?v=20140722181002);
   background-position: 50% 50%;
  background-size: cover;
}
.s10{
  background-image:url(http://m1.sdimgs.com/sd_static/a/55470/Thien%20449.JPG?v=20140722181001);
   background-position: 50% 50%;
  background-size: cover;
}
.arrow {
	 background-image:url(http://m1.sdimgs.com/sd_static/a/55470/20140330_100940.jpg?v=20140722180725);
  background-color: transparent;
  color: black;
}
img.eventimage{
 opacity: 1;
}
	
	img.eventimage:hover{
 opacity: 0.3;
  -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}
	

	
#eventimg1:hove{
	
	 -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
	 background: url(http://m1.sdimgs.com/sd_static/a/55470/ty6ev1.jpg) no-repeat center;
} 
.navlist{
	position:absolute; z-index:500; width:150px; top:100px; left:50px;
}
.list {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin-top: 23px;
	list-style-type: none;
	left: 2px;
	width: 178px;
}
.listitem {
  width: 150px;
  height: 40px;
  margin-top: 7px;
  margin-bottom: 3px;
  margin-left: 1px;
  background-color: rgba(56, 54, 54, 0.54);
  color: white;
  line-height: 35px;
  text-align: right;
  text-decoration: none;
  text-transform: none;
  list-style-type: none;
  font-family:Century Gothic;
}

.listitem:hover {
  background-color: #d91e2a;
}
.listitem.second {
  padding-top: 0px;
}
.listitem.second:hover {
  background-color: #ea9248;
}
.listitem.thrid:hover {
  background-color: #fcdc5b;
}
.listitem.four:hover {
  background-color: #aace66;
}
.listitem.five:hover {
  background-color: #67b2c9;
}
.listitem.six:hover {
  background-color: #5b73b6;
}
.link {
  color: white;
  text-decoration: none;
}
.link:hover {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: white;
  font-weight: 400;
}
.dropdown{
  width:200px;
  z-index:1200;
  display:none; 
}
.dropdownbutton{
	position:fixed;
	top:100px;
    width:200px; 
}