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

#ruletall3b {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}


.presents {
	font-size:16px;
	font-weight:normal;
}

#netproceeds {
	font-size:16px;
	max-width:330px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:10px;
	margin-top:10px;
}



.info1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:#FF0000;
	font-weight:bold;
}

#quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:16px;
	color:#000000;font-weight:bold;
	max-width:320px;
	margin-left:20px;
	margin-top:10px;
	
	
}
.lighttype {font-weight:normal; font-size:11px;}

.leningrad {
	font-style:oblique;
}

#box1 {
	width:97%;
	max-width:1024px;
	
	height:50px; margin:auto;
}

#mflitypearea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	line-height:50px;
	float:left;
	
	
}

#title2 {
	
	line-height:34px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	color:#000000;
	float:left;
}


#blackbar {
	width:100%;
	height:40px;
	float:left;
	background-color:#ffffff;
}

#box2 {
	width:37.5%;
	background-color:#FFffff;
	height:50px; float:left;
}

#box3 {
	width:18.75%;
	
	height:50px; float:left;background-image:url(images/gradient1.jpg); background-repeat:no-repeat; background-position:left; background-size:cover;
}

#box4 {
	width:43.75%;
	background-color:#ffffff;
	height:50px; float:left;
}

#box13 {
	width:43.75%;
	background-color:#ffffff;
	height:190px; float:left;
}




#box5 {
	width:97%;
	max-width:1024px;
	height:190px; margin:auto;
}

#box6 {
	width:6.25%;
	background-color:#000000;
	height:190px; float:left; background-image:url(images/gradient2.jpg); background-repeat:no-repeat; background-size:cover;
}

#box7 {
	width:31.25%;
	background-color:#000000;
	height:190px; float:left; background-image:url(images/mainimage.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
}

#box8 {
	width:18.75%;
	background-color:#000;
	height:190px; float:left;background-image:url(images/gradient3.jpg);background-repeat:no-repeat; background-position:center; background-size:cover;
}

#box9 {
	width:97%;
	max-width:1024px;
	height:90px; margin:auto;
}

#box10 {
	width:12.5%;
	background-color:#FF0000;
	height:90px; float:left; background-image:url(images/gradient4.jpg); background-repeat:no-repeat; background-size:cover;
}

#box11 {
	width:43.75%;
	background-color:#ffffff;
	height:90px; float:left;
}

#box12 {
	width:43.75%;
	background-color:#ffffff;
	height:90px; float:left;
}


#ruletall1 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#ruletall2 {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletall3 {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}

#ruletall4 {
	width:12px; 
	height:190px;
	float:right;
	background-color:#000000;
}

#ruletall5 {
	width:12px; 
	height:90px;
	float:left;
	background-color:#000000;
}

#ruletall5b {
	width:12px; 
	height:90px;
	float:left;
	background-color:#000000;
}

	#ruletall5c {
		display:none;
}

/*socialmedia*/
#socialmedia {
	width:100%; 
	float:left;
}


#socialbuttons {
	max-width:1024px;
	margin:auto; 
}

#buttonbox {
	float:right;
	padding-bottom:10px;
}


@media only screen 
and (max-width : 968px) {
	
	#ruletall10c {
	width:12px; 
	height:90px;
	float:right;
	background-color:#000000;
}

	
	#ruletall5c {
	width:12px; 
	height:90px;
	float:right;
	background-color:#000000;
}
	
	#netproceeds {
	font-size:11px;
	max-width:330px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

	
#title2 {
	
	
	font-size:30px;
	
}


#quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	color:#000000;font-weight:bold;
	width:70%;
	margin-left:10px;
	margin-top:10px;
	float:left;
	
	
}



	
	#ruletall2a {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletall3a {
	width:12px; 
	height:190px;
	float:right;
	background-color:#000000; 
}
	
	#box1 {
	width:97%;
	max-width:1024px;
	
	height:50px; margin:auto;
}

#box2 {
	width:80%;
	background-color:#FFffff;
	height:50px; float:left;
}

#box3 {
	width:20%;
	background-color:#ffffff;
	height:50px; float:left; background-image:url(images/gradient1.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
}

#box4 { display:none;
}

