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

.clearfix {
	float: none;
	clear: both;
}
	

/* ----------------- Reset all styles ----------------- */
*{
	margin:0;
	padding:0;
	border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
   font-family: Arial, Helvetica, sans-serif;
	width:100%;
	color:#2d2d2d;
}

.topbar{
	width:100%;
	height:25px;
	background-color:#990000;
}
.container{
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto;
	padding:0px;
	background-color:#555555;
	float:left;
}
/* ----------------- Wrapper - keeps all content in the center of page -----------------  */

.wrapper{
	margin:auto;
	width:67.464%;
	background-color:#FFFFFF;
}

.topNav{
 	margin-top: 12%;
}

.topclass{
	float:left;
	width:100%;
	position:relative;
	display:block;
	background-color:#f0f0f0;
	border-top:#990000 solid 2px;
}

.middleclass{
	float:left;
	width:100%;
	position:relative;
	display:block;
	background-color:#FFFFFF;
	padding-bottom:2%;
}
.topLeft{
/*	width:20%;*/
	float:left;
}

.topRight{
	width:80%;
	float:right;
	display:block;
	margin-top: 0.5%;
}

.logo{
	padding-left:5%;
	width:100%;
	float:left;
	display:block;
	position:relative;
	padding-top:1%;
}

.adbanner{
	width: 95%;
	height:90px;
	margin-bottom:1%;
	vertical-align:middle;
	float:left;
	display:block;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding-top: 2%;
	padding-left:2%;
	color:#3a3a3a !important;
	vertical-align:top;
}
.adlogo{
	width:40%;
	height:40%;
		float:left;
}

.adbanner span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#999;
}
.soptitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color: #990000 !important;	
}
.banner{
	display:block;
	position:relative;
}

.banner img{
	width:100%;
/*	border-top:#990000 solid 1px;*/
	border-bottom:#990000 solid 1px;
}
.content{
	width:100%;
	background-color:#FFF !important;
	position:relative;
}
.more{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	text-decoration:none;
	color:#990000 !important;
	text-align:right;
	padding-right:1%;
	vertical-align:middle !important;
	float:right;
}
.more a{
	width:100%;
	height: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color:#990000 !important;
	text-decoration:none;
	text-align:right;
	padding-right:1%;
	vertical-align:middle !important;
	float:right;
/*	margin-top: 0.5%;*/
}
.more a:hover{
	
	width:100%;
	height: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	text-decoration:none;
	color:#cc0000 !important;
	text-align:right;
	padding-right:1%;
	vertical-align:middle !important;
	float:right;
/*	margin-top: 0.5%;*/
}

nav{
	margin-top:0%;
	margin-bottom:0%;
	width:100%;
/*	height:30px;*/
	float:right;
	position:relative;
	display:block;
	z-index:1000;
	border-bottom:#990000 solid 1px;
}


nav ul{
	width:50%;
	margin-top:-2.6%;
	margin-bottom:0%;
	float:right;
	height:4%;

}

nav ul li{
	width: 19%;
	display: inline;
	height:auto;
    float: left;
    text-align: left;
	border:none;
 	padding-left: 0.75%;
}

nav ul li a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:95%;
	text-decoration:none;
	text-align:center;
	line-height:180%;
	display:block;
	color:#ffbb39;
	background-color:#900;
	padding-left: 0.75%;
}

nav ul li a:hover{
	font-family:Helvetica, Arial, sans-serif;
	font-size:95%;
	text-decoration:none;
	text-align:center;
	line-height:180%;
	display:block;
	color: #FFFFFF;
	background-color:#BF0000;
	padding-left: 0.75%;
}

nav ul li p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:95%;
	width:90%;
	text-decoration:none;
	line-height:250%;
	display:block;
	color:#005676;
}

nav a#pull {
	display: none;
	text-align:left;
}


p{
	font-size:0.9em;
}
p img{
	width:auto;
	margin:0 auto;
	vertical-align:middle;
}

hr{
	height:1px;
	width:85%;
	display:block;
	background-color:#b2b2b2;
	float:left;
	margin-left:10%;
	padding-left:4%;
	padding-right:1%;
}

.mediaicon{
	width:130px;
	height:95px;
	border:2px solid #b1b1b1;
	border-radius:8px;
	box-shadow: 4px 4px 5px #888888;
	background:#FFF;
	margin-left: 10%;
}
/*                  */
.mediaicon img{
	margin-top:6%;
	vertical-align:middle central;
}

.mediaicon imag a{
	text-decoration:none;
}
.mediatitle{

}
.left{
	margin-top:2%;
	width:60%;
	float:left;
	margin-bottom:1%;
	padding-left:5%;
	text-align:justify;
}

