@charset "utf-8";
/* CSS Document */

/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */


@media screen and (max-width: 1266px) and (min-width:1024px){	
.wrapper{
		margin:auto;
		width:95%;
		background-color:#FFFFFF;
	}
	.topclass
		{
		float:left;
		width:100%;
		position:relative;
		display:block;
			background-color:#f0f0f0;
		border-top:#990000 solid 2px;
		}
	.topRight{
		width: 77%;
		float: right;
		height: 100px;
		display:block;
	}

	.banner{
		display:block;
		position:relative;
	}
	.banner img{
		width:100%;
		height:auto;
	/*	border-top:#990000 solid 1px;*/
		border-bottom:#990000 solid 1px;
	}
	.adbanner{
		width:70%;
		height:autp;
		margin-right:0.5%;
		vertical-align:middle;
		float:right;
		position:relative;
		display:block; 
	}
	
	.linkgallery{
		width:40%;
		float:left;
		padding-left:5%;
		text-align:justify;
	}
	.leftgallery {
		width:40%;
		float:left;
	/*	margin-bottom:1%;*/
		padding-left:5%;
		text-align:justify;
	}
	.leftevents{
		width:18%;
		height:100px;;
		float:left;
		margin-bottom:1%;
		margin-left:1%;
		padding-left:1%;
		text-align:justify;
	}
	.leftevents p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	line-height: 120%;
	text-align: justify;
}
	.adbanner{
		width:90%;
		height:70px;
		margin-right:0.5%;
		vertical-align:middle;
		float:right;
		position:relative;
		display:block; 
	}
	.logo{
		padding-left:10%;
		width:100%;
		float:left;
		display:block;
		position:relative;
		padding-top:1%;
	}
	nav ul {
	width: 60%;
	margin-top: -2.8%;
	margin-bottom: 0%;
	float: right;
	height: 4%;
}
	hr{
		display:none;
	}
	.mediaicon {
		width:140px;
		height:100px;
		border:2px solid #b1b1b1;
		border-radius:8px;
		box-shadow: 4px 4px 5px #888888;
		background:#FFF;
	}
	/*.right{
		margin-top:2%;
		width:25%;
		float:right;
		margin-bottom:1%;
		margin-right:5%;
	}*/
	.left{
		margin-top:2%;
		width:60%;
		float:left;
		margin-bottom:1%;
		padding-left:5%;
		text-align:justify;
	}
	.program {
		width:55%;
		padding-top:0%;
		padding:2%;
		float:left;
		position:relative;
	}
 	.program h3 {
		width:55%;
		padding-left:2%;

	}
	.programimg{
		width:90%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		
	}
	.events{
		width:35%;
		/*height:100px;;*/
		margin-top:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:80%;
		padding:7%;
		height:360px;
		position:relative;
	}

	.imgGallery{
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		padding-top:0%;
		padding-left:2%;
		width:100%;
		float:left;
		position:relative;
		background-color:#CCC;
	}
	.infopageimg{
		vertical-align:middle;
		width:100%;
		height:auto;
		float:left;
		position:relative;
		background-color:#dadada;
	}
.artists{
    width:43%;
    display:block;
    height:auto !important;
    padding:1em;
    position:relative;
    }

}