#box13 {
width:30%;
	background-color:#ffffff;
	height:190px; float:left;
}




#box5 {
	width:97%;
	max-width:1024px;
	height:190px; margin:auto;
}

#box6 {
	width:15%;
	background-color:#FF0000;
	height:190px; float:left; background-image:url(images/gradient2.jpg); background-repeat:no-repeat; background-size:cover;
}

#box7 {
	width:55%;
	background-color:#000000;
	height:190px; float:left;
}

#box8 {
	display:none;

}

#box9 {
	width:97%;
	max-width:1024px;
	height:90px; margin:auto;
}

#box10 {
	width:25%;
	background-color:#FF0000;
	height:90px; float:left; background-image:url(images/gradient4.jpg); background-repeat:no-repeat; background-size:cover;
}

#box11 {
	width:75%;
	background-color:#ffffff;
	height:90px; float:left;
}

#box12 {
	width:100%;
	background-color:#ffffff;
	height:90px; float:left;
}


#ruletall1 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#ruletall2 {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletall3 {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}

#ruletall4 {
	width:12px; 
	height:190px;
	float:right;
	background-color:#000000;
}

#ruletall5 {
	width:12px; 
	height:90px;
	float:left;
	background-color:#000000;
}

#ruletall10 {
	width:12px; 
	height:90px;
	float:right;
	background-color:#000000;
}

#ruletall10b {
	width:12px; 
	height:90px;
	float:right;
	background-color:#000000;
}


#ruletiny{
	width:100%; 
	height:12px;
	float:left;
	background-color:#000;
}

.info1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	color:#FF0000;
	font-weight:bold;
}


	
	
}


@media only screen 
and (min-width : 320px) 
and (max-width : 480px){
	
		#ruletall10c { display:none;
}

	
	#ruletall5b {
		display:none;
}
	
	#ruletall5c {
	width:12px; 
	height:90px;
	float:right;
	background-color:#000000;
}
	
	#ruletall10 {
	width:12px; 
	height:70px;
	float:right;
	background-color:#000000;
}

#ruletall10a {
	width:12px; 
	height:80px;
	float:right;
	background-color:#000000;
}


	
	#ruletall3a {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}


		#ruletall3b {
			display:none;
}




	.presents {
	font-size:11px;
	font-weight:normal;
}
	
	.info1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#FF0000;
	font-weight:bold;
}
	
	#quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#000000;font-weight:bold;
	width:70%;
	margin-left:10px;
	margin-top:10px;
	float:left;
	
	
}

	
	#mflitypearea {
	
	font-size:14px;
	
	
}




#title2 {
	
	line-height:30px;

	font-size:30px;
	
}


	#ruletall2a {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletiny{
	width:100%; 
	height:12px;
	float:left;
	background-color:#000;
}

#ruletall3a {
	width:12px; 
	height:150px;
	float:right;
	background-color:#000000; 
}
	
	#box1 {
	width:97%;
	max-width:1024px;
	
	height:50px; margin:auto;
}

#box2 {
	width:100%;
	background-color:#ffffff;
	height:50px; float:left;
}

#box3 {
	display:none;
}

#box4 { display:none;
}

#box13 {
width:45%;
	background-color:#ffffff;
	height:150px; float:left;
}


#box5 {
	width:97%;
	max-width:1024px;
	height:150px; margin:auto;
}

#box6 {
	display:none;
}

#box7 {
	width:55%;
	background-color:#000000;
	height:150px; float:left;
}

#box8 {
	display:none;
}

#box9 {
	width:97%;
	max-width:1024px;
	height:90px; margin:auto;
}

#box10 {
	display:none;
}

#box11 {
	width:100%;
	background-color:#ffffff;
	height:80px; float:left;
}

#box12 {
	width:100%;
	background-color:#ffffff;
	height:60px; float:left;
}


#ruletall1 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#ruletall2 {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletall3 {
	width:12px; 
	height:150px;
	float:left;
	background-color:#000000;
}

#ruletall4 {
	width:12px; 
	height:150px;
	float:right;
	background-color:#000000;
}

#ruletall5 {
	width:12px; 
	height:70px;
	float:left;
	background-color:#000000;
}