.left h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:4%;
	padding:1%;
	text-shadow: 0 1px 1px #555555;
	background-color:#848484;
}

.left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:140%;
}

.left p a{
	color:#f38094;
	text-decoration:none;
}
	
	

.right{
	margin-top:2%;
	width:25%;
	float:right;
	margin-bottom:1%;
	margin-right:5%;
	
}

.right h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:4%;
	padding:1%;
	text-shadow: 0 1px 1px #555555;
	background-color:#848484;
}

.right p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:140%;
}

.right p a{
	color:#f38094;
	text-decoration:none;
}


.leftgallery{
	width:38%;
	float:left;
/*	margin-bottom:1%;*/
	padding-left:5%;
	text-align:justify;
}

.leftgallery h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:4%;
	padding:1%;
	text-shadow: 0 1px 1px #555555;
	background-color:#848484;
}

.leftgallery p a{
	color:#f38094;
	text-decoration:none;
}
.leftgallery span{
	text-decoration:none;
}
/*                 */
.leftevents{
	width:20%;
	height:100px;;
	float:left;
	margin-bottom:1%;
	margin-left:1%;
	padding-left:1%;
	text-align:justify;
}

.leftevents h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
	margin-bottom:4%;
	padding:2%;
	text-shadow: 0 1px 1px #555555;
	background-color:#ba6101;
}

.leftevents p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:140%;
	text-align:justify;
}

.leftevents p a{
	color:#f38094;
	text-decoration:none;
}

.leftevents p span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:left !important;
	color:#5f2302;
	font-weight:bold;
	text-decoration:none;
}

/* image gallery home*/

.linkgallery{
/*	margin-top:2%;*/
	width:40%;
	float:left;
	padding-left:2%;
	text-align:justify;
}


.linkgallery p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:140%;
}

.linkgallery p a{
	color:#f38094;
	text-decoration:none;
}
	

/*.......................*/

.message{
   	font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    line-height: 140%;
}
#slideshow{
	width:100%;
	margin-top:0%;
}


/* - - - - - - - - - - - - - - -  Slider START  - - - - - - - - - - - - - - - */

.html_carousel {
}
.html_carousel div.slide {
	margin:0%;
	position: relative;

}	
.html_carousel div.slide img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 1px 1px #c1c1c1;
    -moz-box-shadow: 0 1px 1px #c1c1c1;
    box-shadow: 0 1px 1px #c1c1c1;
	border-radius:15px;
}

.clearFixes {
	float: none;
	clear: both;
}

/* - - - - - - - - - - - - - - -  Slider END  - - - - - - - - - - - - - - - */

/* ----------------------------- CONTACT FORM START ----------------------------------- */

.contacttitle{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	color:#f38094;
	margin-bottom:10px;
}

#formwrap{
	width:250px;
	float:left; 	
}

.formstyle { 
	border: 1px solid #ccc;
	color: #999;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 95%;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	opacity:0.9;
	padding:3px;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius:2px;
}

.formstyletwo { 
	color:#ffbb39;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:center;
	width:20%;
	background-color:#900;
	border:0px;
	margin-top:3%; 	
	padding:2%;
	
}

.formstyletwo:hover { 
	color: #FFF;
	background-color:#900;
	cursor:pointer;

}

textarea{ 
	border: 1px solid #ccc;
	color: #000;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:95%;
	height:80px;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	border-radius:2px;
	padding:3px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


input:focus, input.focused, textarea:focus, textarea.focused {  color: #3e3e3e; opacity:1;}

#error{
	color:#FF7471;
	float:left;
	font-family:Regular, Arial, Helvetica, sans-serif, "Helvetica Neue Light";
	font-size:15px;
}

#error ul{
	list-style-type: none;
	padding-top:5px;
}

/* ----------------------------- CONTACT FORM END ----------------------------------- */
.footer{
/*	margin-top:3%;*/
	width:100%;
	height:25px;
	background-color:#990000;
	position:relative;
	float:left;
}

/*Gallery */

.gallery{
	alignment-adjust:middle;
	width:90%;
	padding:7%;
	height:360px;
/*	float:left;*/
	position:relative;
/*	border:1px solid #900;*/
}
.imgGallery{
/*	margin:20px 12px 0px 0px;*/
	float:left;
	padding:4%;
	width:200px;
	height:250px;
	position:relative;
	display:block;
/*	border-top:1px solid #ccc;*/
	border:1px solid #ccc;
}
.imgGallery a{
	border:0px;
}
/*Programs page*/
.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;

	
}
.description{
/*	width:70%;*/
	padding:2%;
    margin:1em;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#333333;
	text-decoration:none;
	text-align:left;
	line-height:140%;
}