@media screen and (max-width: 1024px) and (min-width:768px){
	.wrapper{
		margin:auto;
		width:95%;
		background-color:#FFFFFF;
	}
	.topclass
		{
		float:left;
		width:100%;
		position:relative;
		display:block;
	background-color:#f0f0f0;
		border-top:#990000 solid 2px;
		}
	.topRight{
		width: 77%;
		float: right;
		height: 100px;
		display:block;
	}

	.banner{
		display:block;
		position:relative;
	}
	.banner img{
		width:100%;
		height:auto;
	/*	border-top:#990000 solid 1px;*/
		border-bottom:#990000 solid 1px;
	}
	.adbanner{
		width:70%;
		height:autp;
		margin-right:0.5%;
		vertical-align:middle;
		float:right;
		position:relative;
		display:block; 
	}
	
	.linkgallery{
		width:40%;
		float:left;
		padding-left:5%;
		text-align:justify;
	}
	.leftgallery {
		width:40%;
		float:left;
	/*	margin-bottom:1%;*/
		padding-left:5%;
		text-align:justify;
	}
	.leftevents{
		width:18%;
		height:100px;;
		float:left;
		margin-bottom:1%;
		margin-left:1%;
		padding-left:1%;
		text-align:justify;
	}
	.leftevents p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 84%;
	line-height: 120%;
	text-align: justify;
}
	.adbanner{
		width:90%;
		height:70px;
		margin-right:0.5%;
		vertical-align:middle;
		float:right;
		position:relative;
		display:block; 
	}
	.logo{
		padding-left:10%;
		width:100%;
		float:left;
		display:block;
		position:relative;
		padding-top:1%;
	}
	nav ul {
	width: 60%;
	margin-top: -3.8%;
	margin-bottom: 0%;
	float: right;
	height: 4%;
}
	hr{
		display:none;
	}
	.mediaicon {
		width:140px;
		height:100px;
		border:2px solid #b1b1b1;
		border-radius:8px;
		box-shadow: 4px 4px 5px #888888;
		background:#FFF;
	}
	/*.right{
		margin-top:2%;
		width:25%;
		float:right;
		margin-bottom:1%;
		margin-right:5%;
	}*/
	.left{
		margin-top:2%;
		width:60%;
		float:left;
		margin-bottom:1%;
		padding-left:5%;
		text-align:justify;
	}
	.program {
		width:55%;
		padding-top:0%;
		padding:2%;
		float:left;
		position:relative;
	}
 	.program h3 {
		width:55%;
		padding-left:2%;

	}
	.programimg{
		width:90%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		
	}
	.events{
		width:35%;
		/*height:100px;;*/
		margin-top:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:80%;
		padding:7%;
		height:360px;
		position:relative;
	}

	.imgGallery{
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		padding-top:0%;
		padding-left:2%;
		width:100%;
		float:left;
		position:relative;
		background-color:#CCC;
	}
	.infopageimg{
		vertical-align:middle;
		width:100%;
		height:auto;
		float:left;
		position:relative;
		background-color:#dadada;
	}
    .artists{
    width:40.33%;
        height:550px !important;
    display:500px !important;
    padding:1em;
    position:relative;
    }


}


@media screen and (max-width: 768px) and (min-width:640px){
.wrapper{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFFFFF;
		border:1px solid #900;
}
	.middleclass {
		float: left;
		width: 100%;
		height:720px;
	}
	nav ul{
		width:55%;
		margin-top:-3.6%;
		margin-bottom:0%;
		float:right;
		height:4%;
		
	}
	nav  a#pull {
		font-size:95%;
		display: none;
	}
	.banner{
		width:100%;
	}
	.banner img{
		margin-top:0.75%;
		width:100%;
		height:auto;
		border-top:#990000 solid 0.5px;
	}
	.adbanner{
		width:100%;
		display:block; 
	}
	
	.linkgallery{
		width:100%;
		float:left;
		padding-left:1%;
		text-align:justify;
	}
	.leftgallery {
		width: 90%;
		float: left;
		padding-left: 5%;
		text-align: justify;
	}
	.leftevents{
		width:88%;
		height:140px;
		float:left;
		margin-bottom:1%;
		margin-left:5%;
		padding-left:1%;
		text-align:justify;
	}
	.adbanner{
		display:block;
		height: 100px;
	}
	
	.adbanner img{
		width:70%;
		height:auto;
		display:block;
	}
	.logo{
		padding-left:0%;
		width:100%;
		float:left;
		display:block;
		position:relative;
		padding-top:1%;
	}
	.logo img{
		margin-left:5%;
		margin-top:5%;
		padding: 0%;
	}
	hr{
		display:none;
	}
	.mediaicon {
		margin-left: 10%;
	}
	.right{
		margin-top:2%;
		margin-right:10%;
		width:80%;
		float:right;	
	}
	.left{
		margin-top:2%;
		width:90%;
		float:left;
	}
	.program {
		width:100%;
		padding: 2%;
		float: left;
		position: relative;
	}
 	.program h3 {
		width:85%;
		margin-top:5%;
		padding-left:2%;
	}
	.programimg{
		width:95%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	.events{
		width:90%;
		/*height:100px;;*/
		margin-top:3%;
		margin-left:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:90%;
		height:auto;
		padding:2%;
		position:relative;
	}

	.imgGallery{
		margin-left:5%;
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		width:100%;
		float:left;	
	}
	.infopageimg{
		width:100%;
		float:left;	
	}
	
	p a .winsize{
		width:40%;
		height:auto;
		position:relative;
	}
   .artists{
    width:38.5%;
    display:block;
      height:600px !important;
    padding:1em;
    position:relative;
}
}