#ruletall5a {
	width:12px; 
	height:80px;
	float:left;
	background-color:#000000;
}

	
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape){
	#mflitypearea {
	
	font-size:21px;
	
	
}
	
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : portrait){
	
	
	
	
	
	#blackbar {
	width:100%;
	height:10px;
	float:left;
	background-color:#ffffff;
}


	
		#netproceeds {
	font-size:10px; line-height:10px;
	max-width:85%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:10px;
	margin-top:10px;
}




	#ruletall10 {
	width:12px; 
	height:70px;
	float:right;
	background-color:#000000;
}

#ruletall10a {
	width:12px; 
	height:80px;
	float:right;
	background-color:#000000;
}


	
	#ruletall3a {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}


		#ruletall3b {
			display:none;
}




	.presents {
	font-size:12px;
	font-weight:normal;
}
	
	.info1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#FF0000;
	font-weight:bold;
}
	
	#quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#000000;font-weight:bold;
	width:70%;
	margin-left:10px;
	margin-top:10px;
	float:left;
	
	
}

	
	#mflitypearea {
	
	font-size:12px;
	
	
}




#title2 {
	
	line-height:24px;

	font-size:24px;
	
}


	#ruletall2a {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletiny{
	width:100%; 
	height:12px;
	float:left;
	background-color:#000;
}

#ruletall3a {
	width:12px; 
	height:130px;
	float:right;
	background-color:#000000; 
}
	
	#box1 {
	width:97%;
	max-width:1024px;
	
	height:50px; margin:auto;
}

#box2 {
	width:100%;
	background-color:#ffffff;
	height:50px; float:left;
}

#box3 {
	display:none;
}

#box4 { display:none;
}

#box13 {
width:45%;
	background-color:#ffffff;
	height:130px; float:left;
}


#box5 {
	width:97%;
	max-width:1024px;
	height:130px; margin:auto;
}

#box6 {
	display:none;
}

#box7 {
	width:55%;
	background-color:#000000;
	height:130px; float:left;
}

#box8 {
	display:none;
}

#box9 {
	width:97%;
	max-width:1024px;
	height:90px; margin:auto;
}

#box10 {
	display:none;
}

#box11 {
	width:100%;
	background-color:#ffffff;
	height:70px; float:left;
}

#box12 {
	width:100%;
	background-color:#ffffff;
	height:50px; float:left;
}


#ruletall1 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#ruletall2 {
	width:12px; 
	height:50px;
	float:right;
	background-color:#000000;
}

#ruletall3 {
	width:12px; 
	height:120px;
	float:left;
	background-color:#000000;
}

#ruletall4 {
	width:12px; 
	height:150px;
	float:right;
	background-color:#000000;
}

#ruletall5 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#ruletall5a {
	width:12px; 
	height:70px;
	float:left;
	background-color:#000000;
}

	


	
}

/*endsocialmedia*/


/*toprule*/

#rule1 {
	width:100%; 
	height:12px;
	float:left;
	background-color:#000000;
}

/*endtoprule*/

/*topbrandingpart1*/

#spacer {
		width:12px; 
	height:50px;
	float:left;
	background-color:#ffffff;
}

#mflipart1container {
	width:100%;
	float:left;
}

#mflipart1 {
	max-width:1024px; background-color:#00FF00;
	margin:auto;
}

#mflilogoarea {
	height:50px;
	float:left;
}

#rule4 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}

#mflilogo {
	width:50px;
	height:50px;
	background-image:url(images/MFLIlogosmall.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
}



/*endtopbrandingpart1*/

/*part2*/
#mflipart2 {
width:100%; float:left;  background-image:url(images/gradienttop2.png); background-repeat:repeat-x;
}

#mfliphotocontainerarea {
	max-width:1024px; height:190px; 

margin:auto;
	
}

#typeholder1 {
	padding:10px;
	  
}

#spacer2 {
		width:12px; 
	height:190px;
	float:left;

}

/*endpart2*/

/*part3*/

#titlecontainerarea {
	max-width:1024px;
	height:90px;
	margin:auto; 
}

#proceeds {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:22px;
	color:#000000;font-weight:normal; 
}

