#concerthall_bk { background-color: #626262;}
.displayarea .itembox { float: left; margin: 0 0 8px 8px; width: 647px; height: auto; background-color: #333333; padding-bottom: 10px;}
.displayarea .ithfm{ height: 140px; }
.displayarea .tall{min-height: 450px; height: auto; }
.displayarea .tall_balaclava{ height: 475px; }
.displayarea .taller{height: 700px; } 
.displayarea .free_events {height: 250px; }
.displayarea .free_events_special { height: 960px; }
.displayarea .itembox .left_side {float: left; width: 256px; height: auto;  }                                                                                      
*+html .displayarea .itembox .left_side{height: 210px;}
.displayarea .itembox .l2_artist_img{ float: left; margin: 6px; width: 256px; height: 136px; background-color: #fff; }
.displayarea .itembox .subheader{float: left; width: 256px; font-family: helvetica, Arial, sans-serif; padding-left: 5px; padding-bottom: 10px; height: auto; }
.displayarea .itembox .subheader_taller{float: left; width: 256px; font-family: helvetica, Arial, sans-serif; padding-left: 5px; padding-bottom: 10px; height: auto; }

.displayarea .itembox .redtitle { float: left; font-size: 14px; color: #fb0000; line-height: 1em; clear: both; width: 256px;}                                                                                                                                  
.displayarea .itembox .details { float: left; margin: 68px 0 6px 17px; width: 286px; font-family: helvetica, Arial, sans-serif; }
.displayarea .itembox .details .title { float: left; font-size: 18px; color: #fb0000; line-height: 1.1em; clear: both; width: 286px;}
.displayarea .itembox .details .smaller { font-size: 14px; }
.displayarea .itembox .details .brief { float: left; clear: both; font-size: 10pt; color: #fff; width: 286px; height: auto; margin-top: 12px; }                                                                              
                                                                            
.displayarea .itembox .details .subtitle { float: left; font-size: 13px; color: #fff; clear:both; width: 286px; }
.displayarea .itembox .details p { clear: both; color: #fff;}
.displayarea .itembox .details .l2_nav { float: left; width: 286px; margin-top: 7px; }
.displayarea .itembox .l2_event_status { float: left; margin-top: 14px; width: 70px; }
   
 /* CSS for L2 page of Visual Arts */ 
.displayarea .itembox .free_details { float: left;  margin: 10px 0 10px 17px; width: 365px; height: auto; font-family: helvetica, Arial, sans-serif; }                                        
.displayarea .itembox .free_details .smaller { font-size: 14px; }                                               
/* *+html .displayarea .itembox .free_details{height: 300px;width:300px; border: 1px solid; }*/
.displayarea .itembox .subtitle { float: left; font-size: 13px; color: #fff; clear:both; width: 365px; }                                                                                               
.displayarea .itembox .title { float: left; font-size: 18px; color: #fb0000; line-height: 1.1em; clear: both; width: 365px;}                                                                                                 
.displayarea .itembox p { clear: both; color: #fff;}  
.displayarea .itembox .brief { float: left; clear: both; font-size: 10pt; color: #fff; width: 355px; height: auto; margin-top: 7px; }
.displayarea .itembox .brief_smaller { float: left; clear: both; font-size: 8pt; color: #fff; width: 355px; height: auto; margin-top: 7px; }  
.displayarea .itembox .brief p {font-size: 10pt; }
.displayarea .itembox .brief a{ color: #FF0000; text-decoration: none;}
.displayarea .itembox .brief a:hover{ text-decoration: underline;}

/*CSS for Sponsors page */
.displayarea .sponsortitle{float: left;padding-left:10px; padding-bottom: 5px; font-size: 18px; color: #aaa; line-height: 1em; clear: both; width: 286px;}                                                                                                        


/* CSS for webpages under Mosaic Treats */
.bar_img{
 float: left; 
 margin: 6px;
 width: 250px;
 height: auto; 
 /*background-color: #fff; */
                                                                                         
}
.special{
float: left;
color: #ff0000;

}
select {

background:#999999 none repeat scroll 0 0;
border:1px solid #DBE1D3;
color:#FFFFFF;
font-family:Verdana;
font-size:9pt;
padding:1px;
margin-top: 9px;
margin-right:9px;
}

.backtotop{
float: left;
margin-left: 220px;
margin-top: -32px; 
width: 80px;
/*border: 1px solid; */
}

.backtotop a{ text-decoration: none; color:#FF0000;}
.backtotop a:hover{ color: #FF0000; text-decoration: underline;}


/* CSS for Venues page */
.venues_img{
 float: left; 
 margin: 6px;
 width: 210px;
 height: 160px;
/* border:1px solid; */
}