/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-  TOP PANEL  -*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/*
 * Top Panel (cell) where latest concert etc sits (696px x 150px)
 */

div#topPanel {
   width : inherit;
   height : 190px;
   background-color : #9B4212;
}

div#topBanner {
   float : left;
   background-color : inherit;
   color : inherit;
   width : 374px;
   height : inherit;
}

div#nextConcertAdvert {
   float : right;
   width : 300px;
   padding : 10px 10px 0px 10px;
   background-color : #A84E1D;
   border-left : 1px solid black;
   height : 180px;
   text-align : left;
	font-size: 1.25em;
}

.nextConcertAdvert a:link { color : #F8AC4E; text-decoration : none; }
.nextConcertAdvert a:visited { color : #F8AC4E; text-decoration : none; }
.nextConcertAdvert a:hover { color : white; text-decoration : none; }
.nextConcertAdvert a:active { color : #F8AC4E; text-decoration : none; }

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
/* 
 * Sits within topBanner
 */

div#bannerFill {
   float : left;
   background-image : url( ../images/TopBanner_bkgrd.gif );
   background-repeat : no-repeat;
   background-position : left;
   background-color : inherit;
   color : inherit;
   width : 300px;
   height : inherit;
}

div#nextConcertTitle {
   float : right;
   background-image : url( ../images/nextConcert.gif );
   background-repeat : no-repeat;
   background-position : left;
   background-color : inherit;
   color : inherit;
   width : 20px;
   height : inherit;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

p.concertItem {
   margin : 0px;
   color : inherit;
}

p.concertItem span.composer {
   font-weight : bold;
}

p.concertItem span.workTitle {
   font-style : italic;
}

p.concertItem span.soloist {
   font-style : italic;
   font-size : 95%;
}

div#nextConcertAdvert p.conductor {
   margin : 5px 0px 0px 0px;
}

div#nextConcertAdvert p.dateTime {
   margin : 10px 0px 0px 0px;
}

div#nextConcertAdvert p.venue {
   margin : 3px 0px 0px 0px;
}