@media screen and (max-width: 640px) and (min-width:480px){
.wrapper{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFFFFF;
		border:1px solid #900;
}

	nav ul{
		margin:0%;
		width:100%;
		display:none;
		height:auto;
		
	}
	nav ul li{
		width:100%;
		display:block;
		color:#ffbb39;
		font-size:95%;
		padding:1.2%;
		background-color:#900;
		border-top:1px solid #fff; 
	}
	nav ul li a{
		width:100%;
		display:block;
		font-size:95%;
		color:#ffbb39;
		background-color:#900;
		padding:1.2%;
  		text-align: left;
	}
	nav ul li a:hover{
		width: 96%;
		font-size:95%;
		display:block;
		color: #FFFFFF;
		background-color:#BF0000;
		padding:1.2%;
		text-align: left;
	}

	nav  a#pull {
		font-size:95%;
		display: block;
		color:#ffffff;
		background-color:#900 !important;
		text-decoration:none;
		vertical-align:middle;
		position: relative;
		background:#F4F4F4 url('../images/nav-icon.png') no-repeat 95% 50%;
/*		padding: 0% 4% 2% 5%;*/
		padding:2.5%;
	}
	.banner{
		width:100%;
	}
	.banner img{
		margin-top:0.75%;
		width:100%;
		height:auto;
		border-top:#990000 solid 0.5px;
	}
	.adbanner{
		width:40%;
		display:block; 
	}
	
	.linkgallery{
		width:100%;
		float:left;
		padding-left:1%;
		text-align:justify;
	}
	.leftgallery {
		width: 90%;
		float: left;
		padding-left: 5%;
		text-align: justify;
	}
	.leftevents{
		width:88%;
		height:140px;
		float:left;
		margin-bottom:1%;
		margin-left:5%;
		padding-left:1%;
		text-align:justify;
	}
	
	.topRight {
width: 71%;
	}
.adbanner{
		width:95%;
		height: auto;
		display:block; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		padding-left:5%;
	}
	
	.logo{
		margin:0 0px;
		padding: 0%;
	}
	.logo img{
/*		margin-left:52%;*/
		padding: 0%;
	}
	hr{
		display:none;
	}
	.mediaicon {
		margin-left: 10%;
	}
	.right{
		margin-top:2%;
		margin-right:10%;
		width:80%;
		float:right;	
	}
	.left{
		margin-top:2%;
		width:90%;
		float:left;
	}
	.program {
		width:100%;
		padding: 2%;
		float: left;
		position: relative;
	}
 	.program h3 {
		width:85%;
		margin-top:5%;
		padding-left:2%;
	}
	.programimg{
		width:95%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	.events{
		width:90%;
		/*height:100px;;*/
		margin-top:3%;
		margin-left:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:90%;
		padding:2%;
		position:relative;
	}

	.imgGallery{
		margin-left:5%;
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		width:100%;
		float:left;	
	}
	.infopageimg{
		width:100%;
		float:left;	
	}
	
	p a .winsize{
		width:40%;
		height:auto;
		position:relative;
	}

 .artists{
    width:88.5%;
    display:block;
    height:auto !important;
    padding:1em;
    position:relative;
}
}