#spacer3 {
		width:12px; 
	height:90px;
	float:left;

}


/*part3*/

#rule2 {
	width:100%; 
	height:12px;
	float:left;
	background-color:#000000;
}

#rule3 {
	width:12px; 
	height:50px;
	float:left;
	background-color:#000000;
}


#rule5 {
	width:12px; 
	height:190px;
	float:left;
	background-color:#000000;
}

#rule6 {
	width:12px; 
	height:90px;
	float:left; margin-right:10px;
	background-color:#000000;
}



#mainimage {
	height:190px;
	width:286px;
	background-image:url(images/mainimage.jpg);
	background-repeat:no-repeat;
	float:left;
}

.date {
	color:#ffffff; font-size:21px; font-style:normal;
}







#quote2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	
	color:#ffffff;font-weight:normal; font-style:normal;
	
	padding-right:20px; height:auto;
	
	
}

#quote2 a { color:#ffffff; text-decoration:none;}

#quote2 a:hover { color:#000000;}


.tickets {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	 
	color:#ffffff; font-weight:normal; font-style:oblique;	
}


.redtype {
	color:#FF0000;
}




.life {
	color:#FF0000;
}

#gradient1 {
	width:145px;
	height:50px;
	background-image:url(images/gradient1.jpg);
	background-repeat:no-repeat;
	float:left;
}

.principal {font-size:12px; font-weight:normal;  margin-top:10px; font-style:oblique; }

#gradient2 {
	width:50px;
	height:190px;
	background-image:url(images/gradient2.jpg);
	background-repeat:no-repeat;
	float:left;
}

#gradient3 {
	width:148px;
	height:190px;
	background-image:url(images/gradient3.jpg);
	background-repeat:no-repeat;
	float:left;
}

#gradient4 {
	width:100px;
	height:90px;
	background-image:url(images/gradient4.jpg);
	background-repeat:no-repeat;
	float:left;
}

#redbox {
	width:100%;
	background-color:#FF0000; background-image:url(images/gradienttop.png); background-repeat:repeat-x;
	float:left; padding-top:30px; padding-bottom:30px; margin-bottom:40px;
}

#whitebox {
	width:100%;
	background-color:#f2f2f2;
	float:left;
	
}

#whitebox2 {
	width:100%;
	background-color:#f2f2f2; background-image:url(images/gradienttop2.png); background-repeat:repeat-x;
	float:left;
	padding-top:20px; padding-bottom:20px;
	
}

.smalltype2 {
	color:#FFF;
	font-size:12px; font-style:normal; 
}

#footer {
	width:100%;
	background-color:#ffffff;
	float:left;
	
}

.footertype {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	
}


.footertype2 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#FF0000;
	font-style:normal;
	font-weight:bold;
	
}

.redtype { 
color:#FF0000;
}

.orchestras2 {
	font-size:16px; line-height:21px;
	
	font-weight:normal;
	font-style:oblique;
	color:#000000;
}

.namequote {
	color:#000000; font-style:normal; font-size:21px; line-height:26px; margin-top:10px;}

#redboxtype {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px; line-height:16px;
	color:#FFFFFF;
	max-width:1024px;
	font-style:oblique;
	padding-left:10px;
	margin:auto; 
}

#redboxtype5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFFFFF;
	max-width:1024px;
	font-style:oblique;
	padding-top:20px; padding-bottom:20px;
	margin:auto; 
}


#redboxtype4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFFFFF;
	max-width:1024px;
	font-style:oblique;
	 padding-bottom:20px;
	margin:auto; 
}


.names {
	color:#000000;font-weight:bold; line-height:16px; font-style:normal;
}

.captions {
	font-size:12px;
	font-style:oblique;
}

.orchestras {
	color:#000000; 
	font-size:12px; line-height:13px;
	font-weight:bold;
	font-style:normal;
}

.day {
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:3px;
	font-style:normal;
	line-height:28px;
}

#sponsor a { color:#FFFFFF;}

#sponsor a:hover { color:#FF0000; }

.verticalline { color:#F00; margin-left:10px; margin-right:10px;}

.lttype { font-weight:normal; font-style:normal;}