.aboutus{
	width:95%;
	height:480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:150%;
	color:#333333;
	padding:2%;
	/*float:left;*/
	position:relative;
}
.aboutustitle{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size:120%;*/
	font-weight:normal;
	color:#990000;
	padding-left:2%;
	float:left;
	position:relative;
}
.events{
	width:35%;
	/*height:100px;;*/
	margin-top:2%;
	padding:2%;
	float:left;
	position:relative;
	text-align:justify;
	border:1px solid #777;
}

.events h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	color:#ffffff;
/*	margin-bottom:4%;*/
	padding:1%;
	text-shadow: 0 1px 1px #555555;
	background-color:#ba6101;
}

.events p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:120%;
	text-align:justify;
}

.events p a{
	color:#f38094;
	text-decoration:none;
}

.events p span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:left !important;
	color:#5f2302;
	font-weight:bold;
	text-decoration:none;
}
.events p ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:left !important;
	color:#5f2302;
	font-weight:bold;
	text-decoration:none;
}

/*  */
.popgallery{
	alignment-adjust:middle;
	width:100%;
	height:400px;
	position:relative;
}
.imagetitle{
	width:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;
	text-decoration:none;
	text-align:center;
	line-height:140%;
	display:block;
	color:#990000;
}

.backbttn{
	width:30%;
	padding:1%;
	color:#ff6600 !important;
	margin-top:2%;
	margin-bottom:2%;
	z-index:1001;
	float:left;
	text-decoration:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#660000));
    background-image: -webkit-linear-gradient(top, #cc0000, #660000);
    background-image: -moz-linear-gradient(top, #cc0000, #660000);
    background-image: -o-linear-gradient(top, #cc0000, #660000);
    background-image: linear-gradient(to bottom, #cc0000, #660000);
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 3px 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.backbttn a{
/*	padding:5px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	vertical-align:middle;
	text-decoration:none;
	color:#ff9900 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.backbttn a:hover{
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	vertical-align:middle;
	color:#ffffff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/*  Copyright    */
.copyrightText{
	width:100%;
	height: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffb400;
	padding-left:1%;
	vertical-align:middle !important;
	float:left;
	margin-top: 0.5%;
}

.followus{
/*	margin-top:20%;*/
	width:100%;
	float:left;
	display:block;
	text-decoration:none;
	border:1px solid #ccc;
	margin-top: -3px;
	margin-left: -3px;
	padding: 1%;
}
.followus ul{
	width:100%;
	float:left;
	display:block;
	position:relative;
	text-decoration:none;
}
.followus ul li{
	padding-left:5%;
	padding-right:5%;
	float:left;
	display:block;
	position:relative;
	text-decoration:none;
}

.followus ul li img{
	width:100%;
	float:left;
	display:block;
	position:relative;
	text-decoration:none;
}

/* Info page*/

.infopage{
	padding-top:0%;
	padding-left:2%;
	width:100%;
	float:left;
	position:relative;
	background-color:#CCC;
}
.infopage h4{
	padding-left:2%;
}
.infopage p{
	width:95%;
	height:auto;
	padding-left:2%;
}	
.infopage ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
.infopage ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
/* Info page*/
.infopageimg{
	vertical-align:middle;
	width:100%;
	height:auto;
	float:left;
	position:relative;
	background-color:#dadada;
}

.testimonial{
	width:100%;
	font-family:"Times New Roman", Times, serif;
	font-size:80% !important;
	font-style:italic;
	line-height:120% !important;
	color:#6e4c03;
	float:left;
}
.public{
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#ba6101;
	float:right;
}

.textinBox{
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#ba6101;
		border:#ccc 1px solid;
		margin-bottom:2%;
	}
	
.title{
	font-family:Arial, Helvetica, sans-serif;
		font-size:85%;
		color:#cccccc;
		text-align:left;
		float:left;
		margin-right:10px;
}

.Center{
        text-align: center;
        margin:0 auto;
    line-height:24px;
        }

.Center .banner{
    width:250px;
    height:250px;
    margin:-1em auto;
    
}
    .red-text{
            color:#990000;
        }


.yellow-bk{
    
    width: 100%;
     position: relative;
    background-color:#fbdc99 !important;
    display: inline-block;

}
.white-bk {
    position: relative;
    background-color: #ffffff;
    height: 100%;
    display: inline-block;
}
.artists{
    width:42.5%;
    float:left;
    display:block;
    max-height:600px !important;
    height:500px !important;
    padding:1em;
    margin:1em;
    position:relative;
    border-bottom:1px solid #d3d3d3;
}
.artists img{
    margin:0 auto;
}
.artist-image
{
    width:200px;
    height:200px;
    position:relative;
    margin:0 auto;

}
.no-border{
    border:none !important;
}