@media screen and (max-width: 500px) and (min-width: 480px)  {

	.wrapper{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFFFFF;
		border:1px solid #900;
}

	nav ul{
		margin:0%;
		width:100%;
		display:none;
		height:auto;
		
	}
	nav ul li{
		width:100%;
		display:block;
		color:#ffbb39;
		font-size:95%;
		padding:1.2%;
		background-color:#900;
		border-top:1px solid #fff; 
	}
	nav ul li a{
		width:100%;
		display:block;
		font-size:95%;
		color:#ffbb39;
		background-color:#900;
		padding:1.2%;
  		text-align: left;
	}
	nav ul li a:hover{
		width: 96%;
		font-size:95%;
		display:block;
		color: #FFFFFF;
		background-color:#BF0000;
		padding:1.2%;
		text-align: left;
	}

	nav  a#pull {
		font-size:95%;
		display: block;
		color:#ffffff;
		background-color:#900 !important;
		text-decoration:none;
		vertical-align:middle;
		position: relative;
		background:#F4F4F4 url('../images/nav-icon.png') no-repeat 95% 50%;
/*		padding: 0% 4% 2% 5%;*/
		padding:2.5%;
	}
	.banner{
		width:100%;
	}
	.banner img{
		margin-top:0.75%;
		width:100%;
		height:auto;
		border-top:#990000 solid 0.5px;
	}
	.adbanner{
		width:40%;
		display:block; 
	}
	.topRight {
        width: 70%;
	}
	.linkgallery{
		width:100%;
		float:left;
		padding-left:1%;
		text-align:justify;
	}
	.leftgallery {
		width: 90%;
		float: left;
		padding-left: 5%;
		text-align: justify;
	}
	.leftevents{
		width:88%;
		height:140px;
		float:left;
		margin-bottom:1%;
		margin-left:5%;
		padding-left:1%;
		text-align:justify;
	}
	.adbanner{
		width:95%;
		display:block;
	}
	.logo{
		float:left;
		padding: 0%;
	}
	.logo img{
		margin-left:2%;
		padding: 0%;
	}
	hr{
		display:none;
	}
	.mediaicon {
		margin-left: 10%;
	}
	.right{
		margin-top:2%;
		margin-right:10%;
		width:80%;
		float:right;	
	}
	.left{
		margin-top:2%;
		width:90%;
		float:left;
	}
	.program {
		width:100%;
		padding: 2%;
		float: left;
		position: relative;
	}
 	.program h3 {
		width:85%;
		margin-top:5%;
		padding-left:2%;
	}
	.programimg{
		width:95%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	.events{
		width:90%;
		/*height:100px;;*/
		margin-top:3%;
		margin-left:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:90%;
		padding:2%;
		position:relative;
	}

	.imgGallery{
		margin-left:5%;
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		width:100%;
		float:left;	
	}
	.infopageimg{
		width:100%;
		float:left;	
	}
	
	p a .winsize{
		width:40%;
		height:auto;
		position:relative;
	}

     .artists{
    width:88.5%;
    display:block;
      height:auto !important;
    padding:1em;
    position:relative;
}

}
@media screen and (max-width: 480px) and (min-width: 320px) {
	
	.wrapper{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFFFFF;
		border:1px solid #900;
}

	nav ul{
		margin:0%;
		width:100%;
		display:none;
		height:auto;
		
	}
	nav ul li{
		width:100%;
		display:block;
		color:#ffbb39;
		font-size:95%;
		padding:1.2%;
		background-color:#900;
		border-top:1px solid #fff; 
	}
	nav ul li a{
		width:100%;
		display:block;
		font-size:95%;
		color:#ffbb39;
		background-color:#900;
		padding:1.2%;
  		text-align: left;
	}
	nav ul li a:hover{
		width: 96%;
		font-size:95%;
		display:block;
		color: #FFFFFF;
		background-color:#BF0000;
		padding:1.2%;
		text-align: left;
	}

	nav  a#pull {
		font-size:95%;
		display: block;
		color:#ffffff;
		background-color:#900 !important;
		text-decoration:none;
		vertical-align:middle;
		position: relative;
		background:#F4F4F4 url('../images/nav-icon.png') no-repeat 95% 50%;
/*		padding: 0% 4% 2% 5%;*/
		padding:2.5%;
	}
	.banner{
		width:100%;
	}
	.banner img{
		margin-top:0.75%;
		width:100%;
		height:auto;
		border-top:#990000 solid 0.5px;
	}
	.topLeft {
	width: 40%;
	height: 40%;
}
	.topRight {
		width: 60%;
		float: right;
		display: block;
		margin-top: 0.5%;
	}
	.topRight img{
				width: 45%;
				height:45%;
				float: right;
				display: block;
				margin-top: 1.5%;
			}

	.adbanner{
		width:95%;
		height: auto;
		display:block; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		padding-left:5%;
	}
	
	
	.linkgallery{
		width:100%;
		float:left;
		padding-left:1%;
		text-align:justify;
	}
	.leftgallery {
		width: 90%;
		float: left;
		padding-left: 5%;
		text-align: justify;
	}
	.leftevents{
		width:90%;
		height:140px;
		float:left;
		margin-bottom: 10%;
		margin-left:5%;
		padding-left:1%;
		text-align:justify;
	}
	.logo{
		/*margin-left:50%;*/
		padding: 0%;
	}
	.logo img{
		width:100%;
/*		margin-left:52%;*/
		padding: 0%;
	}
	hr{
		display:none;
	}
	.mediaicon {
		margin-left: 10%;
	}
	.right{
		margin-top:2%;
		margin-right:5%;
		width:90%;
		float:right;	
	}
	.left{
		margin-top:2%;
		width:90%;
		float:left;
	}
	.program {
		width:100%;
		padding: 2%;
		float: left;
		position: relative;
	}
 	.program h3 {
		width:85%;
		margin-top:5%;
		padding-left:2%;
	}
	.programimg{
		width:95%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	.events{
		width:90%;
		/*height:100px;;*/
		margin-top:3%;
		margin-left:3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
		}
	.testimonial{
		width:100%;
		}
	.gallery{
		alignment-adjust:middle;
		width:90%;
		padding:2%;
		position:relative;
	}

	.imgGallery{
		margin-left:5%;
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		width:100%;
		float:left;	
	}
	.infopageimg{
		width:100%;
		float:left;	
	}
	
	p a .winsize{
		width:40%;
		height:auto;
		position:relative;
	}
	.more{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style:italic;
		text-decoration:none;
		color:#990000 !important;
		text-align:right;
		padding-top:1%;
		vertical-align:middle !important;
		float:right;
	}
	.followus{
		width:100%;
		float:left;
		display:block;
		text-decoration:none;
		border:1px solid #ccc;
		padding: 1%;
		margin-top: -5px;
	}
	.followus ul {
		width:95%;
		float:left;
	}
	.aboutus{
		width:95%;
		height:480px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#333333;
		padding:2%;
		/*float:left;*/
		position:relative;
	}
	.middleclass {
		float: left;
		width: 100%;
	}
    .content {
    width: 100%;
    margin: 0em;
}
   .artists{
    width:85.5%;
       height:auto !important;
}
    
}
@media screen and (max-width: 320px) and (min-width: 240px) {
	
	.wrapper{
		margin-left:0%;
		margin-right:0%;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFFFFF;
		border:1px solid #900;
	}

	nav ul{
		margin:0%;
		width:100%;
		display:none;
		height:auto;
		
	}
	nav ul li{
		width:100%;
		display:block;
		color:#ffbb39;
		font-size:95%;
		padding:1.2%;
		background-color:#900;
		border-top:1px solid #fff; 
	}
	nav ul li a{
		width:100%;
		display:block;
		font-size:95%;
		color:#ffbb39;
		background-color:#900;
		padding:1.2%;
  		text-align: left;
	}
	nav ul li a:hover{
		width: 96%;
		font-size:95%;
		display:block;
		color: #FFFFFF;
		background-color:#BF0000;
		padding:1.2%;
		text-align: left;
	}

	nav  a#pull {
		font-size:95%;
		display: block;
		color:#ffffff;
		background-color:#900 !important;
		text-decoration:none;
		vertical-align:middle;
		position: relative;
		background:#F4F4F4 url('../images/nav-icon.png') no-repeat 95% 50%;
/*		padding: 0% 4% 2% 5%;*/
		padding:2.5%;
	}
	.banner{
		width:100%;
	}
	.banner img{
		margin-top:0.75%;
		width:100%;
		height:auto;
		border-top:#990000 solid 0.5px;
	}

	.adbanner{
		width:95%;
		height: auto;
		display:block; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		color:#660000;
		padding-left:5%;
	}
	.linkgallery{
		width:100%;
		float:left;
		padding-left:1%;
		text-align:justify;
	}
	.leftgallery {
		width: 90%;
		float: left;
		padding-left: 5%;
		text-align: justify;
	}

	.leftevents{
		width:90%;
		height:140px;
		float:left;
		margin-bottom: 10%;
		margin-left:5%;
		padding-left:1%;
		text-align:justify;
	}
	.logo{
		/*margin-left:50%;*/
		padding: 0%;
	}
	.logo img{
		width:100%;
		height:100%;
	/*	margin-left:52%;*/
		padding: 0%;
	}
	hr{
		display:none;
	}
	.mediaicon {
		margin-left: 10%;
	}
	.right{
		margin-top:2%;
		margin-right:10%;
		width:80%;
		float:right;	
	}
	
	
	.left{
		margin-top:2%;
		width:90%;
		float:left;
	}
	.program {
		width:100%;
		padding: 2%;
		float: left;
		position: relative;
	}
 	.program h3 {
		width:85%;
		margin-top:5%;
		padding-left:2%;
	}
	.programimg{
		width:95%;
		float:left;
		position:relative;
	}
	
	.programimg img{
		width:100%;
		height:auto;
		float:left;
		position:relative;
	}
	.events{
		width:90%;
		/*height:100px;;*/
		margin-top:3%;
		margin-left:3%;
		margin-bottom: 3%;
		padding:2%;
		float:left;
		position:relative;
		text-align:justify;
		border:1px solid #777;
	}

	.gallery{
		alignment-adjust:middle;
		width:90%;
		padding:2%;
		position:relative;
	}

	.imgGallery{
		margin-left:5%;
		float:left;
		padding:4%;
		width:200px;
		height:250px;
		position:relative;
		display:block;
	/*	border-top:1px solid #ccc;*/
		border:1px solid #ccc;
	}
	.infopage{
		width:100%;
		float:left;	
	}
	.infopageimg{
		width:100%;
		float:left;	
	}
	
	p a .winsize{
		width:40%;
		height:auto;
		position:relative;
	}
	
	.more{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style:italic;
		text-decoration:none;
		color:#990000 !important;
		text-align:right;
		padding-top:1%;
		vertical-align:middle !important;
		float:right;
	}
	.followus{
		width:100%;
		float:left;
		display:block;
		text-decoration:none;
		border:1px solid #ccc;
		padding: 1%;
	}
	.followus ul {
		width:95%;
		float:left;
	}
	.testimonial{
		width:100%;
		}
		
    .topRight {
		width: 60%;
		float: right;
		display: block;
		margin-top: 0.5%;
	}
	.topLeft {
		width:40%;
		height:40%;
	}
		.topRight img{
				width: 45%;
				height:45%;
				float: right;
				display: block;
				margin-top: 1.5%;
			}

		.aboutus{
				width:95%;
				height:560px;
				font-family: Arial, Helvetica, sans-serif;
				font-size:90%;
				color:#333333;
				padding:2%;
				/*float:left;*/
				position:relative;
			}
}